使用 audio 和 embed 实现浏览器兼容的网页声音播放
2014-07-27 21:28
573 查看
使用 audio 和 embed 实现浏览器兼容的网页声音播放
使用 audio 和 embed 实现浏览器兼容的网页声音播放学习参考源码如下:
function playSound() { var borswer = window.navigator.userAgent.toLowerCase(); if ( borswer.indexOf( "ie" ) >= 0 ) { //IE内核浏览器 var strEmbed = '<embed name="embedPlay" src="http://www.tnt168.com/public/wav/notice.wav" autostart="true" hidden="true" loop="false"></embed>'; if ( $( "body" ).find( "embed" ).length <= 0 ) $( "body" ).append( strEmbed ); var embed = document.embedPlay; //浏览器不支持 audion,则使用 embed 播放 embed.volume = 100; embed.play(); } else { //非IE内核浏览器 var strAudio = "<audio id='audioPlay' src='http://www.tnt168.com/public/wav/notice.wav' hidden='true'>"; if ( $( "body" ).find( "audio" ).length <= 0 ) $( "body" ).append( strAudio ); var audio = document.getElementById( "audioPlay" ); //浏览器支持 audion audio.play(); } }
经过一段时间使用,上面方法在部分IE浏览器上还是不兼容!
在网上搜索一番后,有了新的收获,链接地址如下:
SWFObject.js(兼容性更强,但似乎只支持 mp3格式文件):
http://www.cnblogs.com/sharpCode/archive/2011/12/04/2276012.html
10款Flash和Javascript网页音乐播放器:
http://justcoding.iteye.com/blog/592543
相关文章推荐
- JS网页播放声音实现代码兼容各种浏览器
- JS网页播放声音实现代码兼容各种浏览器
- 实现浏览器播放声音的方式(兼容IE6)
- 采用 audio 和 embed 实现浏览器的兼容性页音频播放
- 网页上播放声音的简单实现(兼容IE/CHROME)
- 使用CSS实现透明边框的效果——兼容当前各种主流浏览器[xyytIT]
- 分别实现网页播放mp3、flv、wmv、Flash,代码兼容FireFox
- 使用css实现全兼容浏览器的三角形
- 使用Flexbox:新旧语法混用实现最佳浏览器兼容
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- [转载]html5直接在网页上播放视频音频兼容所有浏览器
- 使用Flexbox:新旧语法混用实现最佳浏览器兼容
- 使用AudioToolbox Framwork中的System Sound Services播放声音
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- 网页中播放Mp3(兼容火狐,谷歌,ie主要浏览器)
- 使用JS播放声音/音乐的实现方法
- 兼容不同浏览器的音频文件(mp3)播放实现
- html5直接在网页上播放视频兼容所有浏览器
- html5直接在网页上播放视频兼容所有浏览器