MP3を再生する方法

Question

実現したいこと

ページ内で音楽をランダムに再生しようと様々な情報を参考にJavaScriptを書いたのですが、上手く再生されません。midファイルの時だけ再生されるようです。mp3ファイルの時も再生されるようにするにはどのように修正したらいいかご教授いただきたいです。

（MP3とMIDの両方を共に再生可能にするのが複雑になってしまう場合はMP3のみ再生できるようにお願いします。）

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

Resource interpreted as Document but transferred with MIME type audio/mpeg

該当のソースコード

<script type="text/javascript">
RandomBGM ();
rand = Math.floor(Math.random()*BGM.length);
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>

function RandomBGM () {
    BGM = new Array();
    BGM[0]= "./music/001.mp3";
    BGM[1]= "./music/002.mid";
    BGM[2]= "./music/003.mp3";
    LIST = new Array();
    LIST[0]= "001";
    LIST[1]= "002";
    LIST[2]= "003";
}

試したこと

midファイルだけにした場合は問題なく再生されました。

環境

GoogleChrome最新版
IE最新版

Answer 1

こっちの方がズバリだったので修正。

https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome

Comments

[Ito_Kazuki_]

これは、音声も同様に自動では再生できないということでしょうか？

[Ito_Kazuki_]

なるほど。ありがとうございます。iframeを使ってもできないでしょうか