Chromeであるページを表示すると何かがダウンロードされる

現象

ホームページにmidi(mid)ファイルをembedというタグを使ってBGMとして付けていたのですが、Chromeでページを表示するとファイルがダウンロードされてしまって音楽が出てきません。

<embed src=”xxx.mid” autostart=”true” hidden=”true” loop=”true”>

20160803-2

 

解決方法

今回の場合は、midファイルをmp3のファイルに変換して、audioというタグを使ってBGMを出すようにしました。
<audio src=”xxx.mp3″ autoplay loop></audio>

これだと、IEの場合も以下のようなメッセージは表示されません。
20160803-3

 

追記

今回は最新版のIEとChromeに対応すればいいという単純なお話でしたので楽でしたが
それ以外のブラウザでも対応させたい場合には
<audio autoplay loop>
<source src=”xxx.mp3″ type=”audio/mp3″>
<source src=”xxx.ogg” type=”audio/ogg”>
<source src=”xxx.wav” type=”audio/wav”>
・・・
</audio>
というように複数のファイルフォーマットを用意して、ブラウザにあったものが使われるようにするのが良いようです。

 

追記2:midファイルをmp3のファイルに変換するソフト

今回、Windows10でmidファイルをmp3のファイルに簡単に変換してくれるソフトを探したのですが、なかなか見つかりませんでした。
そんな中「Switch音声ファイル変換ソフト」というソフトがとても簡単に変換できました。
20160708-5
但し、お試し版で使ってみただけですので、購入する場合はNCHのホームページでお確かめください。

 

ホームページを開いたら、何かがダウンロードされた、なんて気持ちが悪いですよね!