ExtJs 页面嵌入播放器

系统 1816 0
之前的文章中提到歌曲的上传,上传后需要对歌曲进行审核,过程中需要对音频进行试听,虽然这个功能还没说如何去实现,但Ricki在模块提交测试期间自己试着去实现该功能,代码如下:
Java代码 收藏代码
  1. listeners:{
  2. 'click' :function(){
  3. varsongPlayer= new Ext.Window({
  4. layout: 'fit' ,
  5. width: 310 ,
  6. modal: true ,
  7. frame: true ,
  8. autoHeight: true ,
  9. items:[ new Ext.Panel({
  10. xtype: 'panel' ,
  11. id: 'playerPanel' ,
  12. html: '<objectclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"type="audio/mpeg"width="310">'
  13. + '<paramname="fileName"value="D:\\我的文档\\MyMusic\\海贼王-Believe.mp3"/>' +
  14. '<embedwidth="420"height="360"type="application/x-mplayer2"src="D:\\我的文档\\MyMusic\\海贼王-Believe.mp3"></embed></object>'
  15. })]
  16. });
  17. songPlayer.show();
  18. songPlayer.doLayout();
  19. }
  20. }

上面在firefox\opera\IE 6都能正常运行,系统必须是Windows,在谷歌浏览器看不到播放器。

PS:1.object标签嵌套embed是为了兼容各个浏览器
2.extjs还有个插件可以实现播放器的,具体查看http://www.sencha.com/blog/2008/11/24/extplayer-air-and-ext/

ExtJs 页面嵌入播放器


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论