Wirlaburla/wormTuner
Wirlaburla/wormTuner
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add mute for volume icon

Browse Source
This commit is contained in:
Wirlaburla 2023-01-08 23:46:58 -06:00
parent c1e3f8845c
commit 85ae86ddd3
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -22,11 +22,12 @@
<song></song> <song></song>
</metadata></canvas> </metadata></canvas>
<controls> <controls>
<button title='Play' class='play' onclick='play()'><img src='play.png'></button> <button title='Play' class='play' onclick='play()'><img src='//assets.worlio.com/style/radio/play.png'></button>
<button title='Stop' onclick='stop()'><img src='stop.png'></button> <button title='Stop' onclick='stop()'><img src='//assets.worlio.com/style/radio/stop.png'></button>
<button style='flex-grow:1;pointer-events:none;'></button> <button style='flex-grow:1;pointer-events:none;'></button>
<slider title='100%'><img src='vol.png'><input type=range min=0 max=100 value=100 step=5 oninput="volChange(this)"></slider> <button title='Mute/Unmute' class='volume' onclick='mute()'><img src='//assets.worlio.com/style/radio/vol.png'></button>
<button class='fav-button' title='Favorite' onclick='favoriteCurrentTrack()'><img src='heart.png'></button> <slider title='100%' class='volslider'><input type=range min=0 max=100 value=100 step=5 oninput="volChange(this)"></slider>
<button class='fav-button' title='Favorite' onclick='updateFavStatus(favoriteTrack(station.listen_url, station.title));'><img src='//assets.worlio.com/style/radio/heart.png'></button>
</controls> </controls>
</player> </player>
</div> </div>

26
radio.js
View File

@ -34,6 +34,7 @@ var tuner = {
player: null, player: null,
playing: true, playing: true,
volume: 100, volume: 100,
isMuted: false,
canvas: { canvas: {
element: null, element: null,
drawRequest: 0 drawRequest: 0
@ -119,6 +120,25 @@ function stop() {
updateMetadata(''); updateMetadata('');
} }
function mute() {
if (tuner.isMuted) {
document.querySelector('.volume').classList.remove('active');
document.querySelector('.volslider').title = tuner.volume+'%';
tuner.player.audioElement.volume=tuner.volume/100;
} else {
document.querySelector('.volume').classList.add('active');
document.querySelector('.volslider').title = "Muted";
tuner.player.audioElement.volume=0;
}
tuner.isMuted = !tuner.isMuted;
}
function volChange(e) {
tuner.player.audioElement.volume=e.value/100;
e.parentNode.title = e.value+'%';
tuner.volume = e.value;
}
function updateMetadata(track) { function updateMetadata(track) {
var line_data = [ var line_data = [
{ {
@ -381,12 +401,6 @@ function searchFavorites(query) {
} }
} }
function volChange(e) {
tuner.player.audioElement.volume=e.value/100;
e.parentNode.title = e.value+'%';
tuner.volume = e.value;
}
function setVisMode(i) { function setVisMode(i) {
if (i > vis_modes.length) visualizer.mode = 1; if (i > vis_modes.length) visualizer.mode = 1;
else visualizer.mode = i; else visualizer.mode = i;