applemusic like lyrics

Bahasa Inggris / Cina Sederhana

Peringatan

Readme bahasa Inggris masih dalam pengembangan!

Pustaka komponen pemutar lirik bertujuan agar terlihat mirip dengan Apple Music versi iPad. Juga dengan pengikatan DOM, React, dan Vue.

Ini mungkin halaman lirik gaya iPad Apple Music yang paling mirip yang pernah Anda lihat di frontend.

Meskipun tujuan dari proyek ini bukan untuk meniru sepenuhnya, namun akan memoles beberapa detail lebih baik menjadi lebih baik dari pemain lirik terbaik saat ini.

—— Proyek Seri AMLL ——

AMLL TTML DB - Basis Data Lirik Suku Kata TTML / Alat AMLL TTML - Editor Lirik Suku Kata TTML

Ekologi AMLL dan struktur kode sumber

Modul utama

• : Pustaka komponen inti AMLL, ditulis dengan cara asli DOM, menyediakan komponen tampilan lirik dan komponen latar belakang cairan dinamis

• : AMLL React binding, menyediakan komponen tampilan lirik dan komponen latar belakang fluida dinamis dalam bentuk komponen React

• : AMLL Vue binding, menyediakan komponen tampilan lirik dan komponen latar belakang fluida dinamis dalam bentuk komponen Vue

• ：Modul parsing lirik AMLL, menyediakan dukungan parsing dan serialisasi untuk LyRiC, YRC, QRC, Lyricify Syllable berbagai format lirik

alat eksternal

• Pemutar AMLL: Pemutar eksternal AMLL menyediakan pemutar lirik eksternal independen dan berkomunikasi dengan program AMLL apa pun yang mengimplementasikan protokol melalui protokol WebSocket unik untuk menampilkan lirik.

• Alat AMLL TTML: Editor AMLL TTML menyediakan dukungan pengeditan untuk lirik dalam format TTML dan menggunakan AMLL Core untuk pratinjau waktu nyata

• Basis Data AMLL TTML: Basis data AMLL TTML menyediakan gudang penyimpanan lirik TTML sehingga berbagai pemain lirik dapat menggunakan lirik kata demi kata TTML yang diproduksi oleh komunitas.

Galeri Pratinjau Pemain AMLL

Pengingat kompatibilitas browser

Kerangka kerja komponen ini memerlukan setidaknya browser berikut atau versi yang lebih baru:

• Kromium/Tepi 91+

• Firefox 100+

• Safari 9.1+

Untuk merender sepenuhnya semua efek komponen, Anda perlu menggunakan browser berikut atau versi yang lebih baru:

• Kromium 120+

• Firefox 100+

• Safari 15.4+

Tautan referensi:

• https://caniuse.com/mdn-css_properties_mask-image

• https://caniuse.com/mdn-css_properties_mix-blend-mode_plus-lighter

Referensi konfigurasi kinerja

Setelah pengujian benchmark kinerja, prosesor CPU mainstream dalam waktu lima tahun dapat menggerakkan komponen lirik secara normal pada 30FPS. Namun, jika Anda memerlukan 60FPS agar dapat berjalan dengan lancar, pastikan frekuensi CPU setidaknya 3,0Ghz atau lebih tinggi. Jika Anda memerlukan kelancaran pengoperasian di atas 144FPS, pastikan frekuensi CPU minimal 4,2Ghz atau lebih tinggi.

Performa GPU mampu berjalan pada 60 frame penuh pada dimensi yang diharapkan dalam kondisi berikut:

• 1080p (1920x1080) : Seri NVIDIA GTX 10 ke atas

• 2160p (3840x2160) : NVIDIA RTX 2070 dan lebih tinggi

Kontribusi kode

Karena keterbatasan energi penulis, dia tidak lagi mampu menangani masalah yang disebabkan oleh penggunaan semua orang, sehingga bagian Masalah telah ditutup, namun Permintaan Tarik apa pun yang secara aktif berkontribusi pada kode dipersilakan!

Proses Pengembangan/Pembangunan/Pengemasan

Setelah menginstal yarn , rustc , dan wasm-pack , kloning repositori ke folder mana pun dan masukkan perintah berikut di terminal untuk membangun:

 benang
benang lerna run build:dev --scope "@applemusic-like-lyrics/*" # Pembangunan pengembangan benang lerna run build --scope "@applemusic-like-lyrics/*" # Rilis build

Ucapan Terima Kasih

• woshizja/pemroses suara

• Banyak juga framework dan library yang digunakan oleh AMLL, terima kasih banyak!

terima kasih khusus

Terima kasih kepada rangkaian alat pengembangan JetBrains yang telah memberikan dukungan kuat pada proyek AMLL