質問: 初めまして!Web制作会社で働いているPazdon2000と言います!今年から働き始めてまだまだ分からないことばかりなので、ここでその分からないことを教えてもらえればと思います。 これからよろしくお願いします! さて、早速なのですが、このようなエラーで頭を悩ませています。 ### 前提・実現したいこと ホームページにmp3データを上げたところ、Chrome、Firefox、Operaでは再生できますが、IEでのみ「無効なソース」と表示されて再生できません。 IEでも他のブラウザでも正しく音声が再生できる方法はありますでしょうか? ### 試したこと 1.audio.jsの追加→IEのみ☓ 2.Flash(参考サイトはこちら)を埋め込み→IEのみ☓ 3.ogg、wavに変換し、で順番に読み込ませ、読み込める形式で再生させる→IEのみ☓ ※そもそも変換が出来ませんでしたので、フリー音源で試したところ、全てのブラウザで再生できました。 ``` ``` ``` ※ご利用のブラウザでは再生することができません。 ``` 4.htaccessをmp3でも再生できるようにコードを追加→IEのみ☓ 5.object dataでwmpを埋め込み→IE8以前では再生できます。 6.でwmpを埋め込み→IE8以前では再生できます。 7.iTunesで変換→出来ません 8.ecodecoツールで変換→出来ません 9.オンラインオーディオコンバータで変換→出来ません 10.Convertioで変換→出来ません ### 疑問点 * IEでのみ再生されないこと(方法によってはIE8以下で再生出来ること) * 3gpから変換したmp3を更に変換しようとするとエラーが出ること * リストmp3自体再生できないかと思って、フリーの音源(mp3)を取ってきて読み込ませたところ、正しく再生できたこと。 ### 補足情報(言語/FW/ツール等のバージョンなど) 使用しているOS:Windows8.1 IEのバージョン:11 Firefoxのバージョン:48.0.2 Google Chromeのバージョン:52.0.2743.116 m (64-bit) ツール:DreamWeaver CC 2015 元々の音源の形式:3gp 質問などがありましたら、答えられる範囲で回答します。 どうぞよろしくお願いします!
回答: > > 4.htaccessをmp3でも再生できるようにコードを追加→IEのみ☓ > > > ``` AddType audio/mp3 .mp3 ``` ``` AddType audio/mpeg .mp3 ``` 「mp3」を指定する「.htaccess」の記述は、上の「mp3」ではなく、 下の「**mpeg**」が正解です。引っかけみたいで嫌らしい規則ですね。 また、「type="audio/mpeg"」のtype要素を HTMLのソースに記述すると、再生されるケースもあるようです。 ほかにも、.htaccessの文字コードと改行コード、 AddTypeをサーバが禁止している、エンコーディングの相性、 などさまざまな要素が関係するようです。 とりあえず、上の「mpeg → mp3」はつまずきやすいので、 もしまだしてなかったら、試してみてください。 このvideo/audio要素はハマりどころで、みんなハマってるようです。 こういうブラウザの非互換要素は、昔から私も大嫌いです。 もし、どうしてもダメで、再生のためなら手段を問わない場合、 最後の手段「**YouTube**」を使う手もあります。 つまり、YouTubeはみんなが見たいので、貼るかリンクで飛ばせば、 たいていの環境では、すでに視聴できるようになってると。