TP Web components écriture d'un lecteur video custom

Travail à effectuer

Vous allez écrire, sous la forme d'un Web Component, un lecteur vidéo personnalisé <my-player>. Il proposera une nouvelle inteface graphique (avec vos propres boutons play/stop/volume/balance g/d/egaliseur de fréquences, un certain nombres d'attributs HTML , une API JavaScript etc.

Ressources :

• Programme fait en live coding lors de la séance 1 (dezipper et ouvrir index.html avec Live Server par exemple)
• Programme séance 2 (avec webaudiocontrols etc.)
   
• Page de la spécification W3C qui montre les propriétés/méthodes/events de l'élément <video>
   
• Page de la librairie WebAudioControls avec boutons rotatifs, interrupteurs etc.
   
• Avec WebAudio API pour traitement du son
  • Exemple montrant comment utiliser la WebAudio API pour contrôler la balance gauche/droite 
  • Exemple montrant comment ajouter un égaliseur de fréquences 
  • Exemple montrant l'égaliseur de fréquence + la visualisation de waveform du signal 
  • Ici simple visualiseur de fréquences 
  • Ici volume, égaliseur, balance, visualisation de fréquences un peu plus jolies 
  • Ici visualisation du volume (stéréo) + balance + waveform