32
Vidéo accessible sur le web et sous- titrage 1 15 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 ?

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

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vidéo accessible sur le web et sous-titrage 3215 novembre 2007

IBM Human Centric Solutions Center

Questions ?

Merci de votre attention !!!