音楽のループについて（JavaScript）

質問

JavaScriptで音楽をループさせています。

ループの最後と最初に間が入ってしまい、原因がわからず困っています。
どなたか教えて頂けませんでしょうか。

使っているJavaScriptは「audio.js」というスクリプトです。（下記※１参考サイト）

設置自体は、素人の私でも簡単でしたので参考サイトを参照しそのまま設置しました。
全てのブラウザで音楽が流れましたので、そこまでは良かったのですが
流れ終わったあと音楽が止まってしまいますので、ループの設定をしなければと思い
下記のコード（※２）でループすることはできました。

しかし、ループした時の最後と最初にワンテンポ間が出来てしまいます。
私のPC（Windows７）で現象が起きているのはSafari（5.1.7）です。
WindowsXPだとChromeでも起きているようです。（バージョンは不明です）

サイトが重たいのかなと思い、HTMLコード等工夫してサイトを軽くしたりしましたが変わりませんでした。
他に、ブラウザが音を読み込む過程を考えて、メディアプレイヤーなのか、QuickTimeなのか
「規定のプログラムの設定」で決められたプログラムに左右されていると思い、プログラムを変更しましたが現象は変わらないように思えました。

audio.jsが良くないのでしょうか。
原因が特定できずに困っています。
ループの最後と最初に間が入らないようにするにはどうすればいいのでしょうか。
どなたかご存知の方がいましたら、ご享受お願いします。

また、JavaScriptでループが綺麗に動くスクリプトをご存知の方がいらっしゃいましたら、教えていただけないでしょうか。
よろしくお願いします。

※１参考サイト
主要ブラウザ全てにaudio要素でMP3を再生できるようにするスクリプト -audio.js
http://coliss.com/articles/build-websites/operation/javascript/js-a...

※２
＜コード＞
<audio src="http://URL/images/AAA.mp3" loop />
※JavaScriptのコードについては、読み込みファイル名とCSS部分しか変更していません。

回答No.1

OrangeCup150 · ベストアンサー

http://kolber.github.com/audiojs/docs/
にあるとおり、audiojs が使っているのは Shockwave Flash ですよ。
ぱっとみ、 <audio> タグを解析して Flash で再生している用です。

AUDIO 要素に対応しているブラウザの方の問題か、
AUDIO 要素に対応していないブラウザに対する audio.js の対応の問題か
MP3 ファイルの問題か
を切り分けるのが先かと。

http://reference.ascii.jp/html/audio
こちらのブラウザ別対応状況からすると、 AUDIO 要素に対応しているブラウザの Safari 5.1 と Google Chrome 14 で現象が起きていると推測できます。

MP3 ファイルの問題も疑われるので、異なるファイルでも現象が再現されるか、特定のファイルのみの現象なのかを調べてみてはどうでしょうか。

お礼

OrangeCup150さん

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

教えていただいた通り、切り分けを行ってみました。
MP3以外のWAV等のファイルで試してみましたが、現象は変わりませんでした。

JavaScriptも別の音楽再生用のスクリプトにしましたが、現象が変わりませんでした。

ブラウザかPCの問題かと思われます。

なんとか解決したく、調べた結果loopタグ（このスクリプト「audio.js」ではHTMLにloopタグを使用しています）を使用せずに、settimeoutで無理やりループをすることが一番スムーズにつながるといった事が書いてありました。

「audio.js」をsettimeoutを使いループさせてみます。

まだ成功していませんので、別の質問として投稿してみます。

ご協力ありがとうございました。