如何用HTML5向网页中插入音频
工具/材料
崇高的文本
操作方法 01
打开Sublime Text工具,准备如下图所示的目录结构,其中包括要插入的音频文件和一个html文件。
02
打开HTML文件,新建空的HTML5文档结构,如下图所示。请注意,编码必须设置为UTF-8。
03
接下来,在body标签中插入audio元素,音频文件通过source引入audio元素,如下图所示。注意文件的正确类型。
04
运行写好的页面程序,你会在网页中看到下图所示的音频播放器。当我们点击播放按钮时,我们将自动播放音频。
05
当然,有许多老版本的浏览器不支持音频元素。这时候我们可以给音频添加一个提示,当浏览器不支持音频元素时会显示这个提示。
06
如果想在进入播放页面后立即自动播放音频内容,需要在audio中添加一个controls属性,如下图所示。
07
最后,边肖列举了目前主流浏览器对HTML5中音频元素的支持,大家可以做个参考。