2014/01/23


↑このプレイヤー、あなたのブラウザでは見えてますか?
音は自動再生されていますか?

<embed>タグ と <audio> タグ


Chrome ではこう↑



Firefox ではこう↑



Internet Explorer8 ではこう↑(見えないし機能しない)



iPadのSafariではこう↑ 表示はされ、クリックすると再生するが、自動再生(autoplay)が機能しない

htmlに音を埋め込んだり、自動再生させたいとき、昔は<bgsound>というInternet Explorerにしか使えないタグがあった。Internet Explorerでしか再生されないから、ChromeやFirefox、Safariなどがどんどんメジャーになってきた今、これは使いたくない。
で、<embed>というタグを使ってプレイヤーを埋め込む方法がずっと一般的だった。
これも、当初はInternet Explorerが対応していなくて、html内に<bgsound>タグと併記してみたり、いろいろ苦労させられたが、いつからかInternet Explorerでも対応するようになった。
しかし、<embed>タグを5つも6つも並べるとクラッシュすることがあることが分かった。また、いちいち「実行していいですか?」と訊いてくることがあるのもスマートじゃない。

で、改めて調べてみたら、html5でできるようになった<audio>というタグがいいらしいと知った。しかし、対応するOSやブラウザがまちまちらしい。そこで実際にテストしてみた。上は各ブラウザでの見え方の違い。
うちの環境でテストした結果、Internet Explorer8(XPではこれが最終バージョン)だけがこのタグに対応していなかった。
XPだとInternet Explorerは8が最終形で、9以降にはバージョンアップできない。うちにXP以降のパソコンは……あ、モバイルノートがWindows7だったな。……というわけで、久々にモバイルノート(ものすごく遅い)を取りだしてWindowsUpdateをして、Internet Explorerを最新版の10にバージョンアップしてテストしてみたところ、これはちゃんと対応していた。
ネットで検索したところ、Internet Explorer9から対応したようだ。

そんなわけで、苦労の末、ewifan.com のサイトを更新。

特に苦労したページは⇒これ

音のサンプルを並べるにあたって、基本的に<audio>タグで記述して、Internet Explorer8以前の人は直接リンクをクリックしてもらうという方法。

IE8での見え方
Windows XP+Internet Explorer8(Windows XP)での見え方↑
<audio>タグは無効で表示もされない
この場合も音が聴けるように、直接リンクを入れておいた。この方法だとファイルがダウンロード可能になるが、それがまずい場合もある(拡散される恐れなど)ので注意が必要。


Windows 7+Internet Explorer10(Windows7)での見え方↑
<audio>タグが有効でプレイヤーも表示され、autoplay も有効

Firefox での見え方
Windows XP+Firefox(バージョン26)での見え方↑
<audio>タグが有効でプレイヤーも表示され、autoplay も有効

Windows XP+Chrome
Windows XP+Chromeでの見え方↑
<audio>タグが有効でプレイヤーも表示され、autoplay も有効


http://ewifan.com/ はこちら↑

たくき よしみつのアルバム MP3ダウンロード
たくき よしみつ のアルバム (MP3ダウンロード)
クリックした先で試聴できます



更新が分かるように、最新更新情報をこちらの更新記録ページに極力置くようにしました●⇒最新更新情報

一つ前の日記へ一つ前へ |     Kindle Booksbooks      たくきの音楽(MP3)music      目次へ目次      takuki.com homeHOME      | 次の日記へ次の日記へ








オリンパスXZ-10
のぼみ~日記の写真は主にオリンパスXZ-10で、他にソニー NEX-5R+SONY 50mm/F1.8 OSS、フジフィルムX-S1 などでも撮っています


アマゾンKindleでたくきの過去の作品がほぼすべて読めます⇒Go!

音楽アルバム『ABUKUMA』

iTunesストアで試聴する 『ABUKUMA』(全11曲)
7年間過ごした阿武隈に捧げる自選曲集。全曲リマスター。一部リミックス。新録音『カムナの調合』弾き語りバージョンも収録。
アマゾンMP3、iTunesストア、キメラなどから販売中。

⇒こちらからどうぞ
⇒ライナーノートはこちら



「福島問題」の本質とは何か?


『3.11後を生きるきみたちへ 福島からのメッセージ』(岩波ジュニア新書 240ページ)
『裸のフクシマ』以後、さらに混迷を深めていった福島から、若い世代へ向けての渾身の伝言

第1章 あの日何が起きたのか
第2章 日本は放射能汚染国家になった
第3章 壊されたコミュニティ
第4章 原子力の正体
第5章 放射能より怖いもの
第6章 エネルギー問題の嘘と真実
第7章 3・11後の日本を生きる

今すぐご注文できます 
アマゾンコムで注文で買う
⇒立ち読み版はこちら
裸のフクシマ  『裸のフクシマ 原発30km圏内で暮らす』(講談社 単行本352ページ)
ニュースでは語られないフクシマの真実を、原発25kmの自宅からの目で収集・発信。驚愕の事実、メディアが語ろうとしない現実的提言が満載。

第1章 「いちエフ」では実際に何が起きていたのか?
第2章 国も住民も認めたくない放射能汚染の現実
第3章 「フクシマ丸裸作戦」が始まった
第4章 「奇跡の村」川内村の人間模様
第5章 裸のフクシマ
かなり長いあとがき 『マリアの父親』と鐸木三郎兵衛

今すぐご注文できます 
アマゾンコムで注文で買う
⇒立ち読み版はこちら




↑タヌパックの音楽CDはこの場で無料試聴できます
Flash未対応ブラウザで、↑ここが見えていない場合はこちらへ


ガバサク流が推すデジカメ オリンパスXZ-10 Stylus1 パナソニックLX7、ソニー NEX-5R

詳しくは⇒こちら

たくき よしみつの本 出版リストと購入先へのリンク  デジカメと写真撮影術のことならここへ! ガバサク道場


HOMEへ 狛犬ネット入口目次へ



.COドメインが人気! ドメインゲットコム   タヌパックスタジオ本館   ギターデュオKAMUNA   あぶくま狛犬札所60番巡り   日本に巨大風車はいらない 風力発電事業という詐欺と暴力
Google
abukuma.us を検索 tanupack.com を検索