Applemusic-ähnliche Texte

Anderer Quellcode

3.1.0

Herunterladen

Englisch / Vereinfachtes Chinesisch

Warnung

Die englische Readme-Datei befindet sich noch im Aufbau!

Eine Lyric-Player-Komponentenbibliothek soll der iPad-Version von Apple Music ähneln. Außerdem gibt es einen darauf basierenden lokalen Player.

Dies ist vielleicht die Liedtextseite im Stil von Apple Music am iPad, die Sie je im Frontend gesehen haben.

Obwohl das Ziel dieses Projekts nicht darin besteht, es vollständig zu imitieren, werden einige Details verbessert, um besser zu sein als die derzeit besten Lyric-Player.

—— Projekte der AMLL-Serie ——

AMLL TTML DB – TTML-Silbentext-Datenbank / AMLL TTML-Tool – TTML-Silbentext-Editor

AMLL-Ökologie und Quellcodestruktur

Hauptmodule

: AMLL-Kernkomponentenbibliothek, in DOM-nativer Weise geschrieben, bietet Komponenten für die Anzeige von Liedtexten und dynamische, flüssige Hintergrundkomponenten
: AMLL React-Bindung, die Komponenten zur Liedtextanzeige und dynamische Hintergrundkomponenten in Form von React-Komponenten bereitstellt
: AMLL Vue-Bindung, Bereitstellung von Textanzeigekomponenten und dynamischen, fließenden Hintergrundkomponenten in Form von Vue-Komponenten
: AMLL-Lyrics-Parsing-Modul, das Parsing- und Serialisierungsunterstützung für verschiedene Lyric-Formate wie LyRiC, YRC, QRC und Lyricify Syllable bietet

externe Tools

AMLL-Player: Der externe AMLL-Player bietet einen unabhängigen externen Liedtext-Player und kommuniziert mit jedem AMLL-Programm, das das Protokoll über das einzigartige WebSocket-Protokoll implementiert, um Liedtexte anzuzeigen.
AMLL TTML-Tool: Der AMLL TTML-Editor bietet Bearbeitungsunterstützung für Liedtexte im TTML-Format und verwendet AMLL Core für die Echtzeitvorschau
AMLL TTML-Datenbank: Die AMLL TTML-Datenbank bietet ein TTML-Liedtext-Speicherlager, sodass verschiedene Liedtext-Player von der Community erstellte wortweise TTML-Liedtexte verwenden können.

AMLL-Player-Vorschaugalerie

Erinnerung an die Browserkompatibilität

Die Mindestanforderung für dieses Komponenten-Framework ist die Verwendung der folgenden Browser oder neuerer Versionen:

Chrom/Kante 91+
Firefox 100+
Safari 9.1+

Um alle Effekte der Komponente vollständig darzustellen, müssen Sie die folgenden Browser oder neuere Versionen verwenden:

Chrom 120+
Firefox 100+
Safari 15.4+

Referenzlinks:

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

Referenz zur Leistungskonfiguration

Nach Leistungs-Benchmark-Tests können Mainstream-CPU-Prozessoren die Textkomponente innerhalb von fünf Jahren normal mit 30 FPS betreiben. Wenn Sie jedoch 60 FPS für einen reibungslosen Betrieb benötigen, stellen Sie bitte sicher, dass die CPU-Frequenz mindestens 3,0 GHz oder mehr beträgt. Wenn Sie einen reibungslosen Betrieb über 144 FPS benötigen, stellen Sie bitte sicher, dass die CPU-Frequenz mindestens 4,2 GHz oder höher beträgt.

Die GPU-Leistung kann unter den folgenden Bedingungen mit vollen 60 Frames bei den erwarteten Abmessungen ausgeführt werden:

1080p (1920x1080) : NVIDIA GTX 10-Serie und höher
2160p (3840x2160) : NVIDIA RTX 2070 und höher

Codebeitrag

Aufgrund der begrenzten Energie des Autors ist er nicht mehr in der Lage, die durch die Nutzung durch alle verursachten Probleme zu bewältigen. Daher wurde der Abschnitt „Probleme“ geschlossen, aber jeder Pull Request, der aktiv zum Code beigetragen hat, ist willkommen!

Entwicklungs-/Bau-/Verpackungsprozess

Klonen Sie nach der Installation yarn , rustc und wasm-pack das Repository in einen beliebigen Ordner und geben Sie zum Erstellen den folgenden Befehl in das Terminal ein:

 Garn
Yarn lerna run build:dev --scope "@applemusic-like-lyrics/*" # Entwicklungs-Build Yarn lerna run build --scope "@applemusic-like-lyrics/*" # Release-Build