ExtJs 页面嵌入播放器

之前的文章中提到歌曲的上传,上传后需要对歌曲进行审核,过程中需要对音频进行试听,虽然这个功能还没说如何去实现,但Ricki在模块提交测试期间自己试着去实现该功能,代码如下: 
Java代码   收藏代码
  1. listeners : {  
  2.                         'click' : function() {  
  3.                             var songPlayer = 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 : '<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="audio/mpeg" width="310">'  
  13.                                             + '<param name="fileName" value="D:\\我的文档\\My Music\\海贼王 - Believe.mp3"/>' +  
  14.                                                     '<embed width="420" height="360" type="application/x-mplayer2" src="D:\\我的文档\\My Music\\海贼王 - Believe.mp3"></embed></object>'  
  15.                                 })]  
  16.                             });  
  17.                             songPlayer.show();  
  18.                             songPlayer.doLayout();  
  19.                         }  
  20.   
  21.                     }  

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

PS:1.object标签嵌套embed是为了兼容各个浏览器 
     2.extjs还有个插件可以实现播放器的,具体查看http://www.sencha.com/blog/2008/11/24/extplayer-air-and-ext/
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值