每个页面上的音量按钮控制

时间:2015-08-05 21:53:02

标签: javascript audio controls transition

我正在尝试制作一个音频按钮以打开或关闭我网站上的声音,我的问题是,当我进入我网站的另一页时,音量会回来......我每个人都有一首歌页面,我该如何解决? 有我的代码:

var volume = document.getElementById('song');

document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    volume.muted = !volume.muted;
    e.preventDefault();
}, false);
<audio autoplay loop id="song">
   <source src="http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a" />
</audio>


<div id="mute">
    <a href="#"><button>volume</button></a>
</div>

1 个答案:

答案 0 :(得分:0)

设置cookie或使用localStorage。您需要在单击按钮时设置数据,在页面加载时检索数据,并相应地静音。