HTML5手机音频播放器

来源:https://www.sucaihuo.com/js/387.html 2015-08-21 07:03浏览(1966) 收藏

HTML5给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件,通过高级浏览器就可以播放音频
HTML5手机音频播放器
分类:html5 > 音频 难易:初级
查看演示 下载资源 下载积分: 20 积分

HTML

<audio controls=true>
    <source src="music.mp3" />
    <source src="music.ogg" />
    你的浏览器不支持video标签。
</audio>

AUDIO浏览器兼容

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="table_parameters"> <tbody> <tr class="tr_head"> <td width="25%">音频格式</td> <td width="15%">Chrome</td> <td width="15%">Firefox</td> <td width="15%">IE9</td> <td width="15%">Opera</td> <td width="15%">Safari</td> </tr> <tr> <td align="center">OGG</td> <td align="center">支持</td> <td align="center">支持</td> <td align="center">支持</td> <td align="center">不支持</td> <td align="center">不支持</td> </tr> <tr> <td align="center">MP3</td> <td align="center">支持</td> <td align="center">不支持</td> <td align="center">支持</td> <td align="center">不支持</td> <td align="center">支持</td> </tr> <tr> <td align="center">WAV</td> <td align="center">不支持</td> <td align="center">支持</td> <td align="center">不支持</td> <td align="center">支持</td> <td align="center">不支持</td> </tr> </tbody> </table>

AUDIO相关API

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

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2