微信扫一扫打赏支持

html5--4-4 audio元素/格式的转换

 

html5--4-4 audio元素/格式的转换

 

学习要点

  • 掌握audio元素的用法
  • 视频/音频文件的格式转换

当前，audio 元素支持三种音频格式：

  • Ogg 免费, 支持的浏览器:Firefox、Opera、Chrome
  • MP3 收费, 支持的浏览器: IE9+、Chrome、Safari
  • Wav 收费, 支持的浏览器: Firefox、Chrome、Safari

 

audio元素的属性

属性属性值描述
src url 要播放的 音频的 URL地址。
controls 空值/controls 向用户显示控件，比如播放按钮
autoplay 空值/autoplay 音频在就绪后自动播放。一般不设置该属性。
loop 空值/loop 循环播放。
preload auto/none/metadata 音频在页面加载时是否进行加载，并预备播放。一般不需要设置，使用默认值即可。

 

实例 

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <audio src="res/琴箫合奏.mp3" controls=""></audio>
 9     <br><br>
10     <audio controls="">
11         <source src="res/琴箫合奏.mp3" type="audio/mp3"></source>
12         <source src="res/琴箫合奏.ogg" type="audio/ogg"></source>
13         你的浏览器版本太低，请更换浏览器！
14     </audio>
15 </body>
16 </html>
View Code

 

posted @ 2017-12-04 16:55  范仁义  阅读(481)  评论(0)  编辑  收藏  举报