如何用HTML5向网页中插入音频
我们进行网页开发的时候，经常需要在网页中插入音频。运用HTML4的技术很难实现这个需求。而用HTML5去实现插入音频的功能却很简单方便。下面小编通过实例给大家讲解一下。
东西/材料
Sublime Text
操作方式
-
01
打开Sublime Text东西，筹办好如下图所示的目次布局，目次里面包罗要插入的音频文件和一个html文件。
-
02
打开HTML文件，新建一个空的HTML5文档布局，如下图所示，注重编码必然设置为UTF-8。
-
03
接下来在body标签中插入audio元素，audio元素里面经由过程source引入音频文件，如下图所示，注重文件的类型要写对。
-
04
运行编写好的页面法式，你会在网页中看到如下图所示的音频播放器，我们点击播放按钮就会主动播放音频。
-
05
当然有良多的老版本的浏览器并不撑持audio元素，这个时辰我们可以在audio里面添加一个提醒，当浏览器不撑持audio元素的时辰就会显示这个提醒。
-
06
若是想进入播放页面就当即主动播放音频内容，那么需要在audio中添加一个controls属性，如下图所示。
-
07
最后，小编列举了一下当前本家儿流浏览器对HTML5里面audio元素的撑持环境，大师可以做一下参考。
- End
- 发表于 2018-04-30 00:00
- 阅读 ( 680 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章