您的位置:首页 > 其它

使用 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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  浏览器 audio embed