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