/textalive-app-mosaic

全画面キャンバスに歌詞を描画するTextAlive App APIの作例

Primary LanguageJavaScript

TextAlive App API "mosaic" example

TextAlive App API のサンプルコードで、全画面キャンバスに歌詞を描画する作例です

デモページ: https://textalivejp.github.io/textalive-app-mosaic/

TextAlive ホストと接続された状態をテストするには TextAlive App Debugger のページにアクセスしてください。

sample

違う楽曲で試すには

TextAlive App API で開発されたWebアプリケーションは、(特定の楽曲向けに作り込んでいない限り)URLのクエリパラメタで ta_song_url={楽曲のURL} を指定すると異なる楽曲で演出を試せます。

開発

Node.js をインストールしている環境で以下のコマンドを実行すると、開発用サーバが起動します。

npm install
npm run build-dev

ビルド

以下のコマンドで docs 以下にビルド済みファイルが生成されます。 サンプルコードのデモページGitHub Pages で、このリポジトリの docs 以下のファイルが提供されています。

npm run build

TextAlive App API

TextAlive

TextAlive App API は、音楽に合わせてタイミングよく歌詞が動くWebアプリケーション(リリックアプリ)を開発できるJavaScript用のライブラリです。

TextAlive App API について詳しくはWebサイト TextAlive for Developers をご覧ください。


https://github.com/TextAliveJp/textalive-app-mosaic