Video accessible sur le web et sous-titrage

Slide 1: IBM Human Centric Solutions Center Accessibilité des vidéos sur le Web et sous- titrage Accessibilité des videos sur le Web Pourquoi si peu ? Human Centric Solutions Center Jean-Louis Carvès 15 Novembre 2007 carves@fr.ibm.com 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 1

Slide 2: 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

Slide 3: 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

Slide 4: 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 ? 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 4

Slide 5: 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

Slide 6: 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

Slide 7: 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

Slide 8: 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

Slide 9: 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

Slide 10: 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

Slide 11: 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

Slide 12: 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

Slide 13: 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

Slide 14: IBM Human Centric Solutions Center QuickTime Lancé dans le lecteur externe Inclus dans une page web QuickTime 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 14

Slide 15: IBM Human Centric Solutions Center Real Player Lancé dans le lecteur externe Intégré dans la page web avec Real Player un fichier SMIL différent 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 15

Slide 16: IBM Human Centric Solutions Center Windows Media Player Lancé dans le lecteur externe Intégré dans la page web Windows Media Player 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 16

Slide 17: IBM Human Centric Solutions Center Flash ? 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 17

Slide 18: IBM Human Centric Solutions Center Quel lecteur utilisent les internautes ? 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 18

Slide 19: 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

Slide 20: 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

Slide 21: 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

Slide 22: 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

Slide 23: IBM Human Centric Solutions Center Flash avec SWFObject en mode dégradé “Degrades gracefully…” Navigateur standard Javascript désactivé 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 23

Slide 24: 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

Slide 25: 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

Slide 26: 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

Slide 27: IBM Human Centric Solutions Center L’interface du composant FLV Player 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 27

Slide 28: 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

Slide 29: 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

Slide 30: 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

Slide 31: 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.php?p  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

Slide 32: IBM Human Centric Solutions Center Merci de votre attention !!! Questions ? 15 novembre 2007 Vidéo accessible sur le web et sous-titrage 32