textalive-app-lyric-sheet
サンプルコード
このステップのポイント
- タイトルをクリックすると GitHub のリポジトリや CodePen のサンプルコードにアクセスできます。
- アイコンをクリックするとデモ動画を閲覧できます。
- アイコンをクリックするとデモを試せます。
インタラクティブな歌詞カードを実装した作例です
発声中のフレーズと現在のビートの情報を表示するシンプルな作例です
script タグで TextAlive App API を読み込み、ビルドツールを何も使わない作例です
Lottie で Adobe After Effects からエクスポートされたアニメーションを使ってアニメーションする作例です
React を使った作例で、TextAlive ホストがあればフォントや配色などを調整可能です
発声中のテキストを表示したりTextAlive ホストの有無により再生コントロールの表示状態を切り替えたりする作例です
次のステップ
ぜひ、 TextAlive App API を使って魅力的なリリックアプリを作ってみてください！
GitHub でトピック textalive を、Twitter でハッシュタグ #TextAlive や #TextAliveApp を使うと、リリックアプリの作例が見つかるかもしれません。
Tips
画面右上の をクリック（タップ）するとサイドバーが出るのはご存知でしたか？