用html如何播放wav文件？

html-css014

用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就可以了。