KazuProg's notes

技術メモや備忘録などを自由気ままに書き連ねています

複数のYouTube動画を同時に再生できるツール「MulTube Player」を作りました!

作成日: ・ 更新日:

複数のYouTube動画を同時に再生することができるツールを作成したもので、制作経緯や工夫した点についてまとめました。

リンクなどは、このページの一番下にありますので、さっそく使ってみたいという方は一番下までスクロールしてください。

制作経緯

YouTubeの動画で、複数の動画を同時に再生したいなと思ったことはありませんか?

私は、こういう時はブラウザのウィンドウサイズを1つ1つ手動で調整して視聴していました。

でも、 「毎回調整するのめんどくさい…」 「(ブラウザ上部の)タブとかある部分が邪魔」 と、毎回思ってました。

コラボ配信などでは、タイミングがズレてしまうと気になってしまいます。

そこで、複数の動画を同時に再生できる「MulTube Player」というものを作りました。

この名前の由来は、(すぐわかると思いますが、)“Multi YouTube Player”を短くしたものです。

私は、VTuberの動画もよく見るのですが、コラボ配信が結構多く、毎回手動でやるのはめんどくさいなと思ったので、作成しました。

複数の動画を再生できるツールはいくつか検索して見つけたのですが、タイミングまで合わせてくれるものは、(私が軽く検索した限り)みつけることができませんでした。

なので、いっそのこと自分で作っちゃおう!という感じですね。

「MulTube Player」の紹介

ここからは、特に紹介したい機能面について紹介していきます。

MulTube Player の使い方に、詳しく書かれていますので、全ての機能を知りたい場合はこちらをご覧ください。

動画の再生開始時間を個別に設定できるので、複数の動画のタイミングを合わせることができます。

自動同期機能を使えば、それぞれの動画が指定された秒数以上ズレてしまった時に、自動的に同期させることができます。

全ての動画に対して「再生・一時停止」や「1分戻す」「10分進める」などができます。

また、設定内容はブラウザ上に保存されるので、一度タブを閉じても、再度開けば続きから視聴することができます。

あとは、共有機能があります。これは、もちろんほかの人と共有することもできますが、私は設定内容を保存するために作りました。

例えば、共有URLを「PC→タブレット」などに送信することで、別の端末で続きから再生させることができます。

他にもまだまだ機能はありますし、(多分)まだまだ更新予定です。

「こんな機能があったらいいな~」など、何かご要望があれば、私のTwitterのリプライやDMなどで対応しますので、どんどん送ってください!

また、その他質問や、「こんなツール作ってほしい」などもあれば、どんどん送ってください。

リンク集