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

经过一段时间使用,上面方法在部分IE浏览器上还是不兼容。

在网上搜索一番后。有了新的收获,链接地址例如以下:

SWFObject.js(兼容性更强,但似乎仅仅支持 mp3格式文件):

http://www.cnblogs.com/sharpCode/archive/2011/12/04/2276012.html

10款Flash和Javascript网页音乐播放器:

http://justcoding.iteye.com/blog/592543


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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”> src:音乐文件的路径及文件名;(完整的路径或URL) ShowTracker:为是否显示播放进度条 ShowPositionControls:为是否显示播放控制按钮如快进等 ShowAudioControls: 为控制是否显示音量按钮 ShowStatusBar: 是否显示咨询窗 ShowDisplay: 为显示更完整的咨询视窗 EnableContextMenu: 防止使用右键 autostart:true为音乐文件上传完后自动开始播放,默认为false(否) loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 volume:取值范围为“0-100”,设置音量,默认为系统本身的音量 starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,从第10开始播放 endtime: “分:秒”,设置歌曲结束播放的时间 width:控制面板的宽 height:控制面板的高 controls:控制面板的外观 controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever” •console:正常大小的面板 •smallconsole:较小的面板 •playbutton:显示播放按钮 •pausebutton:显示暂停按钮 •stopbutton:显示停止按钮 •volumelever:显示音量调节按钮 hidden:为true时可以隐藏面板 embed标签src后的文件也可以是.swf文件,用来播FLASH 下面是例子:自动播放的并且隐藏控制按钮,禁止右键菜单的. 下面的是上面例子中使用的代码: <embed src="yin/01.mp3" _fcksavedurl=""yin/01.mp3"" _fcksavedurl=""yin/01.mp3"" type="application/x-mplayer3" loop="true" ShowStatusBar="true" ShowPositionControls="false" EnableContextMenu="false"></embed> 下面是real的播放器用法总结,是转贴:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值