Skip to content

React を使用し、TextAlive ホストがあればフォントや配色などを調整可能な TextAlive App API の作例

Notifications You must be signed in to change notification settings

TextAliveJp/textalive-app-params

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TextAlive App API params example

React を使った作例で、発声中の文字を表示します。TextAlive ホストと接続されていれば、フォントや配色などを調整可能です。

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

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

TextAlive

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

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


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

About

React を使用し、TextAlive ホストがあればフォントや配色などを調整可能な TextAlive App API の作例

Topics

Resources

Stars

Watchers

Forks