ブログ記事内でも使えるメディアプレイヤー plyr の設置 (はてなブログもOK!)
ブログ記事で音声(オーディオ)ファイルを再生したい時、youtube や googleドライブなどネットサービス側が提供するプレイヤーを使うか、html5だとaudioタグを使います。
しかし、ビデオ再生ならまだしも音声ファイルを再生するプレイヤーとしては仰々しいものが大半だったり、機能不足だったりします。
jQueryを使ったプレイヤーもありますが、モバイル環境に対応していないものが多かったります。
そこで紹介したいのが、「Plyr」というプレイヤーです。
Java-scriptとCSSで動作し、動画ファイルやYouTubeなどの再生、字幕・音声トラック指定など、音声ファイルの再生、音量調整や再生速度も初期設定・変更もできるスグレモノです!
しかも、モバイルブラウザーにも対応。