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

カラオケでよく見かけるのがテロップです。言葉の流れに合わせて文字の色が変わる仕組みですが、あのシンプルさで歌が歌えるようになるというのはとても面白い仕組みです。

そんな仕組みをWeb上で実現したのがkaraoke-telopです。まさにあのカラオケ風なテロップが実現します。

karaoke-telopの使い方

何はともあれ見てもらうのが早いでしょう。

こんな感じに流れます。「は」の一部だけが赤くなっているのが分かるでしょうか。

現状、プレイヤーの一時停止やシークには未対応とのことなので(カラオケも止めることはないと思います)、みんなで歌詞を共有すれば面白いサービスができあがるかも知れません。なおテロップデータの作成はなかなか大変そうだったので実際に作る際にはがんばってください。

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

JavaScript/CSS でカラオケ風テロップ表示 | プログラミング生放送

jz5/karaoke-telop

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2