1、打开SublimeText工具,准备好的目录结构,目录里面包括要插入的音频文件和一个html文件。
2、打开HTML文件,新建一个空的HTML5文档结构,,注意编码一定设置为UTF-8。
3、接下来在body标签中插入audio元素,audio元素里面通过source引入音频文件,,注意文件的类型要写对。
4、运行编写好的页面程序,你会在网页中看到的音频播放器,我们点击播放按钮就会自动播放音频。
5、当然有很多的老版本的浏览器并不支持audio元素,这个时候我们可以在audio里面添加一个提示,当浏览器不支持audio元素的时候就会显示这个提示。
6、如果想进入播放页面就立即自动播放音频内容,那么需要在audio中添加一个controls属性,。
7、最后,列举了一下当前主流浏览器对HTML5里面audio元素的支持情况,大家可以做一下参考。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
html5如何根据ps图片排版?
HTML写的网页如何实现与数据库的交互?
HTML网页中如何引入地铁图?
HTML是不是用来开发网页的?
HTML如何显示当前动态时间?
html中怎么从一个页面跳转到另一个页面?
在html中插入整个页面的背景图?
dreamweaver所用的语言就是html吗?
dreamweaver所用的语言就是html吗?
怎么设置html文字背景颜色?
如何修改wordpress网站中的html代码
有哪些好用的HTML5绘图工具?
HTML网页编程,有哪些不错的软件值得一用?
html5有哪些新特性,移除了那些元素?
本地的html文件如何生成网页文件?
HTML网页怎样实现鼠标经过文字变色?
HTML中给图片上增加文字的代码怎么写?
HBuilder如何创建html文件并运行?
HTML有哪些静态模板页技术?
什么是“HTML”?HTML的“标记”是什么?