html5调用系统声音1s响一次_HTML5音频流：精确测量延迟？

利用timeupdate的事件元件，其被烧制每秒三至四次，通过检查流的媒体期间执行精确动画.currentTime的元素。动画或过渡可以每秒开始或停止多次。

如果在浏览器中可用，您可以使用fetch()请求音频资源，.then()返回时response.body.getReader()返回ReadableStream资源; 创建一个新MediaSource对象，并设置或new Audio() .src到objectURL的MediaSource; 附加在第一流块.read()链式.then()到sourceBuffer的MediaSource与.mode被设置为"sequence"; sourceBuffer在sourceBuffer updateend活动中附加剩余的块。

如果fetch() response.body.getReader()在浏览器中不可用，您仍然可以使用timeupdate或progress事件元素来检查.currentTime，启动或停止动画或转换所需的第二个流媒体播放。

当流已累积足够的缓冲区以继续播放时，使用元素canplay事件播放媒体MediaSource。

您可以使用一个对象，其属性设置为与动画应该出现.currentTime的位置相对应的数字，以及设置为css元素属性的值，该元素应该被动画化以执行精确的动画。

在javascript下面，动画发生在每二十二个周期，开始于0和每六十秒，直到媒体回放结束。

body {

width: 90vw;

height: 90vh;

background: #000;

transition: background 1s;

}

span {

font-fami