diff --git a/index.html b/index.html
index 8b9dc5b..7cb7e42 100644
--- a/index.html
+++ b/index.html
@@ -22,11 +22,12 @@
-
-
+
+
-
-
+
+
+
diff --git a/radio.js b/radio.js
index 98aa995..e450ec5 100644
--- a/radio.js
+++ b/radio.js
@@ -34,6 +34,7 @@ var tuner = {
player: null,
playing: true,
volume: 100,
+ isMuted: false,
canvas: {
element: null,
drawRequest: 0
@@ -119,6 +120,25 @@ function stop() {
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) {
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) {
if (i > vis_modes.length) visualizer.mode = 1;
else visualizer.mode = i;