Javascriptで音楽を再生させる方法

Question

実現したいこと

HP上で複数の音楽をランダムかつ無限に再生したいです。

発生している問題・エラーメッセージ

・再生できる音源とできない音源がある
・音源と音源の間に長い間がある

試したこと

下記のコードを入力したところ、一部の音楽が再生されませんでした。

ソースコード

<script language="JavaScript" src="./soundlist.js"></script>
<script type="text/javascript">
RandomBGM ();
rand = Math.floor(Math.random()*BGM.length);
if (navigator.appName.substring(0,3)=="Mic" && navigator.appVersion.substring(0,1)<=3)
document.write("<BGSOUND SRC=" + BGM[rand] + "loop=-1>");
else document.write("<EMBED SRC=" + BGM[rand] + " autostart=true hidden=true loop=true><br>");
document.write("<p><center>ランダムで繰り返し再生しています<br>",BGM.length,"");
document.write("Now Playing...：" +LIST[rand]+"</center>"); 
</script>

---

soundlist.js

function RandomBGM () {
BGM = new Array();
BGM[0]= "mid/1.mid"; //曲１
BGM[1]= "mid/2.mid"; //曲２
BGM[2]= "mid/3.mid"; //曲３
LIST = new Array();
LIST[0]= "曲１";
LIST[1]= "曲２";
LIST[2]= "曲３";
}

環境

Google Chrome　最新
Internet 最新
※Google Chromeが対応していればInternet Explorerには対応していなくても構いませんが、できる限り対応したものであれば幸いです。

Answer 1

一部の音楽が再生されませんでした

コード内で canPlayType() を使っていないようです

---

音声を扱う場合、以下のページに記載される基本的な仕様を把握した上で挑戦してください。
なお、各ページからリンクされるページも一度は読んでおく必要があります。

• MDN HTMLMediaElement / .canPlayType('mime/type')
• MDN <audio>: 埋め込み音声要素
• MDN メディアおよびウェブオーディオ API の自動再生ガイド
• Qiita Safari, Chromeの自動再生ポリシー変更のまとめ

JavaScriptで高度に制御する場合は以下も参考

• MDN Web Audio API / MDN Web Audio API の使用
• MDN AudioContext