采用 audio 和 embed 实现浏览器的兼容性页音频播放
浏览器 实现 播放 采用 音频 兼容性 Audio
2023-09-14 09:10:14 时间
采用 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
版权声明:本文博主原创文章,博客,未经同意不得转载。
相关文章
- 浏览器刷新一次,nginx执行2次的问题
- Js如何防止页面后退(使浏览器后退按钮失效)[通俗易懂]
- 阶段七:浏览器安全
- 10款最佳跨浏览器测试工具
- IDM 6.35.2 - 简单粗暴的下载工具IDM多个版本(电脑、手机、浏览器插件都有)
- 浏览器三大存储
- Qt官方示例-迷你网页浏览器
- 谷歌浏览器 v66.0.3359.181 绿色正式版
- 禁用谷歌浏览器清理计算机功能避免占用硬件资源和被谷歌扫描文件
- 苹果 Safari 浏览器将全面封杀超过 13 个月的长效 HTTPS 证书
- 硬核观察 | Chrome 浏览器曾是谷歌创始人瞒着 CEO 开发的
- NetMarketShare 报告停止发布:不再跟踪浏览器和操作系统份额
- 在Linux上安装IE8浏览器(linuxie8)
- Linux下的浏览器之旅(linux 浏览器)
- 用jQuery实现检测浏览器及版本的脚本代码
- 用js实现的检测浏览器和系统的函数
- 使用js检测浏览器的实现代码
- js+css实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
- javascripthistory对象(历史记录)使用方法(实现浏览器前进后退)
- 利用浏览器全屏api实现js全屏
- js调用浏览器打印模块实现点击按钮触发自定义函数
- 使用jQuery简单实现模拟浏览器搜索功能