UDN-企业互联网技术人气社区

板块导航

浏览  : 1313
回复  : 5

[HTML5] HTML5音频Audio标签的应用

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-10 23:51:18 | 显示全部楼层 |阅读模式
    在过去,我们如果想在Web上播放音乐,基本都是通过Flash来播放,但并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来播放音乐了。

    audio标签:

    目前HTML5的audio标签仅支持3种音频格式,如下表:


IE9
FireFox 5.0
Safari 5.5
Chrome 12
Opera 11.5
Mp3
×
×
Ogg
×
×
Wav
×
×

    Audio标签的属性有:

属性
值(可省略)
描述
src
url
要播放的音频的 URL,路径可为网络路径或相对路径。
controls
controls
向用户显示控件,比如播放按钮。
loop
loop
每当音频结束时重新开始播放。
preload
preload
音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
autoplay
autoplay
则音频在就绪后马上播放。

  1. <h1>最近觉得《大高原》这首歌不错,就在案例中使用了:</h1>
  2. <audio src="http://zhangmenshiting2.baidu.com/data2/music/5814678/5814678.mp3?xcode=0f479d949c4372d1165aae570e00d8bd&mid=0.76911343441060" controls="controls" autoplay="true">您的浏览器不支持 audio 标签。</audio>
复制代码












[color=rgb(51, 102, 153) !important]


相关帖子

发表于 2015-9-17 15:17:56 来自手机 | 显示全部楼层
恩,排版更清晰点就更好了
使用道具 举报

回复

发表于 2016-3-10 10:14:47 | 显示全部楼层
很好 很强大
点评 ( 1 ) 收起 / 展开点评

友美C_cup 2016年03月10日 10:21 详情 回复

谢谢夸奖

使用道具 举报

回复

友美C_cup的头像 楼主
发表于 2016-3-10 10:21:27 | 显示全部楼层

谢谢夸奖
使用道具 举报

回复

发表于 2016-3-10 13:02:12 来自手机 | 显示全部楼层
使用道具 举报

回复

发表于 2016-3-10 13:02:20 来自手机 | 显示全部楼层
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部