AppleMusicっぽい歌詞
3.1.0
英語/中国語簡体字
警告
英語版の Readme はまだ作成中です。
歌詞プレーヤー コンポーネント ライブラリは、iPad バージョンの Apple Music に似ていることを目指しており、DOM、React、Vue バインディングも備えています。また、それをベースにしたローカル プレーヤーもあります。
これはおそらく、フロントエンドで見た中で最も iPad Apple Music スタイルの歌詞ページに似ています。
このプロジェクトの目標は完全に模倣することではありませんが、細部を磨き上げて現在最高の歌詞プレーヤーよりも優れたものにする予定です。
—— AMLLシリーズプロジェクト ——
AMLL TTML DB - TTML 音節歌詞データベース / AMLL TTML ツール - TTML 音節歌詞エディター
: AMLL コア コンポーネント ライブラリ。DOM ネイティブな方法で記述され、歌詞表示コンポーネントと動的な流体背景コンポーネントを提供します。
: AMLL React バインディング。React コンポーネントの形式で歌詞表示コンポーネントと動的流体背景コンポーネントを提供します。
: AMLL Vue バインディング。歌詞表示コンポーネントと動的流体背景コンポーネントを Vue コンポーネントの形式で提供します。
: AMLL 歌詞解析モジュール。LyRiC、YRC、QRC、Lyricify Syllable のさまざまな歌詞形式の解析とシリアル化のサポートを提供します。
AMLL プレーヤー: AMLL 外部プレーヤーは、独立した外部歌詞プレーヤーを提供し、独自の WebSocket プロトコルを介してプロトコルを実装する AMLL プログラムと通信して歌詞を表示します。
AMLL TTML ツール: AMLL TTML エディターは、TTML 形式の歌詞の編集サポートを提供し、リアルタイム プレビューに AMLL コアを使用します。
AMLL TTML データベース: AMLL TTML データベースは、コミュニティによって作成された TTML 単語ごとの歌詞をさまざまな歌詞プレーヤーで使用できるように、TTML 歌詞ストレージ ウェアハウスを提供します。
このコンポーネント フレームワークの最小要件は、次のブラウザまたは新しいバージョンを使用することです。
クロム/エッジ 91+
Firefox 100+
サファリ9.1以降
コンポーネントのすべての効果を完全にレンダリングするには、次のブラウザまたは新しいバージョンを使用する必要があります。
クロム120+
Firefox 100+
サファリ 15.4+
参考リンク:
https://caniuse.com/mdn-css_properties_mask-image
https://caniuse.com/mdn-css_properties_mix-blend-mode_plus-lighter
パフォーマンス ベンチマーク テストの後、5 年以内の主流の CPU プロセッサは通常 30FPS で歌詞コンポーネントを駆動できますが、スムーズに実行するために 60FPS が必要な場合は、CPU 周波数が少なくとも 3.0Ghz 以上であることを確認してください。 144FPS 以上のスムーズな動作が必要な場合は、CPU 周波数が少なくとも 4.2Ghz 以上であることを確認してください。
GPU のパフォーマンスは、次の条件下で、予想されるサイズでフル 60 フレームで実行できます。
1080p (1920x1080) : NVIDIA GTX 10 シリーズ以降
2160p (3840x2160) : NVIDIA RTX 2070 以降
作者のエネルギーが限られているため、全員の使用によって引き起こされた問題に対処することができなくなったため、Issues セクションは閉じられましたが、コードに積極的に貢献したプル リクエストは大歓迎です。
yarn 、 rustc 、およびwasm-packインストールした後、リポジトリを任意のフォルダーにクローンし、ターミナルで次のコマンドを入力してビルドします。
糸 糸 lerna run build:dev --scope "@applemusic-like-lyrics/*" # 開発ビルド 糸 lerna run build --scope "@applemusic-like-lyrics/*" # リリース ビルド
woshizja/サウンドプロセッサ
AMLL で使用されているフレームワークやライブラリも多数あります。ありがとうございます。
AMLL プロジェクトを強力にサポートする開発ツール JetBrains シリーズのおかげで
