applemusic เหมือนเนื้อเพลง

ซอร์สโค้ดอื่น ๆ

3.1.0

ดาวน์โหลด

อังกฤษ / จีนตัวย่อ

คำเตือน

Readme ภาษาอังกฤษยังอยู่ระหว่างการปรับปรุง!

ไลบรารีส่วนประกอบของเครื่องเล่นเนื้อเพลงมีจุดมุ่งหมายเพื่อให้มีลักษณะคล้ายกับ Apple Music เวอร์ชัน iPad นอกจากนี้ยังมีการเชื่อมโยง DOM, React และ Vue ด้วย

นี่อาจเป็นหน้าเนื้อเพลงสไตล์ Apple Music ของ iPad ที่คุณเคยเห็นมากที่สุดในส่วนหน้า

แม้ว่าเป้าหมายของโปรเจ็กต์นี้ไม่ใช่การเลียนแบบทั้งหมด แต่จะขัดเกลารายละเอียดบางอย่างให้ดีขึ้นกว่าผู้เล่นเนื้อเพลงที่เก่งที่สุดในปัจจุบัน

—— โครงการซีรีย์ AMLL ——

AMLL TTML DB - ฐานข้อมูลเนื้อเพลงพยางค์ TTML / เครื่องมือ AMLL TTML - โปรแกรมแก้ไขเนื้อเพลงพยางค์ TTML

นิเวศวิทยา AMLL และโครงสร้างซอร์สโค้ด

โมดูลหลัก

: ไลบรารีส่วนประกอบหลัก AMLL เขียนด้วยวิธีการดั้งเดิมของ DOM โดยจัดเตรียมส่วนประกอบการแสดงเนื้อเพลงและส่วนประกอบพื้นหลังของเหลวแบบไดนามิก
: การเชื่อมโยง AMLL React โดยให้องค์ประกอบการแสดงเนื้อเพลงและส่วนประกอบพื้นหลังของเหลวแบบไดนามิกในรูปแบบของส่วนประกอบ React
: การเชื่อมโยง AMLL Vue โดยจัดเตรียมส่วนประกอบการแสดงเนื้อเพลงและส่วนประกอบพื้นหลังของเหลวแบบไดนามิกในรูปแบบของส่วนประกอบ Vue
: โมดูลแยกวิเคราะห์เนื้อเพลง AMLL ให้การสนับสนุนการแยกวิเคราะห์และการทำให้เป็นอนุกรมสำหรับ LyRiC, YRC, QRC, Lyricify พยางค์รูปแบบเนื้อเพลงต่างๆ

เครื่องมือภายนอก

เครื่องเล่น AMLL: เครื่องเล่นภายนอก AMLL มอบเครื่องเล่นเนื้อเพลงภายนอกที่เป็นอิสระและสื่อสารกับโปรแกรม AMLL ใด ๆ ที่ใช้โปรโตคอลผ่านโปรโตคอล WebSocket ที่เป็นเอกลักษณ์เพื่อแสดงเนื้อเพลง
เครื่องมือ AMLL TTML: โปรแกรมแก้ไข AMLL TTML ให้การสนับสนุนการแก้ไขเนื้อเพลงในรูปแบบ TTML และใช้ AMLL Core สำหรับการดูตัวอย่างแบบเรียลไทม์
ฐานข้อมูล AMLL TTML: ฐานข้อมูล AMLL TTML จัดเตรียมคลังเก็บเนื้อเพลง TTML เพื่อให้ผู้เล่นเนื้อเพลงต่างๆ สามารถใช้เนื้อเพลงแบบคำต่อคำของ TTML ที่ผลิตโดยชุมชนได้

แกลเลอรีตัวอย่างผู้เล่น AMLL

การแจ้งเตือนความเข้ากันได้ของเบราว์เซอร์

ข้อกำหนดขั้นต่ำสำหรับเฟรมเวิร์กส่วนประกอบนี้คือการใช้เบราว์เซอร์ต่อไปนี้หรือเวอร์ชันที่ใหม่กว่า:

โครเมียม/ขอบ 91+
ไฟร์ฟอกซ์ 100+
ซาฟารี 9.1+

หากต้องการเรนเดอร์เอฟเฟกต์ทั้งหมดของส่วนประกอบโดยสมบูรณ์ คุณต้องใช้เบราว์เซอร์ต่อไปนี้หรือเวอร์ชันที่ใหม่กว่า:

โครเมียม 120+
ไฟร์ฟอกซ์ 100+
ซาฟารี 15.4+

ลิงค์อ้างอิง:

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

การอ้างอิงการกำหนดค่าประสิทธิภาพ

หลังจากการทดสอบเกณฑ์มาตรฐานประสิทธิภาพ โปรเซสเซอร์ CPU กระแสหลักภายในห้าปีสามารถขับเคลื่อนส่วนประกอบเนื้อเพลงได้ตามปกติที่ 30FPS อย่างไรก็ตาม หากคุณต้องการให้ 60FPS ทำงานได้อย่างราบรื่น โปรดตรวจสอบให้แน่ใจว่าความถี่ของ CPU อยู่ที่ 3.0Ghz หรือสูงกว่า หากคุณต้องการการทำงานที่ราบรื่นเหนือ 144FPS โปรดตรวจสอบให้แน่ใจว่าความถี่ของ CPU อย่างน้อย 4.2Ghz หรือสูงกว่า

ประสิทธิภาพของ GPU สามารถทำงานได้เต็ม 60 เฟรมในขนาดที่คาดหวังภายใต้เงื่อนไขต่อไปนี้:

1080p (1920x1080) : NVIDIA GTX 10 Series และสูงกว่า
2160p (3840x2160) : NVIDIA RTX 2070 ขึ้นไป

การมีส่วนร่วมของรหัส

เนื่องจากผู้เขียนมีพลังงานที่จำกัด เขาจึงไม่สามารถจัดการกับปัญหาที่เกิดจากการใช้งานของทุกคนได้อีกต่อไป ดังนั้นส่วนปัญหาจึงถูกปิดไปแล้ว แต่ยินดีต้อนรับ Pull Request ใดๆ ที่มีส่วนร่วมในโค้ดอย่างจริงจัง!

การพัฒนา/การสร้าง/กระบวนการบรรจุภัณฑ์

หลังจากติดตั้ง yarn , rustc และ wasm-pack แล้ว ให้โคลนพื้นที่เก็บข้อมูลไปยังโฟลเดอร์ใดๆ และป้อนคำสั่งต่อไปนี้ในเทอร์มินัลเพื่อสร้าง:

 เส้นด้าย
เส้นด้าย lerna run build:dev --scope "@applemusic-like-lyrics/*" # การพัฒนา build เส้นด้าย lerna run build --scope "@applemusic-like-lyrics/*" # Release build