• 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 诗经讲演录:男子如何从好色转为好德? 2019-05-10
  • 欢迎访问

    云南11选5前三组选走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    使用HTML5的Audio标签打造WEB音频播放器

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com 目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件。而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件,只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。


    WEB中的Audio标签

    HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:标签。使用audio标签可以控制音频的播放与停止,循环播放与播放次数设置,以及播放位置等等,详情请看下表。

    属性 描述
    autoplay true | false 如果是 true,则音频在就绪后马上播放。
    controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
    end numeric value 定义播放器在音频流中的何处停止播放。默认地,声音会播放到结尾。
    loopend numeric value 定义在音频流中循环播放停止的位置,默认是 end 属性的值。
    loopstart numeric value 定义在音频流中循环播放的开始位置。默认是 start 属性的值。
    playcount numeric value 定义音频片断播放多少次。默认是 1。
    src url 所播放音频的 url。
    start numeric value 定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。

    目前支持audio标签的浏览器有:

    IE9,Firefox, Opera,Chrome和Safari都支持标签。

    注意:IE8和更早的版本,不支持标签。

    如何使用Audio

    要在HTML5中播放音频,需要在body中插入以下代码:

    
    

    你可以在和标签之间插入文字内容,这样如果浏览器不支持audio,那么会显示这些文字。

    也许你会问auto中怎么会包含3个source标签呢?这是为了浏览器和音频格式的兼容性,浏览器制造商并非都同意使用某一种音频文件格式。例如,Chrome、Internet Explorer 9 (IE9) 和 Safari 浏览器不支持 WAV 文件,这是一种使用非压缩格式且正在衰败的标准。我们将每个视频文件名放在单独的标签里,并且音频容器中的所有源标签都由构成,如下所示。那么,无论访问者使用什么浏览器,它都将自动选择所读取的第一个文件类型,并为您播放声音。

    HTML5浏览器和音频格式兼容性

    音频格式 Chrome Firefox IE9 Opera Safari
    OGG 支持 支持 支持 不支持 不支持
    MP3 支持 不支持 支持 不支持 支持
    WAV 不支持 支持 不支持 支持 不支持

    此外,不同浏览器音频空间外观也不一样。

    HTML5 让开发人员可以更轻松地提供大量WEB体验。标签是令人兴奋的新添内容,不再需要外部音乐播放器,使音频的提供像显示图像一样简单。有了基于标准的音频控件和让用户更易于与声音进行交互的新浏览器功能,你可以轻松的在WEB页面上定制MP3播放器了。

    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 诗经讲演录:男子如何从好色转为好德? 2019-05-10
  • 华东15选5开奖今天结果是什么 北京赛车记录软件安卓 极速时时彩开奖时间表 手机十三水可提现平台 2019629号山西十一选五 四肖中特平5元赔多少 西平彩票中奖 竞猜足球半全场怎么玩 河北快3今日中奖号 篮球过人技巧图解 买总进球数点球算吗 河北十一选五助手官方下载 幸运28单双有规律吗 新时时彩骗局 991991开奖中心