HTML5技术

【HTML5】 web上的音频 - Dragonir

字号+ 作者:H5之家 来源:博客园 2016-07-28 11:00 我要评论( )

!-- audio通过属性的设置可以控制音频播放的行为:表6-2 audio元素的属性属性值描述autoplayautoplay音频就绪后马上播放controlscontrols向用户显示控件,比如播放按钮looploop 音频播放结束后重新播放preloadpreload音频在页面加载并预备播放。如果使用auto

<!-- audio通过属性的设置可以控制音频播放的行为: 表6-2 audio元素的属性 ———————————————————————————————————————————————————————— 属性 值 描述 autoplay autoplay 音频就绪后马上播放 controls controls 向用户显示控件,比如播放按钮 loop loop     音频播放结束后重新播放 preload preload 音频在页面加载并预备播放。如果使用“autoplay”,则忽略该属性 src url 要播放音频的url ———————————————————————————————————————————————————————— 表6-3 audio元素的方法 ———————————————————————————————————————————————————————— 方法 描述 addTextTrack() 向音频添加新的文本轨道 canPlayType() 检测浏览器是否能播放指定的音频类型 load() 重新加载音频元素 play() 开始播放音频 pause() 暂停当前播放的音频 ———————————————————————————————————————————————————————— 表6-4 audio元素的常用事件 ———————————————————————————————————————————————————————— 事件    描述 canplay   当前浏览器可以播放音频时 pause  当音频已暂停时 play 当音频已开始或不再暂停时 playing 当音频在因缓冲而暂停或停止后就就绪时 progress 当浏览器正在下载音频时 volumechange 当音量已更改时 timeupdate 当前的播放位置已更改时 ———————————————————————————————————————————————————————— audio 您的浏览器不支持audio标签 另外,audio元素可以设置多个source元素。source元素可以连接不同的音频文件,浏览器将使用第一个可识别的格式 <audio controls> <source src=".../a.mp3" type="audio/mpeg"></audio> <source src=".../b.mp3" type="audio/ogg"></audio> -->

运行结果:

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评