怎么用html5向网页中插入音频

关注:4 发布时间:2021-09-17 20:48:01

导语本文整理了怎么用html5向网页中插入音频经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

需要准备的物品

升华文本

详细介绍方法/步骤

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

打开html文件,创建一个空的html5文档结构,如下图所示,注意编码必须设置为utf-8。

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

,您将在网页上看到下图所示的音频播放器,我们将通过单击播放按钮自动播放音频。

当然还有很多不支持音频元素的老浏览器。这时候我们可以在音频中添加一个提示,当浏览器不支持音频元素时会显示出来。

如果想一进入播放页面就自动播放音频内容,需要在音频中添加一个controls属性。

比较后,小编列出了当前主流浏览器对html5中音频元素的支持,可以参考一下。

猜你喜欢

热门it技术经验

360微商频道查询入口