HTML5のサイト内で、音楽の切り替えをするとき、jQueryのappendToを使って下記のようのしていたのですが、safariなどで音が2重に聞こえてしまったりと、不具合がありました。
------------------------
$('<audio src="./sound/en/html5en_05.mp3" volume="0.1" autoplay></audio>').appendTo('body');
------------------------

HTML5のタグ追加ではなく、Javascriptから直接HTML5のaudio要素を操作するには、下記のようにすることで操作できます。
jsから操作することで、safariなどで2重に聞こえてしまう不具合は解消されました。
------------------------
var html5_audio;
html5_audio = new Audio("./sound/en/html5en_05.mp3");
html5_audio.play(); //再生
html5_audio.pause(); //ストップ
------------------------

ループの設定などは下記のようにします。
------------------------
html5_audio.loop = "true";
------------------------

Leave a Reply