如何确定播放 HTML5 音频是否真的发出声音？

Question

出于我正在工作的项目的目的，我想通过 JS 控制台了解在 facebook.com 上找到的

您可以通过键入以下内容找到该元素：

$$("audio")[0] 

我使用以下代码（改编自我在搜索过程中找到的this jsfiddle）来显示何时调用不同的事件侦听器：

var audio = $$("audio")[0]; 
var events = 'abort,canplay,canplaythrough,durationchange,emptied,ended,error,loadeddata,loadedmetadata,loadstart,pause,play,playing,progress,ratechange,seeked,seeking,stalled,suspend,timeupdate,volumechange,waiting'.split(',');

// event handler
var onEvent = function(e) {
    console.log(e.type);
};

// add event listener to audio for all events
for (var i = 0, len = events.length; i < len; i++) {
    audio.addEventListener(events[i], onEvent, false);
}

然后我会通过键入以下内容来播放音频：

$$("audio")[0].play();

如果我检查 $$("audio")[0].paused，它会显示 false，但我没有找到任何属性或事件可以表明它是否播放声音。 （我不希望它出现在这里，因为我认为它没有要播放的音频数据，但如果有办法检查，我可以将其与播放声音的音频元素进行比较。）

另外，我曾尝试通过隐身标签向自己发送一条消息，但没有看到发生这种情况的痕迹。 （我假设音频元素被用于此。）

感谢您的帮助。

Answer 1

要检查页面上是否曾经播放过HTMLMediaElement（视频或音频），最好的解决方案是检查其played 属性。

这将返回一个TimeRanges 对象，您也可以使用它来获取已播放的媒体量。

如果从未播放过，则此TimeRanges 对象的length 属性将设置为0：

if(audioElement.played.length){
  // This media has already been played
}else{
  // Never
}