Multimédia et HTML5

Lancez-Vous. C'est gratuit
ou s'inscrire avec votre adresse e-mail
Multimédia et HTML5 par Mind Map: Multimédia  et HTML5

1. L'auteur : Olivier Legrand

1.1. Formateur du Web

1.2. Olivier Legrand -   Concepteur pédagogique multimédia

2. Vidéo

2.1. Vidéo

2.1.1. <video> </video>

2.1.1.1. Exemple

2.1.2. Attributs

2.1.2.1. src

2.1.2.1.1. Définit l'adresse du fichier vidéo

2.1.2.2. width

2.1.2.2.1. Largeur de la vidéo

2.1.2.3. height

2.1.2.3.1. Hauteur de la vidéo

2.1.2.4. poster

2.1.2.4.1. Affiche une image sur la vidéo

2.1.2.4.2. poster="oiseaux.png"

2.1.2.5. controls

2.1.2.5.1. affiche la barre de contrôle de la vidéo

2.1.2.6. loop

2.1.2.6.1. La vidéo sera jouée en boucle

2.1.2.7. autoplay

2.1.2.7.1. Lecture automatique du fichier vidéo

2.1.2.8. preload

2.1.2.8.1. Le navigateur télécharge la vidéo au chargement de la page

2.1.3. Si différents formats Vidéos

2.1.3.1. <source> </source>

2.1.3.2. Exemple

2.2. --------------

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

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

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

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

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

2.3. Les formats

2.3.1. Ogv

2.3.1.1. Un format libre comme le Ogg

2.3.1.2. En savoir plus

2.3.2. H.264

2.3.2.1. Un codec de compression numérique

2.3.2.2. En savoir plus

2.3.3. WebM

2.3.3.1. Un format multimédia ouvert

2.3.3.2. En savoir plus

2.4. Convertisseurs

2.4.1. Miro vidéo converter

2.4.2. Prism vidéo converter

3. Audio

3.1. Audio

3.1.1. <audio> </audio>

3.1.1.1. Exemple

3.1.2. Attributs

3.1.2.1. src

3.1.2.1.1. Définit l'adresse du fichier son

3.1.2.2. controls

3.1.2.2.1. affiche une barre de contrôle

3.1.2.3. loop

3.1.2.3.1. Joue en boucle le titre

3.1.2.4. autoplay

3.1.2.4.1. Lecture automatique du fichier son

3.1.2.5. preload

3.1.2.5.1. Le navigateur télécharge le son au chargement de la page

3.1.3. Si différents formats Audios

3.1.3.1. <source> </source>

3.1.3.2. Spécifie plusieurs formats audio

3.1.3.3. Exemple

3.1.4. Exemple

3.2. --------------

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

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

3.3. Les formats

3.3.1. Ogg

3.3.1.1. Une alternative libre au format Mp3

3.3.1.2. En savoir plus

3.3.2. Mp3

3.3.2.1. Le MPEG-1/2 Audio Layer 3

3.3.2.2. En savoir plus

3.3.3. Acc

3.3.3.1. Advanced Audio Coding

3.3.3.2. En savoir plus

3.3.4. Wav

3.3.4.1. Taille de fichier trop volumineux

3.3.4.2. En savoir plus

3.3.5. Flac

3.3.5.1. Codec audio libre

3.3.5.2. En savoir plus

3.4. Convertisseurs

3.4.1. Switch Audio Converter

3.4.2. Audacity