兴国资源网 Design By www.nnzcdc.com
下面谈谈本人在html中插入音频文件,经过我的本地测试总结的一些问题(播放mp3文件):
1、<embed type="audio/mp3" src="" autostart=true loop=false></embed>
问题:IE8上正常(通过media player插件来播放)但在IE6和IE7上不会播放
Firefox上要安装QuickTime插件才能播放
Chrome通过将其转化成html5上的<vidio>标签播放,能播放但会使整个屏幕蓝屏
Opera不会自动播放
2、<embed type="audio/midi" src="" autostart=true loop=false></embed>
问题:IE6,IE7上不会正常播放,IE8正常
Firefox上正常
Chrome上要求肮脏QuickTime插件才能正常播放
Opera不会自动播放
3、<object data="" />
问题:在IE6,7上不能播放,IE8会弹出“非正常使用的Articx”等字样的提示
Firefox上正常
Chrome上正常
Opera不支持
4、<audio src="" type="audio/mp3" />
问题:html5标签 仅Chrome支持
5、
复制代码代码如下:
<audio autoplay>
<source src="/UploadFiles/2021-03-30/"><embed src=""></audio>
问题:IE6,IE7不支持,其余浏览器均支持,Opera不能自动播放
6、<embed src=""><noembed><bgsound src=""></noembed>
问题:IE6,IE7均不支持,其余浏览器均支持,Opera不能自动播放
综合以上本人采取了一下方式(jquery下执行):
复制代码代码如下:
if(navigator.userAgent.indexOf("Chrome") > -1){
如果是Chrome:
<audio src="/UploadFiles/2021-03-30/">}else if(navigator.userAgent.indexOf("Firefox")!=-1){
如果是Firefox:
<embed src="">}else if(navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all){
如果是IE(6,7,8):
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><param name="AutoStart" value="1" /><param name="Src" value="" /></object>
}else if(navigator.appName.indexOf("Opera")!=-1){
如果是Oprea:
<embed src="/UploadFiles/2021-03-30/">}else{
<embed src="">}
或
复制代码代码如下:
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/msie ([\d.]+)/)){
jQuery('#__alert_sound').html('<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><param name="AutoStart" value="1" /><param name="Src" value="/sounds/alert/1.mp3" /></object>');
}
else if(ua.match(/firefox\/([\d.]+)/)){
jQuery('#__alert_sound').html('<embed src="/UploadFiles/2021-03-30/1.mp3">}
else if(ua.match(/chrome\/([\d.]+)/)){
jQuery('#__alert_sound').html('<audio src="/UploadFiles/2021-03-30/1.mp3">}
else if(ua.match(/opera.([\d.]+)/)){
jQuery('#__alert_sound').html('<embed src="/UploadFiles/2021-03-30/1.mp3">}
else if(ua.match(/version\/([\d.]+).*safari/)){
jQuery('#__alert_sound').html('<audio src="/UploadFiles/2021-03-30/1.mp3">}
else {
jQuery('#__alert_sound').html('<embed src="/sounds/alert/1.mp3">}
1、<embed type="audio/mp3" src="" autostart=true loop=false></embed>
问题:IE8上正常(通过media player插件来播放)但在IE6和IE7上不会播放
Firefox上要安装QuickTime插件才能播放
Chrome通过将其转化成html5上的<vidio>标签播放,能播放但会使整个屏幕蓝屏
Opera不会自动播放
2、<embed type="audio/midi" src="" autostart=true loop=false></embed>
问题:IE6,IE7上不会正常播放,IE8正常
Firefox上正常
Chrome上要求肮脏QuickTime插件才能正常播放
Opera不会自动播放
3、<object data="" />
问题:在IE6,7上不能播放,IE8会弹出“非正常使用的Articx”等字样的提示
Firefox上正常
Chrome上正常
Opera不支持
4、<audio src="" type="audio/mp3" />
问题:html5标签 仅Chrome支持
5、
复制代码代码如下:
<audio autoplay>
<source src="/UploadFiles/2021-03-30/"><embed src=""></audio>
问题:IE6,IE7不支持,其余浏览器均支持,Opera不能自动播放
6、<embed src=""><noembed><bgsound src=""></noembed>
问题:IE6,IE7均不支持,其余浏览器均支持,Opera不能自动播放
综合以上本人采取了一下方式(jquery下执行):
复制代码代码如下:
if(navigator.userAgent.indexOf("Chrome") > -1){
如果是Chrome:
<audio src="/UploadFiles/2021-03-30/">}else if(navigator.userAgent.indexOf("Firefox")!=-1){
如果是Firefox:
<embed src="">}else if(navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all){
如果是IE(6,7,8):
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><param name="AutoStart" value="1" /><param name="Src" value="" /></object>
}else if(navigator.appName.indexOf("Opera")!=-1){
如果是Oprea:
<embed src="/UploadFiles/2021-03-30/">}else{
<embed src="">}
或
复制代码代码如下:
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/msie ([\d.]+)/)){
jQuery('#__alert_sound').html('<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><param name="AutoStart" value="1" /><param name="Src" value="/sounds/alert/1.mp3" /></object>');
}
else if(ua.match(/firefox\/([\d.]+)/)){
jQuery('#__alert_sound').html('<embed src="/UploadFiles/2021-03-30/1.mp3">}
else if(ua.match(/chrome\/([\d.]+)/)){
jQuery('#__alert_sound').html('<audio src="/UploadFiles/2021-03-30/1.mp3">}
else if(ua.match(/opera.([\d.]+)/)){
jQuery('#__alert_sound').html('<embed src="/UploadFiles/2021-03-30/1.mp3">}
else if(ua.match(/version\/([\d.]+).*safari/)){
jQuery('#__alert_sound').html('<audio src="/UploadFiles/2021-03-30/1.mp3">}
else {
jQuery('#__alert_sound').html('<embed src="/sounds/alert/1.mp3">}
兴国资源网 Design By www.nnzcdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
兴国资源网 Design By www.nnzcdc.com
暂无评论...
更新日志
2024年05月17日
2024年05月17日
- 白玛多吉《梦》限量1:1母盘直刻[低速原抓WAV+CUE][508M]
- 魏金栋-金歌新曲-梦里全是桂花香2CD[天凡之音][WAV+CUE]
- 鲛岛有美子-樱花赋HQCD[天龙][WAV+CUE]
- [In-Akustik7506]ReferenceSoundEdition-GreatWomenOfSong(2014)HQCD[WAV+CUE]
- 日本EMI超级名盘TOGE-11035-36BeethovenFidelio-Furtwngler
- 宝丽金50周年2010《古典篇》3CD限定盘[低速原抓WAV+CUE]
- 华纳群星.1992-永远新一天华纳15周年金钻群星演唱会2CD【华纳】【WAV+CUE】
- 原声《功夫熊猫4 OST》[FLAC][545M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- Taylor Swift《THE TORTURED POETS DEPARTMENT- THE ANTHOLOGY》[320K/MP3][279.09MB]
- 崔健《85回顾+梦中的倾诉》2CD [WAV+CUE][771M]
- 群星《安桥试音碟》3CD[FLAC][1.1G]
- Taylor Swift《THE TORTURED POETS DEPARTMENT- THE ANTHOLOGY》][24bit 48kH][FLAC/分轨]
- 群星1995-阿诗玛·中国歌剧金曲[中唱][WAV+CUE]
- [JVC]吴文光-中国古琴:流水[FLAC分轨]