MediaPlayer播放器在web项目中调用

来源:互联网 发布:美国eia数据是什么 编辑:程序博客网 时间:2024/06/01 22:51


前段时间工作中遇到一个问题,就在把指定路径下面的.wav或者mp3文件通过一个插件进行播放如下这种




因为之前的同事使用的是一个falsh的插件直接就可以显示dewplayer.swf。

这种文件只是支持使用mp3格式的文件进行播放。

但是我做的是wav和mp3格式的都得支持的,还得在三大主流的浏览器上都能用(谷歌、火狐、IE)我本人也不晓得什么是三大主流浏览器

这三个是我们测试的同事说的,刚开始我试的是360和IE很方便的通过测试成功。

准备交差了事,让他去测试,他测试只是火狐和谷歌结果都不通过,令我很头疼的是谷歌访问的时候文件的地址会自动加上http://127.0.0.1:端口号/工程名

我现在总结下我的实践结果:

在IE和360下面使用如下两种方式都是可以读到文件的

<embed id="t_mediaPlayer" src="<%=url %>"> </embed>

<OBJECT ID="MediaPlayer" 
CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..."
TYPE="application/x-oleobject">

<PARAM id="FILENAME" NAME="FILENAME" value="url" width="280" height="120">

</object>

但是在谷歌下面死活就是不行,在谷歌下面可以采用html5的播放格式如下:


<audio controls autoplay  ID="MediaPlayer" >

<source src="url" type="audio/wav" width="280" height="120">
 Your browser does not support this audio format.
</audio>


这样是可以播放的。wav和mp3格式的文件都是可以播放的


问题又出来了,在火狐里面又不能播放,我今天下午试了下。在火狐里面播放和360的播放方式是一样的

如下:

<embed id="t_mediaPlayer" src="<%=url %>"> </embed>

这种就能播放的,主要是加上如下两个标签就可以播放了

<embed id="t_mediaPlayer" src="<%=url %>"  showstatusbar="1" showpositioncontrols="0"
   type="application/x-mplayer2">
 </embed>


火狐和360、IE上面的这种播放直接后面跟需要播放的文件地址就可以播放的。

火狐显示的是


但是谷歌的就不能必须通过一个数据流的方法,先所在文件的文件通过数据流的方法保存到数据里面,然后将一个字符流输出到前端的显示页面上

路径访问的地址如下:

src="recordings/play.html?filename=<%=url %>" type="audio/wav"

这样子就可以播放文件了。



0 0