GitHub - TextAliveJp/textalive-app-p5js: p5.js を使った TextAlive App API の作例

TextAlive App API p5.js example

TextAlive App API のサンプルコードで、 p5.js を使った作例です。CodePenにアクセスすると、Webブラウザ上でこのアプリケーションのソースコードを編集できます。

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

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

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

npm install
npm run dev

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

npm run build

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

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