Accessibilité des vidéos sur le Web et sous-titrage 15  Novembre  2007 Human Centric Solutions Center Jean-Louis Carvès   [email_address] Accessibilité des videos sur le Web   Pourquoi si peu ?
Explosion de la vidéo sur Internet dans tous les secteurs
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
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 ? … Pour aboutir à notre vision d’aujourd’hui
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]
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)
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
Les sous-titres … Comment les produire Efficacement Économiquement Vite Dans les bons formats…
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
Schéma fonctionnel de la solution ProTitle
Le logiciel Protitle et ses différentes fenêtres
Démonstration Protitle Transcription Synchronisation Production de sous-titres
Quel lecteur multimédia ? QuickTime … le précurseur Real Player Windows Media Player Flash Player
QuickTime Inclus dans une page web Lancé dans le lecteur externe QuickTime
Real Player Lancé dans le lecteur externe Real Player Intégré dans la page web avec un fichier SMIL différent
Windows Media Player Intégré dans la page web Lancé dans le lecteur externe Windows Media Player
Flash ?
Quel lecteur utilisent les internautes ?
Quelle version ? Worldwide Ubiquity of Adobe Flash Player by Version - September 2007 http://www.adobe.com/products/player_census/flashplayer/version_penetration.html   93.7% 99.0% 99.5% 99.5% Japan 93.7% 98.2% 99.2% 99.2% Europe 94.1% 98.5% 99.0% 99.0% US/Canada 93.3% 98.4% 99.1% 99.1% Mature markets Flash Player 9 Flash Player 8 Flash Player 7 Flash Player 6  
La vidéo dans Flash… ça s’apprend !
Encodage pour Flash Adobe Flash CS3 Video Encoder Quick Start Sorenson Media Squeeze for Flash Site ON2 Technologies Flix  Site
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.
Flash avec SWFObject en mode dégradé Navigateur standard Javascript désactivé “ Degrades gracefully … ”
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
Skin Adobe FLVPlayback modifié + parser AS3 du XML issu de ProTitle
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
L’interface du composant FLV Player
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.
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
L’interface du lecteur développé par Alessio Cartucci http://www.webmultimediale.org/SC_1.2.5/
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?page=magazine   http://www.france5.fr/oeil-et-main/   http://www.opencaptions.com/video/ http://polygeek.com/videomaru/
Questions ?   Merci de votre attention !!!

Video accessible sur le web et sous-titrage

  • 1.
    Accessibilité des vidéossur le Web et sous-titrage 15 Novembre 2007 Human Centric Solutions Center Jean-Louis Carvès [email_address] Accessibilité des videos sur le Web Pourquoi si peu ?
  • 2.
    Explosion de lavidéo sur Internet dans tous les secteurs
  • 3.
    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
  • 4.
    Une vidéo accessiblesur 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 ? … Pour aboutir à notre vision d’aujourd’hui
  • 5.
    Respect des règlesd’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]
  • 6.
    Respect des règlesd’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)
  • 7.
    Et le RéferentielGé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
  • 8.
    Les sous-titres …Comment les produire Efficacement Économiquement Vite Dans les bons formats…
  • 9.
    Une foule d’outilsexiste … 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
  • 10.
    Schéma fonctionnel dela solution ProTitle
  • 11.
    Le logiciel Protitleet ses différentes fenêtres
  • 12.
    Démonstration Protitle TranscriptionSynchronisation Production de sous-titres
  • 13.
    Quel lecteur multimédia? QuickTime … le précurseur Real Player Windows Media Player Flash Player
  • 14.
    QuickTime Inclus dansune page web Lancé dans le lecteur externe QuickTime
  • 15.
    Real Player Lancédans le lecteur externe Real Player Intégré dans la page web avec un fichier SMIL différent
  • 16.
    Windows Media PlayerIntégré dans la page web Lancé dans le lecteur externe Windows Media Player
  • 17.
  • 18.
    Quel lecteur utilisentles internautes ?
  • 19.
    Quelle version ?Worldwide Ubiquity of Adobe Flash Player by Version - September 2007 http://www.adobe.com/products/player_census/flashplayer/version_penetration.html 93.7% 99.0% 99.5% 99.5% Japan 93.7% 98.2% 99.2% 99.2% Europe 94.1% 98.5% 99.0% 99.0% US/Canada 93.3% 98.4% 99.1% 99.1% Mature markets Flash Player 9 Flash Player 8 Flash Player 7 Flash Player 6  
  • 20.
    La vidéo dansFlash… ça s’apprend !
  • 21.
    Encodage pour FlashAdobe Flash CS3 Video Encoder Quick Start Sorenson Media Squeeze for Flash Site ON2 Technologies Flix Site
  • 22.
    Flash et codeXHTML 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.
  • 23.
    Flash avec SWFObjecten mode dégradé Navigateur standard Javascript désactivé “ Degrades gracefully … ”
  • 24.
    Embarquer des sous-titresdans 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
  • 25.
    Skin Adobe FLVPlaybackmodifié + parser AS3 du XML issu de ProTitle
  • 26.
    Et si jene 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
  • 27.
  • 28.
    L’interface du lecteurdé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.
  • 29.
    Et l’interprétation enLangue 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
  • 30.
    L’interface du lecteurdéveloppé par Alessio Cartucci http://www.webmultimediale.org/SC_1.2.5/
  • 31.
    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?page=magazine http://www.france5.fr/oeil-et-main/ http://www.opencaptions.com/video/ http://polygeek.com/videomaru/
  • 32.
    Questions ? Merci de votre attention !!!