![Page 1: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/1.jpg)
Vidéo accessible sur le web et sous-titrage 115 novembre 2007
IBM Human Centric Solutions Center
Accessibilité des vidéos sur le Web et sous-titrage
15 Novembre 2007
Human Centric Solutions Center
Jean-Louis Carvès [email protected]
Accessibilité des videos sur le Web
Pourquoi si peu ?
![Page 2: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/2.jpg)
Vidéo accessible sur le web et sous-titrage 215 novembre 2007
IBM Human Centric Solutions Center
Explosion de la vidéo sur Internet dans tous les secteurs
![Page 3: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/3.jpg)
Vidéo accessible sur le web et sous-titrage 315 novembre 2007
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
![Page 4: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/4.jpg)
Vidéo accessible sur le web et sous-titrage 415 novembre 2007
IBM Human Centric Solutions Center
…Pour aboutir à notre vision d’aujourd’hui 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 sous-
titrage synchronisé► Possibilité d’activer et de désactiver une
description audio synchronisée► Possibilité d’avoir un doublage en Langue des
Signes ?
![Page 5: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/5.jpg)
Vidéo accessible sur le web et sous-titrage 515 novembre 2007
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]
![Page 6: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/6.jpg)
Vidéo accessible sur le web et sous-titrage 615 novembre 2007
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)
![Page 7: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/7.jpg)
Vidéo accessible sur le web et sous-titrage 715 novembre 2007
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
![Page 8: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/8.jpg)
Vidéo accessible sur le web et sous-titrage 815 novembre 2007
IBM Human Centric Solutions Center
Les sous-titres …
Comment les produire
►Efficacement►Économiquement►Vite►Dans les bons formats…
![Page 9: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/9.jpg)
Vidéo accessible sur le web et sous-titrage 915 novembre 2007
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
![Page 10: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/10.jpg)
Vidéo accessible sur le web et sous-titrage 1015 novembre 2007
IBM Human Centric Solutions Center
Schéma fonctionnel de la solution ProTitle
![Page 11: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/11.jpg)
Vidéo accessible sur le web et sous-titrage 1115 novembre 2007
IBM Human Centric Solutions Center
Le logiciel Protitle et ses différentes fenêtres
![Page 12: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/12.jpg)
Vidéo accessible sur le web et sous-titrage 1215 novembre 2007
IBM Human Centric Solutions Center
Démonstration Protitle
Transcription
Synchronisation
Production de sous-titres
![Page 13: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/13.jpg)
Vidéo accessible sur le web et sous-titrage 1315 novembre 2007
IBM Human Centric Solutions Center
Quel lecteur multimédia ?
QuickTime … le précurseur
Real Player
Windows Media Player
Flash Player
![Page 14: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/14.jpg)
Vidéo accessible sur le web et sous-titrage 1415 novembre 2007
IBM Human Centric Solutions Center
QuickTime
Inclus dans une page webLancé dans le lecteur externe
QuickTime
![Page 15: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/15.jpg)
Vidéo accessible sur le web et sous-titrage 1515 novembre 2007
IBM Human Centric Solutions Center
Real Player
Lancé dans le lecteur externe Real Player
Intégré dans la page web avec un fichier SMIL différent
![Page 16: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/16.jpg)
Vidéo accessible sur le web et sous-titrage 1615 novembre 2007
IBM Human Centric Solutions Center
Windows Media Player
Intégré dans la page web Lancé dans le lecteur externe Windows Media Player
![Page 17: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/17.jpg)
Vidéo accessible sur le web et sous-titrage 1715 novembre 2007
IBM Human Centric Solutions Center
Flash ?
![Page 18: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/18.jpg)
Vidéo accessible sur le web et sous-titrage 1815 novembre 2007
IBM Human Centric Solutions Center
Quel lecteur utilisent les internautes ?
![Page 19: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/19.jpg)
Vidéo accessible sur le web et sous-titrage 1915 novembre 2007
IBM Human Centric Solutions Center
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
Quelle version ?
![Page 20: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/20.jpg)
Vidéo accessible sur le web et sous-titrage 2015 novembre 2007
IBM Human Centric Solutions Center
La vidéo dans Flash… ça s’apprend !
![Page 21: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/21.jpg)
Vidéo accessible sur le web et sous-titrage 2115 novembre 2007
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
![Page 22: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/22.jpg)
Vidéo accessible sur le web et sous-titrage 2215 novembre 2007
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.
![Page 23: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/23.jpg)
Vidéo accessible sur le web et sous-titrage 2315 novembre 2007
IBM Human Centric Solutions Center
Flash avec SWFObject en mode dégradé
Navigateur standard Javascript désactivé
“Degrades gracefully…”
![Page 24: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/24.jpg)
Vidéo accessible sur le web et sous-titrage 2415 novembre 2007
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
![Page 25: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/25.jpg)
Vidéo accessible sur le web et sous-titrage 2515 novembre 2007
IBM Human Centric Solutions Center
Skin Adobe FLVPlayback modifié + parser AS3 du XML issu de ProTitle
![Page 26: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/26.jpg)
Vidéo accessible sur le web et sous-titrage 2615 novembre 2007
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
![Page 27: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/27.jpg)
Vidéo accessible sur le web et sous-titrage 2715 novembre 2007
IBM Human Centric Solutions Center
L’interface du composant FLV Player
![Page 28: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/28.jpg)
Vidéo accessible sur le web et sous-titrage 2815 novembre 2007
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.
![Page 29: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/29.jpg)
Vidéo accessible sur le web et sous-titrage 2915 novembre 2007
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
![Page 30: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/30.jpg)
Vidéo accessible sur le web et sous-titrage 3015 novembre 2007
IBM Human Centric Solutions Center
L’interface du lecteur développé par Alessio Cartucci
http://www.webmultimediale.org/SC_1.2.5/
![Page 31: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/31.jpg)
Vidéo accessible sur le web et sous-titrage 3115 novembre 2007
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-circuit-off/index.p
hp?page=magazine
http://www.france5.fr/oeil-et-main/ http://www.opencaptions.com/video/ http://polygeek.com/videomaru/
![Page 32: IBM Human Centric Solutions Center Vidéo accessible sur le web et sous-titrage 1 15 novembre 2007 Accessibilité des vidéos sur le Web et sous- titrage](https://reader034.vdocuments.pub/reader034/viewer/2022051110/551d9d84497959293b8bf045/html5/thumbnails/32.jpg)
Vidéo accessible sur le web et sous-titrage 3215 novembre 2007
IBM Human Centric Solutions Center
Questions ?
Merci de votre attention !!!