Crs8 multimedia Cours ?? Le multimédia en HTML INOC ?? - Le multimé dia en HTML B Emery Introduction Grande nouveauté du HTML les éléments multimédia permettent d ? inclure de la vidéo ou de l ? audio directement dans les pages HTML sans devoir recourir à
Cours ?? Le multimédia en HTML INOC ?? - Le multimé dia en HTML B Emery Introduction Grande nouveauté du HTML les éléments multimédia permettent d ? inclure de la vidéo ou de l ? audio directement dans les pages HTML sans devoir recourir à des plugins tiers comme Flash Le principal problème est la grande variété des formats supportés par les di ?érents navigateurs Le son Les di ?érents formats Avant d ? attaquer les balises permettant de di ?user des sons dans un ?chier HTML il est important de préciser que chaque navigateur n ? est capable de lire que certains types d ? encodage des ?chiers audio Ainsi le plus grand défaut du HTML c ? est l ? obligation de devoir posséder plusieurs formats du même ?chier pour s ? assurer une compatibilité maximale Heureusement il existe des logiciels pour convertir les ?chiers audio dans les di ?érents formats existant Chrome supporte tous les formats standards ainsi il ne sera pas nécessaire de se soucier des formats dans ce cours En comparaison Firefox ne supporte que le format Vorbis ogg tandis qu ? Internet Explorer ne supporte que les formats MP et AAC En fait il n ? y a qu ? un seul format compatible avec tous les navigateurs c ? est le format PCM non-compressé Malheureusement l ? utilisation d ? un format non-compressé via le web surcharge la bande passante L ? élément audio Pour insérer un élément musical dans une page HTML il su ?t d ? utiliser la balise qui possède de nombreux attributs spéci ?ques Premièrement l ? attribut controls permet d ? a ?cher des boutons de contrôle pour lancer ou arrêter le son Le design de ceux-ci dépend du navigateur à moins de les créer avec en HTML CSS et JS Deuxièmement l ? attribut src permet de spéci ?er l ? adresse url du ?chier Il n ? est pas obligatoire puisqu ? il peut être remplacé par la balise comme indiqué ci-dessous L ? attribut autoplay permet de lancer la lecture immédiatement après le chargement tandis que l ? attribut loop permet de jouer en continue L ? attribut preload permet d ? indiquer au navigateur s ? il faut charger le ?chier audio au chargement de la page HTML ou non En e ?et les ?chiers audio ou vidéo pouvant être très volumineux le pré-chargement d ? un ?chier qui ne sera pas joué consomme de la bande passante inutilement Cet attribut peut prendre les valeurs none aucun metadata données informatives ou auto préchargement complet Il n ? y a pas de valeur par défaut car celle-ci varie d ? un navigateur à l ? autre CCours ?? Le multimédia en HTML INOC ?? - B Emery Il existe d ? autres attributs moins usités tel que muted qui permet de couper le son au chargement ou mediagroup qui permet de lier plusieurs éléments média ensemble en leur attribuant un nom commun La source En
Documents similaires
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702463918qarssbh0ekbnkm67ftjojkwsamddzz9ynggelrskqwm6hio5du6r4bibh1gmr1eevnheskdzk9a1nhu5ngwxqru7dkm37uz2ladu.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/O7tqgoIOaKuUyG9L1yCV260qUetNKQfHQWID76AH8bdBrhNpinUQv2zR7uiMGSq4bydpEXep4zO9gd4H805QiDAL.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702158529ngqezeeqmwjip4muffdg6ryunov47tdyjkl7nf87wp3v5vdspzlpfenbo7ceeoixemafwshmbwvm1syoqduhy2rjavs8mlponfqz.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702120570szmgno6iat4lxi2xjpjat6ho0ggeguyxnr58wid394kykvotrxhvkxy0wa9afj4ndxskqcsgklqp2d3dxtzu7f7u2jmpunp8kymt.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702490808fsmgjq8rwhpwtju1jiz72ziewofh7sawinwsh4mqiyyrh9bp1rukxfnwyvzgrxkuewbkirgibkjtwjdvqdywoxcc93uh5xvai5zs.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/0wlxsgZQvUqYCLQmHbQKlTlmnkjRbwvlJtkk9srYcQJXbHxHn5WCwX2mc5bSlxpiXEXkSblcflE4sdlrcBWctY5k.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702499428hpknpvdbtgqxaijrruacufhqms8onjp3rtmj3uluu7xxv7079z6bpyydjg99qtsnzqvvaicqz2vkpbj00tq5nrrrgtt8zdv1uykh.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/9jwJPIk0DxBOksenQcc0kBNtC3NHzmOzcICU2gnqniUDy8uLUMGWXejwtK7hutcGyEt60rWgIS8weHs5c0LA4V1j.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702129888z7nsoa4o55y2mapqjj701ei0wmptw8hjywkkkkdrjxgxcfdfh6ncok7hiaqqt8jpbpcwxlh3kt40fsn53fogteodmqcpbsaflecs.png)
![](https://b3c3.c12.e2-4.dev/disserty/uploads/preview/11702435283jyixnitmtriuu49jftplvmygxgq1ktxfxxwapcrnxskfe7azqaepkj1xag5feu7fw5lrgaspa2osg8vvsczudk6dgkdfbf9v31uh.png)
-
20
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Aucune attribution requise- Détails
- Publié le Mai 26, 2022
- Catégorie Industry / Industr...
- Langue French
- Taille du fichier 33.7kB