ITエンジニア/デザイナ向けにオープンソースを毎日紹介

HTML5からvideo/audioタグが追加されました。しかしこれでFlash並の再生、表現ができると思ってはいけません。基本的な機能はとても貧弱なので、使いやすくするためには大幅なカスタマイズが必要です。

今回紹介するAble Playerは、HTML5のオーディオ/動画プレイヤーです。多彩な機能が追加されています。

Able Playerの使い方

まず基本的な音楽再生機能です。再生速度を変更できます。

設定です。

字幕機能です。

現在再生されている部分が黄色くハイライト表示されます。

プレイリストによる連続再生機能。

YouTubeの動画を使うこともできます。

YouTube風に指定場所から再生する機能もあります。

キャプチャ機能もあります。

Able Playerは高機能な音楽/動画プレーヤーで、多くの機能を有しています。実際の利用時にはこの中から自分たちのサービスに合わせて機能を削っていくくらいかも知れません。

Able PlayerはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Able Player Examples

ableplayer/ableplayer: fully accessible cross-browser HTML5 media player.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2