[ポ] Embedタグからaudioタグに変更

MP3



前回、久々に配信したわけですが、以前にどなたかから指摘されていた問題を思い出しました。ChromeでPodcastの音声が貼ってあるページを開くと、勝手に音声ファイルがダウンロードされちゃうんです。Safariとかではそんなことないのですが。


原因は、音声ファイルをブラウザ上で再生できるようにembedタグというもので貼り付けてプレイヤーを表示していたのですが、それがいけないようです。

　HTML,MT,Podcast66

サマリー

前回配信したPodcastで、Chromeブラウザでサイトを開くと音声ファイルが自動ダウンロードされる問題が発生。原因は音声埋め込みに使用していたembedタグであることが判明した。この問題を解決するため、HTML5のaudioタグに切り替えることで、主要ブラウザでの再生互換性を確保した。また、PodMusicストリートのサーバー移行でデータベースエラーに直面している現状も語られた。

イントロダクションと前回の振り返り

どうも、My cup of teaのポトフです。

前回、久しぶりにPodcastを編集して配信したんですけども、忘れる前に。

前回配信して、結局ね、オーダーシティとかガレージマウンドはアップデートしてとか、やっぱりちょっと環境が...

思っていない状態からして、久々だなっていう感じですけど、環境を整えつつ。

編集してて、途中ね、音が悪い部分があまりにも久々すぎて忘れていたなって感じなんですけども、

アイフォンで録音してるんですけども、アイフォンってマイクが下にあるんですよ。

なので、いつもひっくり返して録音してるんですけども、

一回途中、集団してアイフォンを置いた後、持った時に、ひっくり返さずに持ったっぽく、

多分マイクのとこは手で押さえてしまったりしたんじゃないかなと。

前にもあってね、前はそれで取り直しとかもしてたんですけども、

取り直す気力もなくそのまま編集しちゃって配信しましたけども、

そんなこんなで、そんなことも忘れてっていう感じでした。

Chromeでの音声ダウンロード問題

サイトをリニューアルして初めて、NOPPOというやつだったんですけども、

これ前から誰かに指摘していただいた気がしつつなんですけども、

Chromeでサイト見ると、何もしなくても音声ファイルが勝手にダウンロードされる感じになったんですね。

PodcastはMovable TypeっていうCMSで配信してるんですけども、

プラグインをちょっと改造して、もともとはプラグインはMP3ファイルをアップすると、

Flashで再生するプレイヤーが作りになってるんですけども、

今はFlashじゃiPhoneとかで見れないんで、

Embed Tagで埋め込むように改造してたんですよ。改造というかちょっと書き換えたんですよ。

Embedで前は全然大丈夫だったり、Safariでも全然問題なく。

iPhoneとかのSafariでももちろん問題なくだったんですけども、

そのEmbed TagがChromeだとダウンロードしちゃうみたいに。

ちょっとどうやって直そうかわからず。

前も気づいたんですけども、結局なんか保留にしてたのかな。

前はいろいろ書いてたんだったかな。なんか忘れちゃいましてですね。

EmbedタグからAudioタグへの変更

結局、Embed Tagを使うのやめて、Audio Tagってやって埋め込むように変えました。

Audio TagっていうのがHTML5からリストされてて、直接HTMLでオーディオが貼れると。

同じようにVideo Tagっていうのがあるんですけどね。

一応それだと問題なく。SafariでもChromeでも問題なく、Firefoxは見ていません。

IEも新しめのやつは大丈夫なはず。iPhoneとかも大丈夫という感じで。

ただプレイヤーの横幅がどう指定するかわからないんで、デフォルトな感じになってますけども。

問題としては、IE8だと多分出てこないのかな。

けど、IE8そろそろいいかなと。前のときはIE8対応のためにEmbed Tagだったね。

もう最新のChromeのほうがIE8より重要かなと思いまして、Audio Tagに変えてみました。

どっちにしてもEmbed TagでやってもAudio Tagでやっても、ちゃんとiTunesストアのほうにPodcast配信されてたんで。

それはタグの問題なくて、その他にMP3ファイルへのリンクを貼ってあるんで、それを読んで配信されてたんで。

どっちにしても問題ないんですけどもね。Podcastアプリとかで聞く分には。

PodMusicストリートのサーバー移行問題

一応配信できたかなっていう感じ。

こんな感じで、なんとなくこんなんだったなっていうのを思い出しながら配信しましたけども。

ちょっとPodMusicストリートを引っ越さなきゃいけないというか、不具合が出てるって話をしましたけども。

違うサーバーに引っ越そうと思ったら、うまく引っ越せないと。

データベースをダウンロードして、新しいサーバーのデータベースにそのままインポートしようと思うと、エラーが出るということでですね。

若干行き詰まっております。どうしようかなっていう。何がいけないのかなっていう感じがあります。

まだちょっと時間がかかりそうな感じですが、またPodMusicストリートから何回か良く流して終わりたいと思います。

エンディング

ということで、ポトルでした。

じゃあね。

ご視聴ありがとうございました。