TextAlive App API のサンプルコードです。 発声中のフレーズと現在のビートの情報を表示するシンプルな作例です。
ビルドツールを何も使わず script タグで API を読み込んでいる点以外は phrase example とまったく同内容です。CodePenにアクセスすると、Webブラウザ上でこのアプリケーションのソースコードを編集できます。
- デモページ: https://textalivejp.github.io/textalive-app-script-tag/
- CodePen: https://codepen.io/arcatdmz/pen/VwaROwB
TextAlive ホストと接続された状態をテストするには TextAlive App Debugger のページにアクセスしてください。
TextAlive App API で開発されたWebアプリケーションは、（特定の楽曲向けに作り込んでいない限り）URLのクエリパラメタで ta_song_url={楽曲のURL} を指定すると異なる楽曲で演出を試せます。
Node.js をインストールしている環境で以下のコマンドを実行すると、開発用サーバが起動します。
npx http-server .Node.jsに依存せず、その他のHTTPサーバを使うこともできます。
このリポジトリのサンプルコードと同様にビルドツールを使わない例が https://github.com/taisukef/textalive-app-basic で公開されています。
ビルドツールは不要です。
サンプルコードのデモページ は GitHub Pages で、このリポジトリ直下のファイルが提供されています。
TextAlive App API は、音楽に合わせてタイミングよく歌詞が動くWebアプリケーション（リリックアプリ）を開発できるJavaScript用のライブラリです。
TextAlive App API について詳しくはWebサイト TextAlive for Developers をご覧ください。