html5 audio异步模式测试

最新推荐文章于 2023-03-11 22:55:07 发布

原创最新推荐文章于 2023-03-11 22:55:07 发布 · 841 阅读

0 ·

CC 4.0 BY-SA版权

html css js 专栏收录该内容

37 篇文章

订阅专栏

本文通过一个具体的HTML和JavaScript代码示例，演示了在网页中如何使用异步模式播放音频。代码中定义了两个函数，fun1()用于立即播放音频，而fun2()则包含了一个耗时的循环。实验表明，尽管fun2()执行耗时，但音频仍能以异步方式立即开始播放。

<!DOCTYPE html>
<html>
<audio src='step.mp3' style='display:none;' id='step'></audio>
<body>
<script>
function fun1()
{
    var audio = document.getElementById("step");
    audio.play();
    console.log("1");
}

function fun2()
{
    for(var i=0;i<400000;++i)
    {
        for(var j=0;j<10000;++j){
            var v = i/j;
        }
    }
    console.log("2");
}

fun1();
fun2();

</script>
</body>
</html>

fun2中有一个比较耗时的循环。程序执行，控制台会首先输出"1"，一会后输出"2"，然后才能听到声音。这说明audio是以异步模式播放的。