HTML5 : Éléments multimédias
HTML5 - multimédia

Formation HTML5 : Éléments multimédias -- Table des matières

  1. Historique du multimédia sur le Web
  2. Vidéo
  3. Audio
  4. Codecs et DRM
  5. Exemples
  6. Librairies

Éléments médias

Plus de plugiciels ! Yé !

Vraiment ? Pour de vrai ?Il faut lire les petits caractères par contre...

<video>

<video>

La bande annonce de Big Buck Bunny (en anglais)

<video>

Suite...


  <article id="bigbuckbunny">
    <h1>Bande annonce de <i lang="en">Big Buck Bunny</i> (en anglais) avec l'élément video </h1>
    <video controls>
        <source src="http://mirror.cessen.com/blender.org/peach/trailer/trailer_iphone.m4v">
        <source src="http://download.blender.org/peach/trailer/trailer_400p.ogg">
    </video>
    <footer>
        <p>(c) copyright Blender Foundation |
            <a href="http://www.bigbuckbunny.org">www.bigbuckbunny.org</a></p>
    </footer>
  </article>
                

<audio>

J'ai déjà essayé de faire de la musique et j'ai échoué!

© Copyright Moi 1997

    <article>
        <h1>J'ai déjà essayé de faire de la musique et j'ai échoué!</h1>
        <audio controls>
            <source src="..media/minedenuit.ogg">
        </audio>
        <footer>© Copyright Moi 1997</footer>
    </article>
                

Le débat des codecs

Et le DRM ?

Apple, Google, Adobe, Microsoft, Opera et Mozilla

Application de type App store, le Web ouvert et quelque chose entre les deux

Le débat sur le DRM (EME)

EME : Ecrypted Media Extensions

Oui, oui, le W3C a donné le mandat au Working Group de définir une manière d'intégrer des extension aux balises médias pour protéger le contenu contre les utilisateurs.

Fonctionne un peu comme les plugiciels, mais plus spécifiquement pour les éléments vidéos et audios.

Beaucoup de débats, pas encore standardisé

Netflix, Microsoft, Google

Exemples d'utilisation

Et le DRM ?

Apple, Google, Adobe, Microsoft, Opera et Mozilla

Application de type App store, le Web ouvert et quelque chose entre les deux

Liste de librairies et outils pour gérer les vidéos

Source : http://www.templates.com/blog/10-html5-video-players/