zl程序教程

您现在的位置是:首页 >  前端

当前栏目

采用 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


版权声明:本文博主原创文章,博客,未经同意不得转载。