我们进行网页开发的时候 ， 经常需要在网页中插入音频 。 那么这种功能该如何的实现呢？下面效果通过实例给大家讲解一下 。 东西/材料 Sublime Text
操作方式 01 【如何用HTML5向网页中插入音频】打开Sublime Text东西 ， 筹办好如下图所示的目次布局 ， 目次里面包罗要插入的音频文件和一个html文件 。
文章插图
02 打开HTML文件 ， 新建一个空的HTML5文档布局 ， 如下图所示 ， 注重编码必然设置为UTF-8 。
文章插图
03 接下来在body标签中插入audio元素 ， audio元素里面经由过程source引入音频文件 ， 如下图所示 ， 注重文件的类型要写对 。
文章插图
04 运行编写好的页面法式 ， 你会在网页中看到如下图所示的音频播放器 ， 我们点击播放按钮就会主动播放音频 。
文章插图
05 当然有良多的老版本的浏览器并不撑持audio元素 ， 这个时辰我们可以在audio里面添加一个提醒 ， 当浏览器不撑持audio元素的时辰就会显示这个提醒 。
文章插图
06 若是想进入播放页面就当即主动播放音频内容 ， 那么需要在audio中添加一个controls属性 ， 如下图所示 。
文章插图
07 最后 ， 小编列举了一下当前本家儿流浏览器对HTML5里面audio元素的撑持环境 ， 大师可以做一下参考 。
文章插图
以上内容就是如何用HTML5向网页中插入音频的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 电脑如何压缩文件
- 金毛寻回犬如何看便便 大致是黄色或者褐色是正常
- 夫如茶妻似水
- 电脑开机密码怎么修改 如何修改电脑开机密码
- 教你如何正确使用防晒霜和防晒喷雾
- 火力对决，如何在房间里打击对手
- 红色警戒3如何安装mod
- 流放者柯南游戏如何使用代码和控制台
- NBA2k20比赛战术如何操作
- 老年人如何喝茶？，开茶楼需要多少资金