Developer Tools 7.1 の Windows Phone Emulator の IE で HTML5 Audio

Developer Tools 7.1 に付属している Windows Phone Emulator 内の IE で HTML5 Audio が動作するのか確認してみようと思い、依然紹介したTweetRadioで動作を確認してみました。

動作としては、JavaScript、HTML5 Audio は Windows の IE9 と全く同じように動作しており、CSS3も問題なく表示されている模様です。

なお、IE9でAudioを扱う場合の注意点はこちらです。

今後は、アプリ版も作ってみようと考えています。

PCが無くても手軽にどこでもだれでも、音声で情報を聞けるのは素晴らしいことですね。

IE9 の HTML5 Audio について

先月、東日本大震災 震災情報ラジオ TweetRadio （現在はサービスを終了しております）を作りましたが、IE9 の HTML5 Audio の動作が Firefox 、 Google Chrome 、Safariと動作が異なったので、IE9のAudioの振る舞いについて紹介しておきます。

Firefox、 Google Chrome、 Safari の動作

1. JavaScriptでAudioオブジェクトを作ることができる
2. AudioのSrcを他のドメインのオーディオファイルに設定することができる
3. wavオーディオが再生できる

IE9の動作

1. JavaScriptでAudioオブジェクトを作ることができないので、Audioタグを使う必要がある
2. AudioのSrcを他のドメインのオーディオファイル（異なるドメイン名のサーバから取得する場合。今回はWindows Azure Blob Storage）にすると、クロスドメインアクセスとなりオーディオファイルがホストされているサーバに、「clientaccesspolicy.xml」か「crossdomain.xml」が必要となる。TweetRadioでは、Blobストレージの$rootにclientaccesspolicy.xmlを設置している。
3. wavオーディオを再生することができない。Windowsといえばwavと思っていたのに不思議な感じです。今回はmp3にて再生。

IE9だけ動作が違うので、仲間外れっぽく見えますが、FlashやSilverlightで行っているクロスドメインアクセスなどの機能が入っていてしっかり作られているように見えます。

東北地方太平洋沖地震 対策用 Windows Azure Platform 無料パス

「東北地方太平洋沖地震 対策用 Windows Azure Platform 無料パス」を使用して、地震の情報を多くの人に知ってもらえるように、音声で情報を発信するアプリを作成しました。

このアプリは Twitter の情報を、日本語、英語、簡体字中国語、の3か国語で読み上げます。時間があるときに、もっと対応する言語を増やしていく予定です。

尚、このサイトで使用している技術としては、Windows Azure Compute、Blob Storage、ASP.NET MVC3、Bing Translator、ｊQuery、HTML5（Audio）になります。

東北地方太平洋沖地震音声情報発信アプリへ