iPhone でもボタンで音を鳴らす方法

Question

HTML5 の audio タグの音声を、 button で鳴らそうと思っています。

PCでは鳴るのですが、 iPhone で鳴らすことができません。

従量課金に関する問題対策として、このような仕様になっていると聞いたことがあるのですが、うまいこと鳴らすことができないか、と思っております。

$(".start").click(function(){
  //再生するaudioのid
  var audioId = this.dataset.audioid;
  //そのidのオブジェクトを取得
  var audio = document.getElementById( audioId );
  //再生
  audio.play();
})

$(".stop").click(function(){
  //停止するaudioのid
  var audioId = this.dataset.audioid;
  //そのidのオブジェクトを取得
  var audio = document.getElementById( audioId );
  //停止
  audio.currentTime = 0;
  audio.pause();
})

よろしくお願いします。

Answer 1

通信料の従量課金への対策で制限されているのは音声の自動再生についてなのでクリックしたときに音声が鳴らないのは別の問題かと思われます。

例えば音声フォーマットなどが考えられますがMobile Safariに対応した音声の形式になっていますでしょうか？（ちゃんとは調べてないですがOgg Vorbis形式しか対応してない？）

ちょっと古いですがこちらがけっこう参考になるかと思います。
iOS における HTML5 の audio 要素に関する制約を克服する

Comments

[SofPyon]

回答ありがとうございます。

Ogg 形式の音声も用意している( source タグによって )ので、形式は問題無いと思います。

まだ、リンク先の内容などを試していないので、これから考えていきたいと思います。