码迷,mamicode.com
首页 > Web开发 > 详细

使用 audio 和 embed 实现浏览器兼容的网页声音播放

时间:2014-07-27 23:48:39      阅读:373      评论:0      收藏:0      [点我收藏+]

标签:浏览器   audio   embed   

使用 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();
			}
		}


使用 audio 和 embed 实现浏览器兼容的网页声音播放,布布扣,bubuko.com

使用 audio 和 embed 实现浏览器兼容的网页声音播放

标签:浏览器   audio   embed   

原文地址:http://blog.csdn.net/yimiyuangguang/article/details/38181485

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!