html5

ちょっと気になったので、私の環境ではどうなんだろうと html5 <audio> を試してみた。

無料ブログの方では mp3 のアップロードができないので、プロバイダ・サービスのスペースに置いてあるものをソースとしてみた。
画像の下段は <object> 要素による WordPress プラグインによるプレイヤ。

<audio src="プロバイダ・サービス/picnic01.mp3" controls autoplay></audio>
<object type="application/x-shockwave-flash" data="player.swf" id="audioplayer1" height="24" width="200" onfocus="this.blur()">
    <param name="movie" value="player.swf" />
    <param name="FlashVars" value="rightbg=0xc2ff90&playerID=1&soundFile=プロバイダ・サービス/picnic01.mp3&autoplay=true" />
    <param name="quality" value="high" />
    <param name="menu" value="false" />
    <param name="wmode" value="transparent" />
</object>

ubuntu

Firefox はまだ未対応

Firefox 3.6.6 firefox はプレイヤは表示されず、グレイのスペースだけが要素の存在を示している。

同じ Gecko エンジンの Flock 2.5.6 flock はメインでないので、プラグインなども整備していないためか、windows 同様空白だった。

Opera

Opera 10.60 opera はプレイヤが表示されるものの自動再生はおろか、ボタンをクリックしても再生されず。

Google Chrome

Google Chrome 5.0.375.99 chrome はバッチリ !

プレイヤの高さが高いが、開くと再生が始まり、キャレットのようなプログレス・ポジション。

Konqueror

Konqueror 4.4.2 konqueror は厳密には Webkit と言えないのか、プレイヤは表示されるが、クリックしても再生ならず。

Epiphany

Epiphany 2.30.2 epiphany は青丸でポジションを示して自動再生。流石 Webkit。

windows

windows では IE Internet Explorer のバージョンに関係なく、更に Firefox, Flock でも空白が表示されるのみ。

Opera

Opera 10.60 opera は ubuntu 同様プレイヤが表示されるものの自動再生はおろか、ボタンをクリックしても再生されず。

Google Chrome

Google Chrome 5.0.375.99 chrome は ubuntu 同様バッチリ !

Chrome Plus Chrome Plus でも再現。

win Safari

win Safari 5.0.533.27 win safari は流石 Mac デザイン。 もちろん自動再生もバッチリ !

人によっては細くて操作しにくいがあるかもしれない

結局はオーディオはまだまだ html5 には程遠いってことか。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

code