Comment faire accessibilité et éco-conception @Démo publique

Fiche: Audio, vidéo et streaming

La lecture d'éléments vidéos et audios doit répondre à quelques règles simples

Le plus évident est de fournir un lecteur HTML5 en évitant de lancer automatiquement la vidéo ou l'audio.

En fonction du contenu (fond et forme), il est impératif de fournir soit des sous-titres (non incrustés dans l'objet multimédia), de l'audiodescription ou une transcription.

Structure

Pour l'audio

[p]
[audio]
	[source]
	[...]
	[track]
	[...]
[p]

Pour la vidéo

[p]
[video]
	[source]
	[...]
	[track]
	[...]
[p]

Implémentation

Le lecteur audio : Zebra Mix au festival des Vielles Charues

Un court extrait de la performance.

Lire la description de la bande son

Extrait audio de la performance du Zebra Mix au festival des Vielles Charues en 2011.

Zebra et le Bagad de Carhaix au festival des Vieilles Charrues (Carhaix)

Samedi 16 Juillet 2011, scène Kerouac

"Right here right now" (Fatboy Slim)

réalisation : Sombrero and Co

Le lecteur vidéo : Method of defiance au festival de Montreux

Regardez la vidéo de ce projet rassemblant des musiciens d'exception autour de Bill Laswell.

Lire la description de la vidéo

We are method of Defiance, refuse compliance ! Live de Montreux. Extrait du concert au festival de Montreux.

Invité dans le cadre de l'hommage à Chris Blackwell, Bill Laswell convoque sa tribu pour proposer sa Method of Defiance. Le principe ? Exploser sur scène les limites de style en convoquant le free jazz, la drum'n'bass ou le hip hop. Pour atteindre son objectif, Bill sait s'entourer. Pour le Japon, DJ Krush et Toshinori Kondo. Hip hop abstract pour le premier, free et fusion jazz pour le second. Pour les Etats-Unis, DJ Disk, Bernie Worrell, Dr. Know et Dr. Israel. Funk, reggae, punk rock, hip hop : de l'Est à l'Ouest des Etats-Unis, une poignée de rebelles prêts à en découdre. Bill Laswell et les siens nous promettent le déluge. Oserez-vous les affronter ?

Miles Davis Hall

12 juillet 2009, 20h30 (Portes 19h30)

HOMMAGE À CHRIS BLACKWELL

Bill Laswell présentes Method of Defiance

Musiciens : Bernie Worrell, Dr Israel, Hawkman, Toshinori Kondo, Guy Licata avec comme invités spéciaux DJ Krush, Sly and Robbie avec Bitty McLean

Code

Audio

<section>
    <h4>Le lecteur audio : Zebra Mix au festival des Vielles Charues</h4>
    <p>Un court extrait de la performance.</p>
    <audio controls="" preload="none" muted="" class="content">
        <source src="contenus/multimedia/audio.mp3" type="audio/mpeg">
        <source src="contenus/multimedia/audio.ogg">
        <track label="English : sous-titre et audio description" kind="subtitles" srclang="en" src="contenus/multimedia/subT.vtt">
        <track label="Français : sous-titre et audio description" kind="subtitles" srclang="fr" src="contenus/multimedia/subTf.vtt">
        <track kind="descriptions" src="descriptionsf.vtt" srclang="fr">
    </audio>
    <p><a href="javascript:voir('d1')">Lire la description de la bande son</a></p>
    <div class="longDesc cache" id="d1">
        <p>Extrait audio de la performance du Zebra Mix au festival des Vielles Charues en 2011.</p>
        <p>Zebra et le Bagad de Carhaix au festival des Vieilles Charrues (Carhaix)</p>
        <p>Samedi 16 Juillet 2011, scène Kerouac</p>
        <p>"Right here right now" (Fatboy Slim)</p>
        <p>réalisation : Sombrero and Co</p>
    </div>
    <div class="telechargement">
        <p>Fichier(s) à télécharger</p>
        <ul>
            <li><a href="contenus/multimedia/audio.mp3">Télécharger le contenu audio au format mp3</a></li>
            <li><a href="contenus/multimedia/audio.ogg">Télécharger le contenu audio au format ogg</a></li>
        </ul>
    </div>
</section>

Video

<section>
    <h4>Le lecteur vidéo : <span lang="en">Method of defiance</span> au festival de Montreux</h4>
    <p>Regardez la vidéo de ce projet rassemblant des musiciens d'exception autour de Bill Laswell.</p>
    <video controls="" width="540" height="358" preload="none" muted="" poster="contenus/multimedia/imagette.png" class="content">
        <source src="contenus/multimedia/video.mp4" type="video/mp4; codecs=&quot;avc1.4D401E, mp4a.40.2&quot;">
        <source src="contenus/multimedia/video.webm" type="video/webm; codecs=&quot;vp8.0, vorbis&quot;">
        <source src="contenus/multimedia/video2.flv" type="video/flv">
        <track label="English : sous-titre et audio description" kind="subtitles" srclang="en" src="contenus/multimedia/subT.vtt">
        <track label="Français : sous-titre et audio description" kind="subtitles" srclang="fr" src="contenus/multimedia/subTf.vtt">
        <track kind="descriptions" src="descriptionsf.vtt" srclang="fr">
    </video>
    <p><a href="javascript:voir('d2')">Lire la description de la vidéo</a></p>
    <div class="longDesc cache" id="d2">
        <p><span lang="en">We are method of Defiance, refuse compliance ! Live de Montreux</span>. Extrait du concert au festival de Montreux.</p>
        <p>Invité dans le cadre de l'hommage à Chris Blackwell, Bill Laswell convoque sa tribu pour proposer sa Method of Defiance. Le principe ? Exploser sur scène les limites de style en convoquant le free jazz, la drum'n'bass ou le hip hop. Pour atteindre son objectif, Bill sait s'entourer. Pour le Japon, DJ Krush et Toshinori Kondo. Hip hop abstract pour le premier, free et fusion jazz pour le second. Pour les Etats-Unis, DJ Disk, Bernie Worrell, Dr. Know et Dr. Israel. Funk, reggae, punk rock, hip hop : de l'Est à l'Ouest des Etats-Unis, une poignée de rebelles prêts à en découdre. Bill Laswell et les siens nous promettent le déluge. Oserez-vous les affronter ?</p>
        <p>Miles Davis Hall</p>
        <p>12 juillet 2009, 20h30 (Portes 19h30)</p>
        <p>HOMMAGE À CHRIS BLACKWELL</p>
        <p>Bill Laswell présentes <span lang="en">Method of Defiance</span></p>
        <p>Musiciens : Bernie Worrell, Dr Israel, Hawkman, Toshinori Kondo, Guy Licata avec comme invités spéciaux DJ Krush, Sly and Robbie avec Bitty McLean</p>
    </div>
    <div class="telechargement">
        <p>Fichier(s) à télécharger</p>
        <ul>
            <li><a href="contenus/multimedia/video.mp4">Télécharger la vidéo au format MP4 (Format MPEG-4)</a></li>
            <li><a href="contenus/multimedia/video.webm">Télécharger la vidéo au format WebM (Format multimédia ouvert pour le web)</a></li>
        </ul>
    </div>
</section>