angular youtube player

Demo

Über Spieler

Dies ist ein einfacher YouTube-Webplayer, der auf Angular-Cli, Ngx-Socket-io, @Angular/CDK basiert.

Dieser Spieler ist nur mit Chrome/Webkit -Browsern kompatibel.

Der Projektstatus ist RC (Release -Kandidat).

Wie man benutzt

Für die Entwicklung

1. Installieren Sie NodeJS 16.14.0+

2. Download/Clone Repository und installieren Sie den Player nach

npm install (nicht in /src)

3. Fügen Sie Ihren YouTube -API -Schlüssel in SRC/App/Environments/Settings.ts oder in der App -auf -Einstellungsseite hinzu (wann wird ausgeführt).

4. Starten Sie Ihren Server

npm install && npm start im root order

5. Stellen Sie eine Verbindung zu Ihrem Server her

Sie müssen sich in SRC/App/Umgebungen/Umgebungen ändern. Ihr Pfad zu Ihrem Server.

Um die App zu erstellen

1. Angular-Cli einbauen

npm install -g @angular/cli

2. Ausführen im Root -Ordner (nicht in /src)

Überprüfen Sie die Winkeldokumentation auf andere Build -Optionen.

ng build --prod=true

Changelog

Angular YouTube Player 2.6.0

• Liste der Gäste in der Sitzung
• Kleinere Probleme behoben (RC)
• Fügen Sie einen Mini -Player hinzu, wenn Sie scrollen
• Das erste Video von Playlist ist jetzt das aktuelle Video

Angular YouTube Player 2.5.2

• Fügen Sie Kategorienabzeichen hinzu, um Videos und aktuelles Video zu füttern
• UI -Updates
• Neue Modalkomponente

Angular YouTube Player 2.5.1

• Upgrade Winkel auf LTS (von 7 auf 8) aufbauen
• Wiederholungsmodus behoben
• Aktualisieren Sie das Layout für Playlist / verwandte Videos

Angular YouTube Player 2.5

• Reinigte das Projekt, um nicht viele Abhängigkeiten zu verwenden
• Beheben Sie das Problem, wenn Sie die Region ändern
• Verbesserte UX für die Wiedergabeliste
• Der Client -Name fügte hinzu, um jeden Benutzer im Raum zu identifizieren

Angular YouTube Player 2.4

• Über Socket.io und private Server von Firebase nach JSON umgestellt
• Responsive Layout
• Synchronisierungsspieler in der Sitzung
• Räume: Mach beitreten/verlassen
• Die Wiedergabeliste ist nicht mehr automatisch besiedelt, wenn leer ist
• Sie können nicht mehr aus der .json -Datei exportieren/importieren

Angular YouTube Player 2.3.3

• Fehler nach dem Refactoring behoben
• Die Sitzungsschlüssel für die Wiedergabeliste hinzugefügt, die Sie in Cloud hochladen und von Cloud herunterladen können (integriert in Firebase).
• Layout -Update
• Aktualisiert von Angular 5.2.0 bis 7.0.1
• Karussell für verwandte Videos hinzugefügt (verwendet NGU-Carousel)

Angular YouTube Player 2.3

• Aktualisieren von LTS Angular
• Refactoring Ganzer App -Dienste und -komponenten
• Verbesserte Geschwindigkeitsleistung und behobene wichtige Fehler
• Neue Möglichkeit zum Laden der App

Angular YouTube Player 2.2

• Sortieren Sie die Wiedergabeliste mit Drag & Drop (verwendet NG2-Dragula)

Angular YouTube Player 2.1

• Kategorien mit Videos wie (Musik, Spielen, Autos, Filme, Sport usw.)
• Refactoring Code
• Suche in bestimmter Region
• Fixieren des Kopierlinks für das vorgestellte Video
• UX -Verbesserungen

Angular YouTube Player 2.0.1

• Importieren und exportieren Sie die YouTube -Playlist als .json -Datei

Angular YouTube Player 2.0

• Globale Hotkeys für die Anwendung auf dem Desktop (Spielen-/Pause/Next/Prev, für Tastaturen mit Medienschaltflächen)
• Hinzufügen von Unterstützung für NW.js zum Exportieren der App für Desktop -kompatibel: Windows x64, Linux x64
• Automatische Aktualisierung der App (Desktop -Version)

Angular YouTube Player 1.9.2

• UX -Verbesserungen und Behebungen
• Vorbereitung von Dateien für 2.0

Angular YouTube Player 1.9.1

• Holen Sie sich die Einstellungen.json für LocalStorage, wenn Ihr LocalStorage leer ist
• Die Wiedergabeliste speichert automatisch, wenn sie leer ist
• Hell/Dunkel -Themenmodus umschalten
• Teilen Sie die Linkschaltfläche für alle Videos
• Reorganisierte Einstellungsseite
• Automatische Speichern für interne Einstellungen (Einstellungen überprüfen)
• Manuelles Speichern für externe Einstellungen (Einstellungen überprüfen)
• Leistung, UI- und UX -Verbesserungen und Behebungen

Angular YouTube Player 1.9

• Fügen/Entfernen von Elementen aus der Wiedergabeliste hinzugefügt, das zum ersten Mal, wenn es initialisiert wird
• Weiter/prevvideo von Ihrer Wiedergabeliste
• Verschiebter Verlauf in die separate Seite
• Hinzufügen von Toggle -Video, Wiederholungsmodus und List und Raster beim Trending to Settings.json
• Kleine Korrekturen

Angular YouTube Player 1.7

• Hinzugefügtes Video als erstes Video von Trending
• Benachrichtigungen über wichtige Maßnahmen, die Sie ausführen
• Debugging -Modus entfernt
• Vorbereitung von Paketen, Code und Dateien für v2.0
• Verbesserte UI/UX für Listen

Angular YouTube Player 1.6

• Videodetails für aktuelle Video- und Trendvideos wie Anzahl von Ansichten, Vorlieben und Abneigungen
• Link für das aktuelle Video teilen
• Neue Einstellung hinzugefügt, um alle Miniaturansichten zu verbergen
• Benutzerdefinierte Player -Tasten werden jetzt nur angezeigt, wenn Sie Video ausblenden

Angular YouTube Player 1.4

• Geschichte Ihrer angesehenen Videos
• Kleine Korrekturen

Angular YouTube Player 1.3

• Video Player zeigen/verstecken
• Video wiederholen
• Raster/Listenmodus für Trendvideos
• Einstellungen (Sie können die Standardeinstellung von "assets/settings.json" festlegen, bald direkt aus Einstellungen.
• Wechseln Sie das Land für Trendvideos (derzeit nur drei Länder, USA, Großbritannien und RO)
• Max -Ergebnisse werden in der Suche angezeigt (0 bis 50)
• Your_api key
• Max -verwandte Videos (0 bis 50)

Angular YouTube Player 1.2

• Einführung von Trendvideos, derzeit standardmäßige Trendvideos stammen aus den USA
• Refactoring des Code
• Hinzufügen von Routen für zukünftige Komponenten, die es in der linken Navigbar anzeigen wird
• Standardvideo stammt zuerst aus Trendvideos
• Hinzufügen des Videoplayers
• Aktualisieren Sie das Design, das den neuen Funktionen entspricht

Angular YouTube Player 1.1

• Hinzufügen von Stummschalt-/Ulbulenfunktionalität
• Verbesserte Benutzeroberfläche und Benutzererfahrung
• Hinzufügen von Einstellungsfunktionen, die Einstellungen erhalten von assets/settings.json

Einstellungen

• Zeigen/Verstecken von Debugging -Funktionen
• Zeigen/verstecken Miniaturansichten in der Suche

Angular YouTube Player 1.0.2

• Ändern Sie die Lautstärke in Ihrem Video
• Verwandte Videos

Angular YouTube Player 1.0.0

• Suchen und spielen Sie Video von YouTube
• Video abspielen/pause
• Ändern Sie die Zeit Ihres Videos, die Sie hören möchten

Zukünftige Funktionen

Rückstand

• iOS 8+ / Android 5+ App (unversioniert)

Zimmer

• *Zimmerchat (unversioniert)*

Roadmap bis 3.0

• *Veröffentlichen Sie eine stabile Version (in v2.6.9)*
• *Private/Public Room (in v2.7) einstellen**
• *Liste der öffentlichen Räume (in v2.8)*
• *Zimmermoderatoren, die Videos hinzufügen, Mitbewohner treten, stumme Mitbewohner (in v2.9)*

Roadmap bis 4.0

• Integration von YouTube -Konto -Abonnements/Playlist (in v3.0)

Merkmale entfernt

• Globale Hotkeys für die Anwendung auf dem Desktop (Spielen-/Pause/Next/Prev, für Tastaturen mit Medienschaltflächen)
• Hinzufügen von Unterstützung für NW.js zum Exportieren der App für Desktop -kompatibel: Windows x64, Linux x64
• Automatische Aktualisierung der App (Desktop -Version)
• Themen vorübergehend entfernt

Urheberrecht und Lizenz

Copyright Quead unter der MIT -Lizenz.