HTML5 中如何使用 audio 标签播放音频文件?

HTML5 中使用 audio 标签播放音频文件非常简单,只需要在页面中添加一个 audio 标签,把音频文件的 URL 地址作为 src 属性添加到 audio 标签中即可。例如:

上面的代码就是在 HTML5 中使用 audio 标签播放音频文件的简单方法,其中 controls 属性表示在页面中显示音频控制面板,用户可以使用面板进行播放、暂停、调节音量等操作。

除了使用 controls 属性显示音频控制面板,还可以使用 JavaScript 来控制音频播放。例如,可以在页面加载完成后自动播放音频:

<script type="text/javascript">
    window.onload = function() {
        document.getElementById("myaudio").play();
    }
</script>

上面的代码中,我们在页面加载完成后调用了

document.getElementById("myaudio").play() 

方法来播放音频,而不是使用 controls 属性显示音频控制面板。

audio 标签还支持 autoplay 属性,用于在页面加载完成后自动播放音频,只需要在 audio 标签中添加 autoplay 属性即可,如:

audio 标签还支持 loop 属性,用于设置音频是否循环播放,只需要在 audio 标签中添加 loop 属性即可,如:

audio 标签还支持 preload 属性,用于设置音频是否在页面加载完成后自动加载,只需要在 audio 标签中添加 preload 属性即可,如:

以上就是 HTML5 中使用 audio 标签播放音频文件的方法,audio 标签非常简单易用,只需要在页面中添加一个 audio 标签,把音频文件的 URL 地址作为 src 属性添加到 audio 标签中即可,还可以使用 controls、autoplay、loop 和 preload 等属性来控制音频的播放行为。

本文链接:http://task.lmcjl.com/news/13293.html

展开阅读全文