打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
sencha touch音频播放组件
 
 
 
____________________________________________________________________ 
launch: function() {
  //-----------------------------Audio音频组件--------------------------------------

  var audio=new Ext.Audio({
   //width:500,
   //height:50,
   url:'crash.mp3',
   loop:true//是否循环播放,true:循环播放,false:不循环
   //enableControls:true,//关闭浏览器自带的播放软件,默认值为true
   

  });
  
  var audioPlayOrPause=function(){
     if(button.getText()=="暂停"){
    audio.pause();
    button.setText("播放");
    console.log("------暂停------");
    console.log(audio.media.dom.playbackRate);//获取video元素的播放速率
    audio.media.dom.playbackRate+=1;//修改video元素的播放速率,加快视频播放速率
     }else if(button.getText()=="播放"){
    audio.play();
    button.setText("暂停");
    console.log("------播放------");
    console.log(audio.media.dom.playbackRate);//获取video元素的播放速率
    audio.media.dom.playbackRate+=1;//修改video元素的播放速率,加快视频播放速率
     }
    }
  
  var button=Ext.create('Ext.Button',{
     id:'playButton',
     text:'暂停',//显示的文字是播放
     //disabled:true,//按钮处于无效状态
     handler:audioPlayOrPause
    
  });
  
  
     var toolbar=new Ext.Toolbar({
     docked:'top',
     items:button
   
     });

  var panel=new Ext.Panel({
    //layout:'vbox',
     items:[
    toolbar,
    audio
     ]
  });
  
  Ext.Viewport.add(panel);
  audio.play();
  
    },
________________________________________________________________
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Ext JS
微信公众号文章爬取 | 数据爬取及可视化系列
ExtJS中get、getDom、getCmp、getBody、getDoc使用 javascript
【译】React组件的生命周期
更简单地自动化操作浏览器
2019 前端面试题汇总(主要为 Vue)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服