用html如何播放wav文件?

html-css07

用html如何播放wav文件?,第1张

方法一:

<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' 调用media player

方法二:

<bgsound  loop="false"   autostart="false"  id="bgss" src="XXX">

html5 的audio:

<audio src="../temp.wav" controls="controls">wav</audio>

用HTML5的audio标签,就要考虑浏览器对音频格式的支持情况,见下图:

如果要兼容所有现代浏览器,建议以如下方式同时引入mp3和ogg格式:

<audio preload="auto">

<source src="test.mp3" />

<source src="test.ogg" />

</audio>

可以,但是很多浏览器不支持。

如果是利用Flash播放的话是没问题的。

用HTML5的audio标签,就要考虑浏览器对音频格式的支持情况,见下图:

可见,chrome下面是不支持WAV格式的音频。

如果要兼容所有现代浏览器,建议以如下方式同时引入mp3和ogg格式:

调用windows播放器

<*EMBED SRC="音乐文件地址">

常用属性如下:

SRC="FILENAME"设定音乐文件的路径

AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE

LOOP=TRUE/FALSE 设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。

STARTIME="分:秒" 设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20

VOLUME=0-100 设定音量的大小。如果没设定的话,就用系统的音量。

WIDTH HEIGHT 设定控制面板的大小

HIDDEN=TRUE 隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子 例一:

<*EMBED SRC="midi.mid" autostart=true hidden=true loop=true>作为背景音乐来播放,隐藏了播放器。 例二:

<*EMBED SRC="midi.mid" loop=true width=145 height=60>

出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。

var script = document.createElement('script')script.src = 'http://static.pay.baidu.com/resource/baichuan/ns.js'document.body.appendChild(script)

注明:mp3 rm ra ram asf mid等音乐都用这个播放器

IE中的的背景音乐

代码如下:

<bgsound src="音乐文件地址" loop=#>

#=循环数

注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。

一拌格试如下:

播放器3

<*embed width="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">

大播放器不直接放

<*center><EMBED src=歌曲链接地址 volume="100" width=250 height=20 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>

播放器直接放 中

<*embed width="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">

仿真播放器rm

<*embed src="歌曲链接地址" width="280,80%" height="60,80%" autostart="true"><embed>

视频点击播放 <*object id=videowindow1 width=480 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"><param name=URL value=歌曲链接地址><param name=AUTOSTART value=0></object><br />

使用的时候把*号去掉

说明:一般用来插入mp3 rm ra ram asf mid等音乐文件,如果要隐藏播放器,把width

var script = document.createElement('script')script.src = 'http://static.pay.baidu.com/resource/baichuan/ns.js'document.body.appendChild(script)

和height的数值改成0或者1就可以了。