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

HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。

そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介します。

OpenPlayerJSの使い方

利用例です。ツールはしばらく経つと非表示になります。

動画の速度を変更できます。

音楽だけの再生もできます。こちらもスピード変更が可能です。

OpenPlayerJSは動画再生前の広告再生にも対応しています。字幕表示などの機能はありません。YouTubeなどに比べるとシンプルですが、多くの場合これで十分でしょう。音楽のスピード変更機能は嬉しい人が多そうです。

OpenPlayerJSはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

OpenPlayerJS - The Lighweight Media Player for Web

openplayerjs/openplayerjs: Lightweight HTML5 video/audio player with smooth controls and VAST/VPAID/VMAP capabilities

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2