2021-11-08
高専生時代、mp3player全盛でした。技術の進化で高解像度な動画が当たり前に流通するようになった現代、手頃なmp4playerが欲しくなったりします。

何かいいツールを探すのもいいですが、かゆいところに手が届く自作ツールもいいですよ!

mp4playersrc on GitHub
こちら2つの短い動画を連続再生するサンプルです。 先日作った dir2array.js を使って、mp4ファイルのプレイリストをJSONで作って、webアプリで読み込みます。 ブラウザの仕様の制限で、一度「play」ボタンを押す必要がありますが、後は次々と連続再生します。

Chromeで見ると再生速度を300%などに設定できるので、みたい動画をまとめてみるなどにも使えます。

ピクチャーインピクチャー再生すれば、画面の片隅に置いておくなどもできて便利!

いろいろ便利ですよ、JavaScript!

Code for FUKUI メンバーでもある、PCN松田さんのステキプロジェクト
ブラウザだけでサクッとHTML練習!chromebookの中学生も活用中の「Webプログラミング道場」、Code for FUKUIから提供開始! - about yrm


ソースコードは、HTML1ファイル。驚くほどシンプルでありながら、ログイン不要、お手軽に使えて、ESモジュール読み込みを使ってできることは無限大な、強力なツール!

はじめよう、プログラミング!

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS