Html5音频标签对象参考

时间:2017-11-19 19:40:01

标签: angular typescript ionic2

我是角度2和离子2的新手,我使用音频标签为我的项目使用音频对象

  

audio:any = new Audio();

在这里我可以使用play(),pause(),currentTime,duration,src,..等 但是,在“ontimeupdate”属性中,如果我调用音频对象

  

this.audio

它给了我undefined。我需要“ontimeupdate”方法来获取音频“currentTime”这是我的代码。

export class PlayerPage implements OnInit { 
audio: any = new Audio();


 constructor(public navCtrl: NavController, public global: GlobalDataService) 
{}

ngOnInit() {
   //click fn. triggered on btn click
    this.playSong();       
}

 playSong() {
    this.audio.src = "MY AUDIO FILE SRC";
    this.audio.load();
    this.audio.play();
 }

 this.audio.ontimeupdate = function () {
 //gives 'this.audio' as undefined
   console.log(this.audio); 

  console.log(this.audio.currentTime)    
 }  
 }

它仅在“ontimeupdate”函数中给出undefined,其中如果控制台“this.audio”它显示结果。

0 个答案:

没有答案