Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

Multimédia et HTML5 by Mind Map: Multimédia 
et HTML5
0.0 stars - 0 reviews range from 0 to 5

Multimédia et HTML5

L'auteur : Olivier Legrand

Formateur du Web

Olivier Legrand -   Concepteur pédagogique multimédia

Vidéo

Vidéo

<video> </video>, Exemple

Attributs, src, Définit l'adresse du fichier vidéo, width, Largeur de la vidéo, height, Hauteur de la vidéo, poster, Affiche une image sur la vidéo, poster="oiseaux.png", controls, affiche la barre de contrôle de la vidéo, loop, La vidéo sera jouée en boucle, autoplay, Lecture automatique du fichier vidéo, preload, Le navigateur télécharge la vidéo au chargement de la page

Si différents formats Vidéos, <source> </source>, Exemple

--------------

Les navigateurs ne lisent pas tous les mêmes formats vidéos/audios

Il faut proposer différents formats vidéos/audios

La balise HTML5 <video> bien implantée dans les nav récents

Google Chrome est le plus polyvalent dans les formats vidéos

Prévoir au moins deux formats vidéos H.264 - WebM

Les formats

Ogv, Un format libre comme le Ogg, En savoir plus

H.264, Un codec de compression numérique, En savoir plus

WebM, Un format multimédia ouvert, En savoir plus

Convertisseurs

Miro vidéo converter

Prism vidéo converter

Audio

Audio

<audio> </audio>, Exemple

Attributs, src, Définit l'adresse du fichier son, controls, affiche une barre de contrôle, loop, Joue en boucle le titre, autoplay, Lecture automatique du fichier son, preload, Le navigateur télécharge le son au chargement de la page

Si différents formats Audios, <source> </source>, Spécifie plusieurs formats audio, Exemple

Exemple

--------------

Les navigateurs ne lisent pas tous les mêmes formats vidéos/audios

Il faut proposer différents formats vidéos/audios

Les formats

Ogg, Une alternative libre au format Mp3, En savoir plus

Mp3, Le MPEG-1/2 Audio Layer 3, En savoir plus

Acc, Advanced Audio Coding, En savoir plus

Wav, Taille de fichier trop volumineux, En savoir plus

Flac, Codec audio libre, En savoir plus

Convertisseurs

Switch Audio Converter

Audacity