【JavaScript】iOSでのオーディオ再生・終了に気をつける

以前、ブラウザで音声を再生するテストをしました。

パソコンでは問題ありませんが、iPhoneのブラウザを使う時は、ユーザーにクリックしてもらい、そのイベントを取得しないと、音声が流せないようです。

↓こちらで、紹介されている 、wa.js を少し拡張しました。

stop関数を追加したり、

stop: function() {
    if(this.source != null){
      this.source.stop();
    }
},

再生終了イベントを追加しました。

var context = this.context;
this.source = context.createBufferSource();
this.source.buffer = buffer;
this.source.onended = function(){ //再生終了イベントを追加
} 
this.source.connect(context.destination);
this.source.start(0);