1. <!--
  2.     audio通过属性的设置可以控制音频播放的行为：
  3.     表6-2 audio元素的属性
  4.     ————————————————————————————————————————————————————————
  5.     属性            值                 描述
  6.     autoplay        autoplay          音频就绪后马上播放
  7.     controls        controls          向用户显示控件，比如播放按钮
  8.     loop            loop        　　　 音频播放结束后重新播放
  9.     preload         preload           音频在页面加载并预备播放。如果使用“autoplay”，则忽略该属性
  10.     src             url               要播放音频的url
  11.     ————————————————————————————————————————————————————————
  13.     表6-3 audio元素的方法
  14.     ————————————————————————————————————————————————————————
  15.     方法                        描述
  16.     addTextTrack()              向音频添加新的文本轨道
  17.     canPlayType()               检测浏览器是否能播放指定的音频类型
  18.     load()                      重新加载音频元素
  19.     play()                      开始播放音频
  20.     pause()                     暂停当前播放的音频
  21.     ————————————————————————————————————————————————————————
  23.     表6-4 audio元素的常用事件
  24.     ————————————————————————————————————————————————————————
  25.     事件                        　　 描述
  26.     canplay                     　　当前浏览器可以播放音频时
  27.     pause                         　当音频已暂停时
  28.     play                            当音频已开始或不再暂停时
  29.     playing                         当音频在因缓冲而暂停或停止后就就绪时
  30.     progress                        当浏览器正在下载音频时
  31.     volumechange                    当音量已更改时
  32.     timeupdate                      当前的播放位置已更改时
  33.     ————————————————————————————————————————————————————————
  35.     -->
  36.  
  37.     <!DOCTYPE html>
  38.     <html>
  39.     <head>
  40.         <meta charset="utf-8">
  41.         <title>audio</title>
  42.     </head>
  43.     <body>
  44.         <br>
  45.         <audio src="E:\MUSIC\Diplo - revolution.mp3" controls="controls" autoplay="autoplay">
  46.             您的浏览器不支持audio标签
  47.         </audio>
  48.     </body>
  49.     </html>
  50.  
  51. <!--
  52.     另外，audio元素可以设置多个source元素。source元素可以连接不同的音频文件，浏览器将使用第一个可识别的格式
  54.     <audio controls>
  55.     <source src=".../a.mp3" type="audio/mpeg"></audio>
  56.     <source src=".../b.mp3" type="audio/ogg"></audio>
  57. -->

    运行结果：

 

版权声明：本文为dragonir原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/dragonir/p/5698582.html