※ ChatGPTを利用し、要約された質問です(原文:音楽のループについて(JavaScript))
JavaScriptで音楽のループを実装する方法
このQ&Aのポイント
JavaScriptを使用して音楽のループを実装する方法について説明します。
現在の実装では、音楽のループの最後と最初にワンテンポ間が入ってしまう問題が発生しています。
原因が特定できず困っていますが、他のブラウザやプログラムの設定を変更しても現象は変わらないようです。どなたか解決策をご存知の方がいらっしゃいましたら、教えていただけると助かります。
JavaScriptで音楽をループさせています。
ループの最後と最初に間が入ってしまい、原因がわからず困っています。
どなたか教えて頂けませんでしょうか。
使っているJavaScriptは「audio.js」というスクリプトです。(下記※1参考サイト)
設置自体は、素人の私でも簡単でしたので参考サイトを参照しそのまま設置しました。
全てのブラウザで音楽が流れましたので、そこまでは良かったのですが
流れ終わったあと音楽が止まってしまいますので、ループの設定をしなければと思い
下記のコード(※2)でループすることはできました。
しかし、ループした時の最後と最初にワンテンポ間が出来てしまいます。
私のPC(Windows7)で現象が起きているのはSafari(5.1.7)です。
WindowsXPだとChromeでも起きているようです。(バージョンは不明です)
サイトが重たいのかなと思い、HTMLコード等工夫してサイトを軽くしたりしましたが変わりませんでした。
他に、ブラウザが音を読み込む過程を考えて、メディアプレイヤーなのか、QuickTimeなのか
「規定のプログラムの設定」で決められたプログラムに左右されていると思い、プログラムを変更しましたが現象は変わらないように思えました。
audio.jsが良くないのでしょうか。
原因が特定できずに困っています。
ループの最後と最初に間が入らないようにするにはどうすればいいのでしょうか。
どなたかご存知の方がいましたら、ご享受お願いします。
また、JavaScriptでループが綺麗に動くスクリプトをご存知の方がいらっしゃいましたら、教えていただけないでしょうか。
よろしくお願いします。
※1参考サイト
主要ブラウザ全てにaudio要素でMP3を再生できるようにするスクリプト -audio.js
http://coliss.com/articles/build-websites/operation/javascript/js-a...
※2
<コード>
<audio src="http://URL/images/AAA.mp3" loop />
※JavaScriptのコードについては、読み込みファイル名とCSS部分しか変更していません。
お礼
OrangeCup150さん ご回答ありがとうございます。 教えていただいた通り、切り分けを行ってみました。 MP3以外のWAV等のファイルで試してみましたが、現象は変わりませんでした。 JavaScriptも別の音楽再生用のスクリプトにしましたが、現象が変わりませんでした。 ブラウザかPCの問題かと思われます。 なんとか解決したく、調べた結果loopタグ(このスクリプト「audio.js」ではHTMLにloopタグを使用しています)を使用せずに、settimeoutで無理やりループをすることが一番スムーズにつながるといった事が書いてありました。 「audio.js」をsettimeoutを使いループさせてみます。 まだ成功していませんので、別の質問として投稿してみます。 ご協力ありがとうございました。