vue NetEasyMusic

Vue-Musik

Abhängigkeiten herunterladen

 npm install

Starten Sie ein Projekt

 npm run serve

Paketprojekt

 npm run build

Backend-GitHub-Adresse

https://github.com/Binaryify/NeteaseCloudMusicApi Entsprechende Version während der Entwicklung: 4.0.23 Wenn Probleme auftreten, wählen Sie die neueste Version

Vorschauadresse

Nachahmung der NetEase Cloud-Musikvorschau-Adresse

Uni-App-Version

Uni-App-Versionslager

Derzeit abgeschlossene Funktion

• Song-Player: Wiedergabe, Drag-Fortschritt, Lautstärkeregelung, Herunterladen, Wiedergabeliste, Scrollen der Liedseitentexte, Kommentare
• Discovery-Seite: Empfehlungen, Playlists, Sänger, Rankings, neueste Musik (New Song Express, neue Alben in den Regalen (neue Alben diese Woche))
• Anmelden: Anmelden mit Mobiltelefonnummer und Passwort, Anmelden mit QR-Code, Anmelden mit Bestätigungscode, Abmelden
• Songliste: Wie Musik, Albumeintrag, Sängereintrag, aktuell wiedergegebene Musikzeile
• Jede Detailseite
  • Playlist-Detailseite: Songliste, Playlist-Seitensuche, Laden der kompletten Playlist, Sammlung, Kommentare
  • Albumdetailseite: Songliste, Suche, Sammlung, Kommentare, Albumdetails
  • Sängerdetailseite: Albumliste, Sängerbeschreibung, MV, ähnliche Sänger
  • Seite mit Videodetails: Videowiedergabe (Wiedergabe mit nativem Video und Steuerelementen), ähnliche Videoempfehlungen, MV-Wiedergabe, MV-Empfehlungen, Likes, Sammlungen, Kommentare und folgende Ersteller
  • Benutzerdetailseite: grundlegende Informationen, Region (unterstützt nur inländische Regionen), erstellte Playlists, bevorzugte Playlists, aktualisierte persönliche Informationen und Avatar
• Suche: Songs, Sänger, Playlists, Benutzer, MVs, Albumsuche, Hot Search-Listen, Suchvorschläge, schneller Zugriff auf Suchergebnisse
• Kommentare (Anmeldung erforderlich): „Gefällt mir“-Angaben, Antworten, Kommentare, Kommentarpaginierung und Eingabefeldanimationen für Seitenzahlsprünge und Antwortsprünge
• Video (Anmeldung erforderlich): Videoliste, MV-Liste, Alle MV-Seite, MV-Ranking-Seite
• Meine Sammlung (Anmeldung erforderlich): gesammelte Alben, MVs, Sänger und Filterfunktionen
• Zuletzt abgespielt (lokaler Speicher, keine Cloud-Wiedergabeaufzeichnung)
• Private FM (Anmeldung erforderlich): Abspielen, Papierkorb löschen, Likes, Kommentare, Songtext-Scrollen (die Leistung hier ist nicht die gleiche wie bei NetEase Cloud, wenn Sie möchten, dass sie konsistent ist, müssen Sie viele Änderungen vornehmen)
• Alle Seiten sind mobil angepasst
• Verzögertes Laden von Routen und Code-Chunking, Hinzufügen von Navigationswächtern, wenn Sie nicht angemeldet sind, und Entkoppeln von Routen-Requisiten
• Verwenden Sie Vuex, um den Anmeldestatus, die aktuelle Songliste und den Songstatus sowie den Status anderer Mehrkomponenten zu verwalten
• Die Sharing-Schnittstelle dient zum Teilen mit der NetEase Cloud-Dynamik. Da der dynamische Teil noch nicht abgeschlossen ist, besteht laut NetEase Cloud die Aufgabe, alle Songs in einer erstellten Playlist zu sammeln oder eine neue Playlist zu erstellen. Es wurde noch nicht hinzugefügt.

BUG oder UPDATE

• Einschränkungen beim Laden kompletter Songs in die Playlist hinzugefügt (während der Verwendung wurde eine Playlist mit 6.000 Singles gefunden und die Verwendung von TrackIds zum Anfordern der entsprechenden Songs würde einen 431-Fehler verursachen)
• Begrenzung der Anzahl der zuletzt gespielten Songs hinzufügen 19.11
• Beheben Sie den Fehler, dass nach dem Hinzufügen des Navigationsschutzes der verlorene Anmeldestatus aktualisiert wird und der Navigationsfehler auftritt, nachdem der Anmeldestatus 11/20 wiederhergestellt wurde
• Stoppen der Songwiedergabe während der Videowiedergabe hinzugefügt
• Beheben Sie das Problem, dass die Daten nicht aktualisiert werden können, wenn der Sänger unter ähnlichen Sänger-Registerkarten auf der Seite mit den Sängerdetails gewechselt wird
• JS-Animation zum Scrollen von Liedtexten hinzufügen
• Fügen Sie eine Animation zum Wechseln der Routing-Ansicht hinzu
• Auf der Sänger-Detailseite wurde eine Animation zum Wechseln der Registerkarten zum Laden von Daten und eine Meldung hinzugefügt, wenn diese leer sind
• Fügen Sie das @root-Verzeichnis hinzu und modularisieren Sie die API nach Funktion, um die Verwaltung zu erleichtern
• Es ist ein Problem aufgetreten, dass der Sicherungsinhalt des Bereichs mit dem Namen Slot nach dem Packen nicht wirksam wird. Er verhält sich in der Entwicklungsumgebung normal und wurde noch nicht behoben. Wir können nur den gesamten Sicherungsinhalt verwenden, anstatt den Sicherungsinhalt zu verwenden.
• Ich bin auf ein Problem gestoßen, das die maximale sichere Anzahl von JS überschreitet, das noch nicht gelöst wurde (das Bild in den Songinformationen, die beim Abrufen der Suchvorschläge erhalten wurden, ist NULL, aber die Bild-ID ist vorhanden, aber sie ist ungenau, wenn sie überschritten wird). die sichere Nummer). Sie können Axios definieren, um die Daten selbst zu verarbeiten (Axios verwendet standardmäßig JSON.parse).
• Beheben Sie den Fehler, dass der Benutzer im Kommentarbereich der Songseite auf den Benutzer klickt, um zur Benutzerroute zu springen, die Wiedergabeschnittstelle jedoch nicht geschlossen wird, und den Fehler, dass sich die Benutzerseite nicht mit der ID ändert, und löschen Sie die doppelte Logik der Wiedergabekomponente
• Der Umriss auf dem mobilen Endgerät hat keine abgerundeten Ecken, also ersetzen Sie ihn durch einen Rand.
• Integrieren Sie Albumliste, Playlist-Liste und Sängerliste in einer Komponente
• Frieren Sie nur gerenderte Daten ein, um die Leistung zu optimieren
• Integrieren Sie Videodetails und MV-Detailseite in einer Komponente
• Die meisten Unterseiten verwenden dieselbe Bildlaufleiste, überwachen die Routing-Adresse, setzen die Bildlaufleiste zurück und setzen die Bildlaufleiste der Song-Wiedergabeseite zurück, wenn Songs geändert werden.
• Der Fehler, dass lange Zahlen in Kommentaren nicht umgebrochen wurden, wurde behoben
• Beheben Sie den Fehler, dass der Liedfortschritt nach vorne verschoben wird und die Liedtext-Aktivierungszeile unverändert bleibt; die aktuelle Zeitquelle für die Liedtext-Bildlaufbeurteilung wurde geändert (zuvor war es die Audio-Echtzeit-Wiedergabezeit, jetzt ist es die aktuelle Zeit, an die gesendet wurde). vuex nach der Verarbeitung durch ersteres, was leicht verzögert sein kann oder im Voraus); extrahieren Sie die Liedtextkomponente (privates FM muss wiederverwendet werden).
• In Chrome gelten Einschränkungen für Medien-Tags, die eine Benutzerinteraktion erfordern, um automatisch abgespielt zu werden.
• Fügen Sie durch Bearbeitung erstellte Playlist-Informationen hinzu und verwenden Sie das VueCropper-Plug-in zum Zuschneiden von Bildern
• Das Hinzufügen persönlicher Informationen umfasst das Zuschneiden und Ändern des Avatars, ohne einen Bereich hinzuzufügen, das Zuschneiden und Verarbeiten des Bildes in ein Blob-Objekt und das Einkapseln in eine Komponente (Songlisten-Cover und persönlicher Avatar).
• Abbrechen mit Nprogress
• Die Singer-Seite bricht die Verwendung von ELTABS ab und verwendet stattdessen TabMenu im Projekt. Ändern Sie die Get-Methode der gekapselten Axios-Anfrage und ändern Sie die Art der Fehlerbehandlung, sodass sie von async/await empfangen werden kann
• Das Laden einiger Plug-in-CDs ist etwas langsam, was beim ersten Laden zu einem langen weißen Bildschirm führt.
• Beheben Sie den Fehler, dass nach dem Abmelden nicht zur Startseite zurückgekehrt wird und einige Seitenbilder nur langsam geladen werden
• Das verzögerte Laden einiger Bilder wurde hinzugefügt, einige unzumutbare Skelette entfernt und die Standardisierung der Komponentenverwendung geändert.
• Und ändern Sie die Fehler, die beim Refactoring der vue3 + ts-Version gefunden wurden