当用户收听音频元素超过5秒钟时,我想记录.如何用
HTML5检测?
解决方法
我将处理播放事件,然后在完成后使用setTimeout调用轨道.这样的东西(伪代码):
var timeHandler = null;
// if they stop listening,don't give them the alert
myAudioElement.addEventListener('stop',function() {
if (timeHandler) clearTimeout(timeHandle);
});
// when they start to play,set an event to pop up 5 seconds later
myAudioElement.addEventListener('play',function() {
timeHandler = setTimeout(5000,function() {
// here I would make some kind of ajax call to log the event
alert("it's been 5 seconds!");
});
一如以往,根据您的需要,这可能会变得更加复杂.您也可以使用ontimeupdate事件来跟踪播放头目前所在的位置.有关html5音频事件的参考,请查看此页面:
https://developer.mozilla.org/en/DOM/Media_events
祝你好运!