1. HOME
  2. 開発・ブログ運営
  3. HTML/CSS
  4. Google Chrome 以外では HTML5 の <audio> で AAC(m4a)形式が再生できない??
2012年08月24日
Google Chrome 以外では HTML5 の < ...
2016年07月14日
curl で WEB レスポンスヘッダ と リクエストヘッダの ...
2014年09月23日
CSS と Javascript の読み込み順序を変えてみた ...
2012年11月19日
Facebook の「いいね」ボタンとかの文字化けを直す方法 ...
2016年07月29日
AMP ページに Google Analytics のトラッキ ...
2013年04月20日
ブログ記事執筆には欠かせない Chrome エクステンション「 ...

Google Chrome 以外では HTML5 の <audio> で AAC(m4a)形式が再生できない??

iTunes で視聴できる楽曲を HTML5 の <audio> で再生しようと思っていますが、Chrome 以外では上手く再生ができないみたい。

先日見つけた、音楽ファイル再生用の格好良いテンプレート「Music Portfolio Template with HTML5 and jQuery」は、jPlayer という jQuery のプラグイン(?)を使って、HTML5 の <audio>要素を再生してくれる訳ですが、ちょっとローカル環境の DaDaMoRe に組み込んでみたところ、Google Chrome では普通に再生できるけど、Safari や Firefox だと再生されず、m4a ファイルがそのままダウンロードされちゃいます・・。

関連記事:JQueryで音楽再生が出来る格好いいテンプレートを見つけた

MIME の設定とか、そういうことなのかな?とも思って色々いじってみたけど改善せず。

どうやら、HTML5 の <audio> では、mp3, ogg, aac(m4a) の再生をサポートしているようですが、どのブラウザでも3つのファイルフォーマットに対応してるわけじゃなくて、ブラウザごとに再生できる形式がマチマチのようで。。

参考:音楽方丈記 – 主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた

特に、iTunes の視聴用に用意されているファイルは AAC(m4a)で、この AAC 形式ってのは、特許でガチガチに保護されているため、Firefox や Opera などのオープンソフトでは、その特許料がネックとなって、対応できずにいるそうな。

参考:AAC – Wikipedia

うーん。悩ましい。

Safari では m4a もちゃんと再生できるみたいだけど、なぜか上手くいかず。

っで、よくよく見てみると、Music Portfolio Template with HTML5 and jQuery に実装されている jPlayer はバージョンが1.3。最新の jPlayer は 2.1.0。

ってことでまずは、jPlayer のバージョンを 2.1.0 で動くようにしてみようかな。

まぁバージョンアップされたところで、Firefox とかでは再生できないんだけど・・。

でわでわ。







この記事にコメントする





Copyright © 2012 - 2014 MacBook Air とWordPressでこうなった All rights reserved
Powered by WordPress.