On veut créer ici une application web qui fournit l'API HTML et utilise les propriétés Audio et Vidéo pour pouvoir lire justement les fichiers avec votre lecteur que vous aurez créer.
Pour vous aidez, je vous fournis un template, un squelette de fichier html, css, et javascript ainsi que des fichiers audio et vidéo afin de pouvoir les lire une fois votre application terminée.
Tout d'abord il va falloir relier les fichiers Javascript et Css avec votre fichier Html.
Le but est de les faire travailler ensemble, bien sûr !
L'un des secrets pour être un bon intégrateur, développeur, ...
- Savoir chercher les bonnes infos
Taper ceci dans votre moteur de recherche
"html audio et video"
Moi j'ai pris le premier résultat qui vient, par exemple:
Developer mozilla.org en français - https://developer.mozilla.org/fr/docs/Web/HTML/Utilisation_d%27audio_et_video_en_HTML5
- A propos ce site est une mine d'informations à vous de jouer les mineurs !!
Allez courage il n'y a plus qu'a implémenter le code au bon endroit dans les différents fichiers que je vous est fournis.
Copier - coller le code c'est facile !!
A titre d'exemple
- Utilisez un stack Html, css, javascript
Que vous pourrez étoffer si le coeur vous en dit avec d'autres langages ...
L'ajout du framework de bootstrap semble judicieux !!
-
Attention tous les formats de fichiers ne sont pas forcément lisible dans tous les navigateurs. Cela fait partie des joies du code.
-
la base puis les différentes fonctionnalités
Chaque fichier à un but et une destination ...
Le fichier HTML c'est le squelette du projet mais c'est aussi le lien avec tous les autres fichiers.
Justement les autres fichiers - Le CSS c'est pour le style on va dire l'équivalent de la couche de peinture sur le mur de votre chambre.
Cependant le CSS à bien d'autres propriétés que vous devez connaître pour faire un beau projet.
Quant au fichier Javascript lui il est pas là pour faire de la figuration ni acte de présence, il va également nous servir surtout pour toute la gestion des fonctionnalités que vous pouvez régulièrement utiliser avec le lecteur de youtube par exemple.
Ou bien encore celui de Deezer qui lui aussi est une application web !!
Allez on construit notre app' c'est parti !!