Accessibilité des vidéos sur le Web et sous-titrage 15  Novembre  2007 Human Centric Solutions Center Jean-Louis Carvès   ...
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...
Une vidéo accessible sur le web ? <ul><li>Respect des critères d’accessibilité </li></ul><ul><ul><li>Un lecteur multimédia...
Respect des règles d’accessibilité WAI <ul><li>WCAG 1.0  :  Guideline 1 Provide equivalent alternatives to auditory and vi...
Respect des règles d’accessibilité WAI <ul><li>WCAG 2.0  :  Guideline 1.2 Provide synchronized alternatives for multimedia...
Et le Réferentiel Général d’Accessibilité de l’Administration (RGAA) ?  <ul><li>Point de contrôle 1.3  : Fournir une descr...
Les sous-titres … <ul><li>Comment les produire </li></ul><ul><ul><li>Efficacement </li></ul></ul><ul><ul><li>Économiquemen...
Une foule d’outils existe … <ul><ul><li>MAGPIE   (NCAM),  Subtitle  Workshop ,  Aegisub  ,  Lemony ,  Time  adjuster ,  Vi...
Schéma fonctionnel de la solution ProTitle
Le logiciel Protitle et ses différentes fenêtres
Démonstration Protitle <ul><li>Transcription </li></ul><ul><li>Synchronisation </li></ul><ul><li>Production de sous-titres...
Quel lecteur multimédia ? <ul><li>QuickTime … le précurseur </li></ul><ul><li>Real Player </li></ul><ul><li>Windows Media ...
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...
La vidéo dans Flash… ça s’apprend !
Encodage pour Flash <ul><li>Adobe Flash CS3 Video Encoder </li></ul><ul><ul><li>Quick Start </li></ul></ul><ul><li>Sorenso...
Flash et code XHTML valide…  <ul><li>Une bonne solution :  SWFObject </li></ul><ul><ul><li>Facile à mettre en  œ uvre </li...
Flash avec SWFObject en mode dégradé Navigateur standard Javascript désactivé “ Degrades gracefully … ”
Embarquer des sous-titres dans le FLV <ul><li>Utilise les Cue Points de Abobe Flash </li></ul><ul><li>Un outil spécifique ...
Skin Adobe FLVPlayback modifié + parser AS3 du XML issu de ProTitle
Et si je ne v(p)eux pas apprendre Flash … <ul><li>Jeroen Wijering  FLV Player   </li></ul><ul><li>Lecteur accessible </li>...
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 extern...
Et l’interprétation en Langue des Signes ? <ul><li>Le lecteur FLV d’  Alessio Cartocci </li></ul><ul><ul><li>Lecteur acces...
L’interface du lecteur développé par Alessio Cartucci http://www.webmultimediale.org/SC_1.2.5/
Liens à parcourir… <ul><li>IBM  Human   Centric  Solutions Center </li></ul><ul><li>http://www.medias-soustitres.com/ </li...
Questions ?   Merci de votre attention !!!
Prochain SlideShare
Chargement dans…5
×

Video accessible sur le web et sous-titrage

7 289 vues

Publié le

Quelle technologie, quels outils et quels processus "industriels" pour le sous-titrage des vidéos sur le Web.

Publié dans : Technologie
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
7 289
Sur SlideShare
0
Issues des intégrations
0
Intégrations
47
Actions
Partages
0
Téléchargements
125
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Video accessible sur le web et sous-titrage

  1. 1. 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 ?
  2. 2. Explosion de la vidéo sur Internet dans tous les secteurs
  3. 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. 4. Une vidéo accessible sur le web ? <ul><li>Respect des critères d’accessibilité </li></ul><ul><ul><li>Un lecteur multimédia accessible </li></ul></ul><ul><ul><li>Des alternatives adaptées </li></ul></ul><ul><ul><li>Possibilité d’activer et de désactiver un sous-titrage synchronisé </li></ul></ul><ul><ul><li>Possibilité d’activer et de désactiver une description audio synchronisée </li></ul></ul><ul><ul><li>Possibilité d’avoir un doublage en Langue des Signes ? </li></ul></ul>… Pour aboutir à notre vision d’aujourd’hui
  5. 5. Respect des règles d’accessibilité WAI <ul><li>WCAG 1.0 : Guideline 1 Provide equivalent alternatives to auditory and visual content. </li></ul><ul><ul><ul><li>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] </li></ul></ul></ul><ul><ul><ul><li>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] </li></ul></ul></ul>
  6. 6. Respect des règles d’accessibilité WAI <ul><li>WCAG 2.0 : Guideline 1.2 Provide synchronized alternatives for multimedia </li></ul><ul><ul><ul><li>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) </li></ul></ul></ul><ul><ul><ul><li>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) </li></ul></ul></ul><ul><ul><ul><li>1.2.3 Captions (Live): Captions are provided for live multimedia. (Level AA) </li></ul></ul></ul><ul><ul><ul><li>1.2.4 Audio Description: Audio description of video is provided for prerecorded multimedia. (Level AA) </li></ul></ul></ul><ul><ul><ul><li>1.2.5 Sign Language: Sign language interpretation is provided for multimedia. (Level AAA) </li></ul></ul></ul><ul><ul><ul><li>1.2.6 Audio Description (Extended): Extended audio description of video is provided for prerecorded multimedia. (Level AAA) </li></ul></ul></ul><ul><ul><ul><li>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) </li></ul></ul></ul>
  7. 7. Et le Réferentiel Général d’Accessibilité de l’Administration (RGAA) ? <ul><li>Point de contrôle 1.3 : Fournir une description audio des contenus multimédias </li></ul><ul><li>Point de contrôle 1.4 : Synchroniser les équivalents des contenus multimédias </li></ul>
  8. 8. Les sous-titres … <ul><li>Comment les produire </li></ul><ul><ul><li>Efficacement </li></ul></ul><ul><ul><li>Économiquement </li></ul></ul><ul><ul><li>Vite </li></ul></ul><ul><ul><li>Dans les bons formats… </li></ul></ul>
  9. 9. Une foule d’outils existe … <ul><ul><li>MAGPIE (NCAM), Subtitle Workshop , Aegisub , Lemony , Time adjuster , Visual SubSync , etc… </li></ul></ul><ul><ul><li>et … PROTITLE développé par NINSIGHT </li></ul></ul><ul><ul><li>Avec le moteur de reconnaissance vocale </li></ul></ul><ul><ul><li>SpeechRoot © d’IBM </li></ul></ul><ul><ul><li>Facilite et accélère </li></ul></ul><ul><ul><li>La transcription du contenu </li></ul></ul><ul><ul><li>La synchronisation avec le media </li></ul></ul><ul><ul><li>La production des sous-titres </li></ul></ul>
  10. 10. Schéma fonctionnel de la solution ProTitle
  11. 11. Le logiciel Protitle et ses différentes fenêtres
  12. 12. Démonstration Protitle <ul><li>Transcription </li></ul><ul><li>Synchronisation </li></ul><ul><li>Production de sous-titres </li></ul>
  13. 13. Quel lecteur multimédia ? <ul><li>QuickTime … le précurseur </li></ul><ul><li>Real Player </li></ul><ul><li>Windows Media Player </li></ul><ul><li>Flash Player </li></ul>
  14. 14. QuickTime Inclus dans une page web Lancé dans le lecteur externe QuickTime
  15. 15. Real Player Lancé dans le lecteur externe Real Player Intégré dans la page web avec un fichier SMIL différent
  16. 16. Windows Media Player Intégré dans la page web Lancé dans le lecteur externe Windows Media Player
  17. 17. Flash ?
  18. 18. Quel lecteur utilisent les internautes ?
  19. 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. 20. La vidéo dans Flash… ça s’apprend !
  21. 21. Encodage pour Flash <ul><li>Adobe Flash CS3 Video Encoder </li></ul><ul><ul><li>Quick Start </li></ul></ul><ul><li>Sorenson Media Squeeze for Flash </li></ul><ul><ul><li>Site </li></ul></ul><ul><li>ON2 Technologies Flix </li></ul><ul><ul><li>Site </li></ul></ul>
  22. 22. Flash et code XHTML valide… <ul><li>Une bonne solution : SWFObject </li></ul><ul><ul><li>Facile à mettre en œ uvre </li></ul></ul><ul><ul><li>Détecte le plugin Flash sur Mac et PC </li></ul></ul><ul><ul><li>Accepte le passage de variables (flashvars) </li></ul></ul><ul><ul><li><q> “ Degrades gracefully… ” </q> </li></ul></ul><ul><ul><ul><li>Permet de proposer un contenu alternatif en l’absence de Javascript ou du plugin Flash sur le navigateur du client final. </li></ul></ul></ul>
  23. 23. Flash avec SWFObject en mode dégradé Navigateur standard Javascript désactivé “ Degrades gracefully … ”
  24. 24. Embarquer des sous-titres dans le FLV <ul><li>Utilise les Cue Points de Abobe Flash </li></ul><ul><li>Un outil spécifique pour la création des sous-titres : CAPTIONATE </li></ul><ul><li>Peut être utilisé </li></ul><ul><ul><li>via le Composant </li></ul></ul><ul><ul><li>Flash CS2 </li></ul></ul><ul><li>FLVPlayback et </li></ul><ul><li> ses “ skins “ </li></ul><ul><li>Adobe Devnet </li></ul>
  25. 25. Skin Adobe FLVPlayback modifié + parser AS3 du XML issu de ProTitle
  26. 26. Et si je ne v(p)eux pas apprendre Flash … <ul><li>Jeroen Wijering FLV Player </li></ul><ul><li>Lecteur accessible </li></ul><ul><li>Supporte le plein écran (même avec les sous-titres) </li></ul><ul><li>Accepte description audio et sous-titres en format SRT et DFXP </li></ul><ul><li>Une foule de variables permet de changer l’apparence et le comportement </li></ul><ul><li>Des plugins pour utilisation dans de nombreux CMS </li></ul><ul><li>Sous licence Creative Commons </li></ul>
  27. 27. L’interface du composant FLV Player
  28. 28. 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.
  29. 29. Et l’interprétation en Langue des Signes ? <ul><li>Le lecteur FLV d’ Alessio Cartocci </li></ul><ul><ul><li>Lecteur accessible </li></ul></ul><ul><ul><li>Support multilingue </li></ul></ul><ul><ul><li>2ème fenêtre interne, mobile et redimensionnable pour la LS (Langue des Signes) </li></ul></ul><ul><ul><li>Activation possible des sous-titres, de la description audio et de la fenêtre LS </li></ul></ul><ul><ul><li>Supporte SMIL, SAMI, DFXP, les formats TXT de QuickTime et Real pour les sous-titres </li></ul></ul>
  30. 30. L’interface du lecteur développé par Alessio Cartucci http://www.webmultimediale.org/SC_1.2.5/
  31. 31. Liens à parcourir… <ul><li>IBM Human Centric Solutions Center </li></ul><ul><li>http://www.medias-soustitres.com/ </li></ul><ul><li>http://www.dotsub.com/ </li></ul><ul><li>http://php.arte-tv.com/court-circuit-off/index.php?page=magazine </li></ul><ul><li>http://www.france5.fr/oeil-et-main/ </li></ul><ul><li>http://www.opencaptions.com/video/ </li></ul><ul><li>http://polygeek.com/videomaru/ </li></ul>
  32. 32. Questions ? Merci de votre attention !!!

×