mp

mp : ein hybrider Musikplayer

Klicken Sie hier, um es online auszuprobieren!

Dies ist ein Musikplayer, der auf Webtechnologien basiert. Es kann als eigenständige plattformübergreifende Anwendung (mit nw.js oder Electron) oder als Webseite verwendet werden.

Der Clou dabei ist, dass die Codebasis gemeinsam genutzt wird: Derselbe Anwendungscode, der die Webseite ausführt, wird in einer eigenständigen App verwendet .

Funktionen, geplant und mp

• Tonwiedergabe
  • Unterstützte Formate: alles, was Ihr {browser,Electron,nw.js} unterstützt
  • Routing zum WebAudio-Diagramm
• Wiedergabeliste
  • Grundlegende Kontrolle
  • Rekursiver mp
  • Wiederholen
  • Neuordnung per Drag/Drop
  • Shuffle
• Wiedergabesteuerung &a mp ; Info
  • Wellenform
  • Metadatenanalyse
    • ID3v1
    • ID3v2
    • Kommentare von Vorbis
    • m4a/ mp 4
  • Ich suche
  • Albumcover
  • Globale Hotkeys
• Verschiedenes
  • Echtzeitvisualisierungen
    • Spektrumanalysator
    • Big Psyco vom Visual Player für DOS
  • Einzelinstanz-Laufzeit-Wiedergabelistensteuerung
  • Steuerung der Laufzeitwiedergabe einer einzelnen Instanz

Läuft

1. Klonen Sie dieses Projekt
2. Führen Sie es aus:

• Passen Sie dist/electron/ mp .sh [path-to-song-or-playlist] an und führen Sie es aus.
• Passen Sie dist/nw/ mp .sh [path-to-song-or-playlist] an und führen Sie es aus.
• Starten Sie dist/web/index.html

Die Webversion wird auch auf GitHub-Seiten gehostet.

Befehlszeilen-API

mp 3 ... -q enqueue1. mp 3 enqueue2. mp 3 ... -c command1 command2">

 [-p] play1. mp 3 play2. mp 3 ... -q enqueue1. mp 3 enqueue2. mp 3 ... -c command1 command2

Wobei command play , pause , prev oder next lautet.

Die Webversion kann von postMessage mit dem folgenden Datenobjekt gesteuert werden:

 {
  command : "control" ,
  argv : [ "array" , "of" , "command" , "line" , "arguments" ]
} 

mp

1. Klonen Sie dieses Projekt
2. npm install
3. make

Erfolge freigeschaltet

• Wiedergabe über HTMLAudioElement über Web Audio Sound Graph
• Wellenformvisualisierungen über decodeAudioData
• Echtzeitvisualisierungen mit AnalyserNode
• Metadatenanalyse dank der APIs XHR2 , ArrayBuffer , DataView und TextDecoder
• Geschrieben in ES2015, gebündelt mit Rollup und dem guten alten Make
• CSS mp mit LESS