Accessibilité des videos sur le Web et sous-titrage

IBM Human Centric Solutions Center
Accessibilité des vidéos sur le Web et soustitrage
Accessibilité des videos
sur le Web
Pourquoi si peu ?
Human Centric Solutions Center
Jean-Louis Carvès
15 novembre 2007
[email protected]
Vidéo accessible sur le web et sous-titrage
15 Novembre 2007
1
IBM Human Centric Solutions Center
Explosion de la vidéo sur Internet dans tous
les secteurs
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
2
IBM Human Centric Solutions Center
Les internautes consomment et produisent
de plus en plus de contenu vidéo
Sources : http://www.pewinternet.org/PPF/r/219/report_display.asp
Journal du Net
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
3
IBM Human Centric Solutions Center
Une vidéo accessible sur le web ?
■ Respect des critères d’accessibilité
▶ Un lecteur multimédia accessible
▶ Des alternatives adaptées
▶ Possibilité d’activer et de désactiver un soustitrage synchronisé
▶ Possibilité d’activer et de désactiver une
description audio synchronisée
▶ Possibilité d’avoir un doublage en Langue des
Signes ?
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
4
IBM Human Centric Solutions Center
Respect des règles d’accessibilité WAI
■ WCAG 1.0 : Guideline 1 Provide equivalent
alternatives to auditory and visual content.
■ 1.3 Until user agents can automatically read aloud the text
equivalent of a visual track, provide an auditory description of the
important information of the visual track of a multimedia
presentation. [Priority 1]
■ 1.4 For any time-based multimedia presentation (e.g., a movie or
animation), synchronize equivalent alternatives (e.g., captions or
auditory descriptions of the visual track) with the presentation.
[Priority 1]
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
5
IBM Human Centric Solutions Center
Respect des règles d’accessibilité WAI
■ WCAG 2.0 : Guideline 1.2 Provide synchronized alternatives for
multimedia
■ 1.2.1 Captions (Prerecorded): Captions are provided for prerecorded
■
■
■
■
■
■
multimedia except for multimedia alternatives to text that are clearly labeled
as such. (Level A)
1.2.2 Audio Description or Full Text Alternative: Audio description of video,
or a full text alternative for multimedia including any interaction , is provided
for prerecorded multimedia. (Level A)
1.2.3 Captions (Live): Captions are provided for live multimedia. (Level AA)
1.2.4 Audio Description: Audio description of video is provided for
prerecorded multimedia. (Level AA)
1.2.5 Sign Language: Sign language interpretation is provided for
multimedia. (Level AAA)
1.2.6 Audio Description (Extended): Extended audio description of video is
provided for prerecorded multimedia. (Level AAA)
1.2.7 Full Text Alternative: A full text alternative for multimedia including any
interaction is provided for all prerecorded multimedia , except for multimedia
alternatives to text that are clearly labeled as such . (Level AAA)
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
6
IBM Human Centric Solutions Center
Et le Réferentiel Général d’Accessibilité de
l’Administration (RGAA) ?
■ Point de contrôle 1.3 : Fournir une
description audio des contenus
multimédias
■ Point de contrôle 1.4 : Synchroniser les
équivalents des contenus multimédias
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
7
IBM Human Centric Solutions Center
Les sous-titres …
■Comment les produire
▶Efficacement
▶Économiquement
▶Vite
▶Dans les bons formats…
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
8
IBM Human Centric Solutions Center
Une foule d’outils existe …
▶ MAGPIE (NCAM), Subtitle Workshop, Aegisub ,
Lemony, Time adjuster, Visual SubSync, etc…
et …PROTITLE développé par NINSIGHT
Avec le moteur de reconnaissance vocale
SpeechRoot© d’IBM
Facilite et accélère
▶ La transcription du contenu
▶ La synchronisation avec le media
▶ La production des sous-titres
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
9
IBM Human Centric Solutions Center
Schéma fonctionnel de la solution ProTitle
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
10
IBM Human Centric Solutions Center
Le logiciel Protitle et ses différentes fenêtres
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
11
IBM Human Centric Solutions Center
Démonstration Protitle
■ Transcription
■ Synchronisation
■ Production de sous-titres
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
12
IBM Human Centric Solutions Center
Quel lecteur multimédia ?
■ QuickTime … le précurseur
■ Real Player
■ Windows Media Player
■ Flash Player
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
13
IBM Human Centric Solutions Center
QuickTime
Inclus dans une page web
15 novembre 2007
Lancé dans le lecteur externe
QuickTime
Vidéo accessible sur le web et sous-titrage
14
IBM Human Centric Solutions Center
Real Player
Lancé dans le lecteur externe
Real Player
15 novembre 2007
Intégré dans la page web avec
un fichier SMIL différent
Vidéo accessible sur le web et sous-titrage
15
IBM Human Centric Solutions Center
Windows Media Player
Intégré dans la page web
15 novembre 2007
Lancé dans le lecteur externe
Windows Media Player
Vidéo accessible sur le web et sous-titrage
16
IBM Human Centric Solutions Center
Flash ?
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
17
IBM Human Centric Solutions Center
Quel lecteur utilisent les internautes ?
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
18
IBM Human Centric Solutions Center
Quelle version ?
Worldwide Ubiquity of Adobe Flash Player by Version - September 2007
Flash Player 6 Flash Player 7 Flash Player 8 Flash Player 9
Mature markets
99.1%
99.1%
98.4%
93.3%
US/Canada
99.0%
99.0%
98.5%
94.1%
Europe
99.2%
99.2%
98.2%
93.7%
Japan
99.5%
99.5%
99.0%
93.7%
http://www.adobe.com/products/player_census/flashplayer/version_penetration.html
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
19
IBM Human Centric Solutions Center
La vidéo dans Flash… ça s’apprend !
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
20
IBM Human Centric Solutions Center
Encodage pour Flash
■ Adobe Flash CS3 Video Encoder
▶ Quick Start
■ Sorenson Media Squeeze for Flash
▶ Site
■ ON2 Technologies Flix
▶ Site
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
21
IBM Human Centric Solutions Center
Flash et code XHTML valide…
■ Une bonne solution : SWFObject
▶ Facile à mettre en œuvre
▶ Détecte le plugin Flash sur Mac et PC
▶ Accepte le passage de variables (flashvars)
▶ <q> “Degrades gracefully…” </q>
■ Permet de proposer un contenu alternatif en
l’absence de Javascript ou du plugin Flash sur le
navigateur du client final.
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
22
IBM Human Centric Solutions Center
Flash avec SWFObject en mode dégradé
“Degrades gracefully…”
Navigateur standard
15 novembre 2007
Javascript désactivé
Vidéo accessible sur le web et sous-titrage
23
IBM Human Centric Solutions Center
Embarquer des sous-titres dans le FLV
■ Utilise les Cue Points de Abobe Flash
■ Un outil spécifique pour la création des sous-titres :
CAPTIONATE
■ Peut être utilisé
via le Composant
Flash CS2
FLVPlayback et
ses “skins“
■ Adobe Devnet
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
24
IBM Human Centric Solutions Center
Skin Adobe FLVPlayback modifié + parser
AS3 du XML issu de ProTitle
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
25
IBM Human Centric Solutions Center
Et si je ne v(p)eux pas apprendre Flash …
Jeroen Wijering FLV Player
■ Lecteur accessible
■ Supporte le plein écran (même avec les sous-titres)
■ Accepte description audio et sous-titres en format
SRT et DFXP
■ Une foule de variables permet de changer
l’apparence et le comportement
■ Des plugins pour utilisation dans de nombreux CMS
■ Sous licence Creative Commons
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
26
IBM Human Centric Solutions Center
L’interface du composant FLV Player
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
27
IBM Human Centric Solutions Center
L’interface du lecteur développé par le
National Center for Accessible Media
CC for Flash
Utilise les sous-titres externes au
format QuickTime Text et DFXP du
W3C.
Fonction de recherche dans le texte
du sous-titre.
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
28
IBM Human Centric Solutions Center
Et l’interprétation en Langue des Signes ?
■ Le lecteur FLV d’ Alessio Cartocci
▶ Lecteur accessible
▶ Support multilingue
▶ 2ème fenêtre interne, mobile et
redimensionnable pour la LS (Langue des Signes)
▶ Activation possible des sous-titres, de la
description audio et de la fenêtre LS
▶ Supporte SMIL, SAMI, DFXP, les formats TXT
de QuickTime et Real pour les sous-titres
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
29
IBM Human Centric Solutions Center
L’interface du lecteur développé par Alessio
Cartucci
http://www.webmultimediale.org/SC_1.2.5/
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
30
IBM Human Centric Solutions Center
Liens à parcourir…
■
■
■
■
IBM Human Centric Solutions Center
http://www.medias-soustitres.com/
http://www.dotsub.com/
http://php.arte-tv.com/court-circuitoff/index.php?page=magazine
■ http://www.france5.fr/oeil-et-main/
■ http://www.opencaptions.com/video/
■ http://polygeek.com/videomaru/
15 novembre 2007
Vidéo accessible sur le web et sous-titrage
31
Merci de votre attention !!!
Questions ?
15 Novembre 2007
IBM Human Centric Solutions Europe
32