2013-07-08 49 views
3

我试图保存在一个cookie中播放音乐文件的音量,所以当页面重新加载时,用户最后选择的音量保持不变,而不是超大声或随你。Javascript添加音频音量更改事件监听器

下面是该事件监听我的测试代码:

var myAudio = document.getElementById("audio1");

myAudio.addEventListener('change',alert("Audio Volume Changed"),true};

然而,当我改变音量也没有响应。我已经搜索过,尽管它是我认为非常实用的东西,但没有关于它的信息。

+3

1'addEventListener',不'addEventListner' 2.通行证的功能作为第二个参数;该代码只调用alert()。 –

+0

我不能相信我错过了那个错字。无论如何,我将它更改为'myAudio.addEventListener('change',function(){alert(“Audio Volume Changed”);},true};'并且当我改变音量时什么也没有发生。 – JVE999

+0

我继续编辑原来,因为这似乎不是真正的问题,我猜它不会发送音量变化的值?这是没有道理的,因为音频元素具有音量属性...所以,我不知道。 – JVE999

回答

6

您正在寻找“volumechange”事件。

var audio = document.getElementById('sample'); 

audio.addEventListener('volumechange', function() { 
    console.log('changed.', arguments); 
}, false); 

我在这个例子中使用了气泡阶段(而不是捕获)。

http://jsfiddle.net/426E6/

http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#event-definitions

+0

太棒了。完美的作品。另外,这个参考文件非常棒。我要为它加书签。小提琴增加了清晰度。 – JVE999