如何用HTML5向网页中插入音频

刊例2022-06-21  17

如何用HTML5向网页中插入音频 工具/材料

崇高的文本

操作方法 01

打开Sublime Text工具,准备如下图所示的目录结构,其中包括要插入的音频文件和一个html文件。

02

打开HTML文件,新建空的HTML5文档结构,如下图所示。请注意,编码必须设置为UTF-8。

03

接下来,在body标签中插入audio元素,音频文件通过source引入audio元素,如下图所示。注意文件的正确类型。

04

运行写好的页面程序,你会在网页中看到下图所示的音频播放器。当我们点击播放按钮时,我们将自动播放音频。

05

当然,有许多老版本的浏览器不支持音频元素。这时候我们可以给音频添加一个提示,当浏览器不支持音频元素时会显示这个提示。

06

如果想在进入播放页面后立即自动播放音频内容,需要在audio中添加一个controls属性,如下图所示。

07

最后,边肖列举了目前主流浏览器对HTML5中音频元素的支持,大家可以做个参考。

转载请注明原文地址:https://juke.outofmemory.cn/read/399335.html

最新回复(0)