处理音频标记

Question

我有一个带有typscript的Angular2应用程序。我有一个音频标签，它接收文件为@Input，我想在路径中不存在该文件时生成异常：

html是：

<div>
    <audio  controls autoplay  id="audio" (error)="audioError()">
      <!--source src="horse.ogg" type="audio/ogg"-->
      <source [src]="fileToPlay" type="audio/mpeg">
      Your browser does not support the audio element.
    </audio>
</div>

该组件是：

export class PlayComponent implements OnChanges  {

  @Input() fileToPlay:string;

    audioError(){
 console.log('out of range');
 }

}

我尝试使用onerror，但它不起作用。

Answer 1

使用(error)代替onerror（带有paranthesis的环绕事件）。

<audio  controls autoplay  id="audio" (error)="audioError()">
  <!--source src="horse.ogg" type="audio/ogg"-->
  <source [src]="fileToPlay" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>