手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML5音频标签的使用详解

时间:2024-11-01 18:01:04

1、<audio>音频标签常用属性: controls 显示控件muted 预设静音autoplay 自动播放loop 循环播放 src 音频文件路径

HTML5音频标签的使用详解

2、新建一个HTML文档,并定义一个简单的<audio>标签,此刻预览是一个空白的页面

HTML5音频标签的使用详解

3、在audio 标签中加入音频播放器的控件属性 controls示例:<audio src="bird.mp3" controls> 当浏览器不支持时,此处给出提示</audio>

HTML5音频标签的使用详解

4、保存以上内容,在浏览器预览效果,该控件的外观会根据浏览器的不同,而现实不同的外观

HTML5音频标签的使用详解

5、在audio 标签中加入音频静音属性 muted ,示例: <audio src="bird.mp3" co荏鱿胫协ntrols muted> 当浏览器不支持时,此处给出提示 </audio>

HTML5音频标签的使用详解

6、保存以上内容,并预览,则音频文件在输出播放前,预定义为静音,

HTML5音频标签的使用详解

7、若是需要,自咿蛙匆盗动播放,则加入属性:autopaly, 示例: <audio src="bird.mp3" controls muted autoplay&爿讥旌护gt; 当浏览器不支持时,此处给出提示 </audio>

HTML5音频标签的使用详解

8、若是需要,循谪藁钴碳环播放,则加入属性:loop, 示例: <audio src="bird.mp3" controls muted autoplay loop> 当浏鼙裸魅暹览器不支持时,此处给出提示 </audio>

HTML5音频标签的使用详解
© 手抄报圈