*

html5のaudioタグで出るプレイヤーにダウンロードボタンがあるんだが【Chromeのみ】

公開日: : ブラウザ

html5 には audio タグというものがあって、音声ファイルを指定するだけでウェブサイト上で音声を流せる便利なタグがあります。昔のように WMP や Quick Time プラグインに頼らず、FLASH プレイヤーに頼る必要もありません。

<audio src="音声ファイルのURL" controls></audio>

概ねこのように記述します。

audioタグにダウンロードボタンがある件

audio-tag2

さて、本題となります。最近気がついたのですが、audio タグで出るプレイヤーにダウンロードボタンが付いています。これ、前はありませんでしたよね?あったらこの有難みに今更気がつく筈がありません。そして、わざわざダウンロードリンクを作ったりしません。

audio タグを記述するだけでストリーミング再生に加えてダウンロードボタンまで付いてくれるので大変ありがたい機能です。

しかし、そうも喜んでいられません。どうやらダウンロードボタンが付くのは Chrome のみのようです。ようやく audio タグは最新の主要ブラウザで使えるようになりましたが、audio タグで出るプレイヤーはブラウザによって異なるのが現状です。これも統一してほしいですね。

Chromeの場合

audio-tag3

白くて細いスリムなプレイヤーでオシャレです。

Android版Chromeの場合

audio-tag6

PC 版 Chrome と同様のプレイヤーです。再生前は再生ボタンだけでしたが、再生するとボリューム、ダウンロードボタンが出現します。

Edgeの場合

audio-tag4

黒いプレイヤーで紫の差し色でちょっとドきつい配色で残念。

可変式ボリュームとシークバーがあります。

Firefoxの場合

audio-tag5

ちょっと古くさいです。Windows3.1か!

可変式ボリュームとシークバーがあります。

Internet Explorer11の場合

audio-tag7

でかいわ!

しかもシークバーもなくて途中から再生する事もできません。ボリュームも0か100のみの使えなさっぷりです。

おわりに

手軽にウェブサイト上で音声を再生できる audio タグですが、ブラウザごとにこれだけプレイヤーが違うのが難点ですね。昔は再生できるファイル形式も難点だったのですが、現在は mp3 ファイルなら全てのブラウザで再生できるようになっています。

という事で、Chrome のみ audio タグのプレイヤーにダウンロードボタンがあるよという話題でした。

上部広告

  • Pocket

おすすめトピックス

関連記事

Chromeブラウザのタブがしばらく経つと勝手に自動リロードされてしまう対処法

Google Chrome のアップデートの影響か、しばらく時間が経つとタブの切り替え時に自動リロード(更新)されてしまうようになりました。普通にインターネットを見る分には気にならないかもしれませんが、タブをいくつも開い […]

Chromeでテーブルの列をコピー、矩形選択ができる拡張機能「Copytables」

ウェブサイト上でもデータをまとめる際に表がよく使われます。これは table タグを使って表を表示しています。このテーブルのデータをコピーして Excel で活用したいという場合に少々面倒な事に遭遇しました。 ウェブサイ […]

ノートパソコンでタイピング
ChromeやFirefoxならフォームの狭いテキストエリアを伸ばせます

インターネットをしていれば、よく文字を入力する場面は多いかと思います。ブログのコメント欄、インターネットショッピングで配送先の入力などなど、色々ありますね。それらは総じて入力フォームと言います。 ピンと来ない方は、下の画 […]

Chrome
【Chrome】ブックマークは左という固定観念やめたら?上でもいいじゃない

Google Chrome では2014年12月現在、Internet Explorer や Firefox のようにブックマーク(お気に入り)をブラウザの左側に固定して表示する事はできません。そして Google はわ […]

ブラウザ
最新IE以外が衝撃のサポート終了!バージョンの確認方法とアップデート方法

2016年1月13日をもって旧バージョンの Internet Explorer(ブラウザ) のサポートが終了した事をご存知でしょうか。サポートが終了という事は、もう金輪際アップデートはないという事です。どんな危険な脆弱性 […]

タブレットのGoogle Chromeで全てのタブを閉じるのが意外に難関だった

先日友人にある相談を持ちかけられました。 「タブレット(Android)でインターネットがクソ重いんだけど…。」 どうせあの友人の事だから、ゲームや色んなアプリをインストールしまくって重くなっているんだろうなとは思ってい […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
HTC10をAndroid7.0にしたらTwiccaの設定が開けなくなったのでTwidereを導入した

2017年4月19日より au スマートフォン HTV32(H

月曜日に財布を忘れる時が多いので対策を考えた

財布、携帯電話、家の鍵など毎日の生活に日々身につけている物がた

Excel2010で最近使用したブックの一覧に表示しない、または表示数を指定する方法

Excel2010 で画面上部のタブからファイルをクリックして

宇佐美
ガソリンスタンドENEOSの看板にある「宇佐美」とは何か?

普段何気なしに利用しているガソリンスタンドですが、ふと気になっ

中部国際空港のプレミアムラウンジセントレアに入るための条件や必要な物

空港には特別な待合室(ラウンジ)があります。中部国際空港も例外

→もっと見る