メディアプレーヤー制作の動機
ふとした妄想
妄想１
動画や音声を視聴していて、ふと感じたこと。
普段は「映画＆テレビ」とかWindowsメディアプレーヤーで視聴している。
もしくはMacならQuickTimeとか？
視聴目的で利用する場合、普通に最初から最後まで再生するだけなら不便を感じない。
でも、尺長なタイトルを途中で止めて、続きから再生したい場合、また最初からの再生になってしまう。
まぁ止めたところを記録しておけばいいだけのことだが、それでも面倒に感じる。
妄想２
YouTubeの動画を見る場合、普通にお気に入りのブラウザで動画URLを開くと思う。
一番面倒に感じるのは、見たくもない広告を最初にみなければならない。
どうにかならんのか？
妄想３
利用するOS毎の事情で、それぞれのアプリを使い分けしている。
同じ見た目、同じ操作で使えたらいいな～。
なんとかしたくなった
ということで、なんとかできそうかググってみた。
妄想１の実現案
ローカル保存した動画や音声(mp4/mp3)ファイルを再生するには、「videoタグ」を使えばいいらしい。
参考：https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/video
妄想２の実現案
YouTube動画の再生は「YouTube IFrame Player API」というのを使えばいいらしい。
参考：https://developers.google.com/youtube/iframe_api_reference?hl=ja
妄想３の実現案
TypeScriptで自作してみる！
実装環境
実装環境は、シンプルにこんな感じ。
・エディタ：VSCode
・言語：TypeScript
・UI構築：HTML/CSS
次回以降
こんな感じで進めようと思った。
・videoタグ編
・「YouTube IFrame Player API」編
・YouTube動画タイトル自動取得編（ちょっとだけElectronかじる）
やらないかもな内容
・プレイリストUI編
・再生操作編（ポーズ、Back/Next、シャッフル、リピート）