angular youtube player

Démo

À propos du joueur

Il s'agit d'un simple lecteur Web YouTube basé sur Angular-CLI, NGX-Socket-io, @ Angular / CDK.

Ce joueur est compatible uniquement avec les navigateurs Chrome / WebKit.

Le statut du projet est RC (candidat à la libération).

Comment utiliser

Pour le développement

1. Installer Nodejs 16.14.0+

2. Télécharger / Clone Repository puis installer le lecteur par

npm install dans le dossier racine (pas dans / src)

3. Ajoutez votre touche API YouTube dans SRC / App / Environments / Settings.ts ou à l'intérieur de la page des paramètres de l'application (en cours d'exécution)

4. Démarrez votre serveur

npm install && npm start dans le dossier racine

5. Connectez-vous à votre serveur

Vous devez changer à l'intérieur de SRC / App / Environments / Environment.ts votre chemin vers votre serveur.

Pour créer l'application

1. Installer Angular-Cli

npm install -g @angular/cli

2. Exécutez à l'intérieur du dossier racine (pas dans / src)

Vérifiez la documentation angulaire pour d'autres options de construction.

ng build --prod=true

Changelog

Joueur YouTube angulaire 2.6.0

• Liste des invités dans la session
• Problèmes mineurs fixes (RC)
• Ajouter un mini-joueur lorsque vous faites défiler
• La première vidéo de Playlist est maintenant la vidéo actuelle

Joueur YouTube angulaire 2.5.2

• Ajouter un badge de catégorie pour alimenter les vidéos et la vidéo actuelle
• Mises à jour de l'interface utilisateur
• Nouveau composant modal

Joueur YouTube angulaire 2.5.1

• Mettre à niveau Angular vers LTS (de 7 à 8)
• Mode de répétition fixe
• Mettre à jour la mise en page pour la playlist / vidéos connexes

Joueur YouTube angulaire 2.5

• Nettoyé le projet pour éviter d'utiliser de nombreuses dépendances
• Résoudre le problème lorsque vous modifiez la région n'a pas mis à jour le joueur
• UX amélioré pour la playlist
• Ajout du nom du client pour identifier chaque utilisateur de la salle

Joueur YouTube angulaire 2.4

• Passé de Firebase vers JSON via socket.io et serveur privé
• Disposition réactive
• Sync Player en session
• Chambres: rejoignez / laissez la place par identifiant unique
• La playlist n'est plus auto-peuplée quand est vide
• Vous ne pouvez plus exporter / importer à partir du fichier .json

Joueur YouTube angulaire 2.3.3

• Correctiones de bogues après refactorisation
• Ajout de la clé de session pour la playlist que vous pouvez télécharger sur Cloud et télécharger à partir de Cloud (intégré à Firebase)
• Mise à jour de mise en page
• Mise à jour de Angular 5.2.0 à 7.0.1
• Carrousel ajouté pour les vidéos connexes (carrousel NGU utilisé)

Joueur YouTube angulaire 2.3

• Mise à jour de LTS Angular
• Refactoriser des services et des composants d'applications entières
• Amélioration des performances de vitesse et corriger les bogues majeurs
• Nouvelle façon de charger l'application

Joueur YouTube angulaire 2.2

• Trier la playlist par glisser-déposer (utilisé Ng2-Dragula)

Joueur YouTube angulaire 2.1

• Catégories avec des vidéos comme (musique, jeu, automobiles, films, sports, etc.)
• Code de refactorisation
• Rechercher sur une région spécifique
• Fixation du lien de copie pour la vidéo en vedette
• Améliorations UX

Angular YouTube Player 2.0.1

• Importer et exporter la liste de lecture YouTube en tant que fichier .json

Angular YouTube Player 2.0

• Global Hot Keckys for Application in Desktop (Play / Pause / Next / PREV, pour les claviers avec boutons multimédias)
• Ajout de la prise en charge de NW.JS pour exporter l'application pour le bureau compatible: Windows X64, Linux X64
• Mise à jour automatique de l'application (version de bureau)

Joueur YouTube angulaire 1.9.2

• Améliorations et correctifs UX
• Préparation de fichiers pour 2.0

Joueur YouTube angulaire 1.9.1

• Obtenez des sets.json pour localstorage si votre localstorage est vide
• La liste de lecture enregistre automatiquement, si elle est vide, elle sera remplie de vidéos connexes
• Mode thème clair / sombre
• Partager le bouton de lien pour toutes les vidéos
• Page des paramètres réorganisés
• Économie automatique pour les paramètres internes (vérification des paramètres)
• Économie manuelle pour les paramètres externes (vérification des paramètres)
• Performance, UI et UX Améliorations et correctifs

Joueur YouTube angulaire 1.9

• Ajouter / supprimer les éléments de la playlist, la première fois lorsqu'il est initialisé, il est préparé avec des vidéos connexes
• Vidéo suivante / PREV de votre liste de lecture
• Historique déplacé vers une page séparée
• Ajout de la vidéo à bascule, du mode répéter et de la liste et de la grille sur les tendances à Settings.json
• Petites fixes

Joueur YouTube angulaire 1.7

• Ajout de la vidéo en vedette comme première vidéo de la tendance
• Notifications pour les actions importantes que vous faites
• Mode de débogage supprimé
• Préparation des packages, du code et des fichiers pour v2.0
• Ui / UX amélioré pour les listes

Joueur YouTube angulaire 1.6

• Détails vidéo pour les vidéos vidéo actuelles et les vidéos à tendance comme le nombre de vues, de goûts et de dégoûts
• Partager le lien pour la vidéo actuelle
• Ajout d'un nouveau paramètre pour cacher toutes les miniatures
• Les boutons de lecteur personnalisés affichent maintenant uniquement lorsque vous masquez la vidéo

Joueur YouTube angulaire 1.4

• Historique de vos vidéos regardées
• Petites fixes

Joueur YouTube angulaire 1.3

• Afficher / masquer le lecteur vidéo
• Répéter la vidéo
• Mode de grille / liste pour les vidéos tendance
• Paramètres (vous pouvez définir par défaut à partir de "Assets / Settings.json", sera bientôt directement à partir des paramètres)
• Changer le pays pour les vidéos tendance (actuellement seulement trois pays, États-Unis, Royaume-Uni et RO)
• Les résultats max affichent dans la recherche (0 à 50)
• Clé de votre_api
• Vidéos liées à Max (0 à 50)

Joueur YouTube angulaire 1.2

• Présentation des vidéos tendance, actuellement des vidéos de tendance par défaut proviennent des États-Unis
• Refactoriser le code
• Ajout de routes pour les composants futurs qu'il montrera dans la gauche Navbar
• La vidéo par défaut proviendra la première des vidéos tendance
• Ajouter le lecteur vidéo
• Mettez à jour la conception pour correspondre aux nouvelles fonctionnalités

Joueur YouTube angulaire 1.1

• Ajout de fonctionnalités muettes / de la catégorie
• Interface utilisateur améliorée et expérience utilisateur
• Ajout de la fonctionnalité des paramètres, les paramètres obtiendront des actifs / paramètres.json

Paramètres

• Afficher / masquer les fonctionnalités de débogage
• Afficher / masquer les miniatures dans la recherche

Joueur YouTube angulaire 1.0.2

• Modifier le volume sur votre vidéo
• Vidéos connexes

Player YouTube angulaire 1.0.0

• Rechercher et lire la vidéo depuis YouTube
• Vidéo de lecture / pause
• Changez le temps de votre vidéo que vous souhaitez écouter

Caractéristiques futures

Arriéré

• Application iOS 8+ / Android 5+ (Unversioned)

Salles

• * Chat de chambre (non versiné) *

Feuille de route à 3.0

• * Libérez une version stable (en v2.6.9) *
• * Définir la salle privée / publique (en v2.7) *
• * Liste des salles publiques (dans v2.8) *
• * Modérateurs de pièce qui peuvent ajouter des vidéos, des colocataires de coup de pied, des colocataires muets (en v2.9) *

Feuille de route à 4.0

• Intégration d'abonnements de compte YouTube / Playlist (dans V3.0)

Fonctionnalités supprimées

• Global Hot Keckys for Application in Desktop (Play / Pause / Next / PREV, pour les claviers avec boutons multimédias)
• Ajout de la prise en charge de NW.JS pour exporter l'application pour le bureau compatible: Windows X64, Linux X64
• Mise à jour automatique de l'application (version de bureau)
• Thèmes temporaires supprimés

Copyright et licence

Copyright Quad sous la licence du MIT.