Skip to content

Feat: New design of the audio stream control slider #4394

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
connortechnology merged 21 commits into from
Aug 9, 2025
Merged

Feat: New design of the audio stream control slider #4394

Changes from 1 commit
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
207d84d
Loaded "nouislider" (functions.php)
IgorA100 Jul 29, 2025
dde081a
Code of the new audio stream control slider (watch.php)
IgorA100 Jul 29, 2025
b3d9c3c
New audio stream control slider style (skin.css)
IgorA100 Jul 29, 2025
6398d35
Removed unused code (watch.js)
IgorA100 Jul 29, 2025
48c0e4b
noUiSlider
IgorA100 Jul 29, 2025
602d658
Code for controlling the new audio stream control slider (MonitorStre…
IgorA100 Jul 29, 2025
1be91c2
Event listener "click" for buttons with "id=^controlMute" move to ski…
IgorA100 Jul 29, 2025
fb4c1fb
Code optimization
IgorA100 Jul 29, 2025
68e98fc
Merge branch 'ZoneMinder:master' into patch-896443
IgorA100 Jul 29, 2025
a59a12d
For noUiSlider import only the "dist" folder and the "README.md" file
IgorA100 Jul 30, 2025
64f65f5
- Use folder "noUiSlider-15.8.1" instead of "noUiSlider"
IgorA100 Jul 30, 2025
8a7f703
Merge branch 'ZoneMinder:master' into patch-896443
IgorA100 Jul 30, 2025
0685336
Fix: Eslint
IgorA100 Jul 30, 2025
430a591
Fix: eslint
IgorA100 Jul 30, 2025
8a3220d
Added ESLint ignore "web/js/noUiSlider-15.8.1/"
IgorA100 Jul 30, 2025
6fe174a
Merge branch 'master' into patch-896443
IgorA100 Aug 1, 2025
c6efacd
Update MonitorStream.js
IgorA100 Aug 2, 2025
8779663
Merge branch 'master' into patch-896443
IgorA100 Aug 4, 2025
5f6db1f
Merge branch 'ZoneMinder:master' into patch-896443
IgorA100 Aug 5, 2025
47f5933
When quickly switching between cameras on the Watch page, the audioSt…
IgorA100 Aug 7, 2025
6804761
When quickly switching between cameras on the Watch page, the audioSt…
IgorA100 Aug 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Code of the new audio stream control slider (watch.php)
  • Loading branch information
@IgorA100
IgorA100 authored Jul 29, 2025
commit dde081a540ceb4db1342368891356d71b5b8c9d6
11 changes: 4 additions & 7 deletions web/skins/classic/views/watch.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -452,14 +452,11 @@
$muted = (isset($_REQUEST['muted']) and $_REQUEST['muted'] == 'true') ? true :
((isset($_COOKIE['zmWatchMuted']) and $_COOKIE['zmWatchMuted'] == 'true') ? true : false);
ZM\Debug("Muted $muted");

?>
<span id="volumeControls" class="volume">
<button id="mute" class="muteBtn" <?php $muted ? 'class="avail"' : '' ?>>
<i class="material-icons md-18">volume_<?php echo $muted ? 'off' : 'up' ?></i>
</button>
<progress id="volume" value="<?php echo $volume; ?>" min="0" max="100"></progress>
</span>
<span id="volumeControls" class="volume">
<div id="volumeSlider" data-volume="<?php echo $volume; ?>" data-muted="<?php echo $muted ? 'true' : 'false'; ?>" class="volumeSlider noUi-horizontal noUi-base noUi-round"></div>
<i id="controlMute" class="audio-control-mute material-icons md-22"></i>
</span>
</div>
</div><!-- id="wrapperMonitor" -->

Expand Down