19、HTML5音频API的深入探索与实践

HTML5音频API的深入探索与实践

1. 音频资源播放时间的确定

要确定帧缓冲区相关音频资源的播放时间，可记录之前接收的帧缓冲区数量及其持续时间。不过，音频数据API提供了更可靠的方法，该方法在搜索和其他不连续导航中也能正常工作。在 MozAudioAvailable 事件数据中，有一个 event.time 字段，它以秒为单位提供从资源开始处测量的这些样本的起始时间。

以下是读取音频帧缓冲区事件时间的代码示例：

<audio src="HelloWorld.ogg" controls>
</audio>
<div id="display"></div>
<script type="text/javascript">
  var audio = document.getElementsByTagName("audio")[0];
  var display = document.getElementById("display");
  audio.addEventListener("MozAudioAvailable", writeSamples, false);
  function writeSamples (event) {
    display.innerHTML += event.time + ', ' + audio.currentTime +'<br/>';
  }
</script>

2. 音频波形渲染