{"id":740,"date":"2010-11-25T21:02:48","date_gmt":"2010-11-25T19:02:48","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=740"},"modified":"2015-01-18T16:44:42","modified_gmt":"2015-01-18T15:44:42","slug":"un-lecteur-video-html5-avec-prise-en-charge-des-sous-titres","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/un-lecteur-video-html5-avec-prise-en-charge-des-sous-titres","title":{"rendered":"Un lecteur vid\u00e9o HTML5 avec prise en charge des sous-titres"},"content":{"rendered":"<p>Il fallait \u00eatre \u00e0 Paris-Web 2010 pour entendre parler de vid\u00e9o accessible avec prise en charge des sous-titres (<a href=\"http:\/\/www.paris-web.fr\/2010\/programme\/un-player-video-accessible-si-cest-possible.php\" title=\"Conf\u00e9rence sur le sujet (nouvelle fen\u00eatre)\" target=\"_blank\">rappel<\/a>).<br \/>\nEn parcourant le Web \u00e0 la recherche de je ne sais plus quoi, je suis tomb\u00e9 sur une d\u00e9monstration<!--more--> plut\u00f4t int\u00e9ressante de vid\u00e9o en HTML5 proposant la prise en charge de sous-titre gr\u00e2ce \u00e0 un fichier javascript.<\/p>\n<p>En plus de ces sous-titres, un ensemble de raccourcis clavier sont disponibles.<br \/>\nLe lecteur se veut compatible avec un tr\u00e8s grand nombre de navigateur mais aussi de plateforme (mobile notamment).<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/11\/video-sous-titre-html5.jpg\" alt=\"\" title=\"Vid\u00e9o HTML5 avec sous-titre\" width=\"430\" height=\"245\" class=\"aligncenter size-full wp-image-750\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/11\/video-sous-titre-html5.jpg 430w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/11\/video-sous-titre-html5-300x170.jpg 300w\" sizes=\"(max-width: 430px) 100vw, 430px\" \/><\/p>\n<p>Son aspect serait enti\u00e8rement personnalisable gr\u00e2ce \u00e0 CSS, mais n&rsquo;ayant pas test\u00e9 la chose je m&rsquo;en remets \u00e0 la belle pr\u00e9sentation disponible sur cette page :<br \/>\n<a href=\"http:\/\/dev.mennerich.name\/showroom\/html5_video\/\" title=\"Showroom de la vid\u00e9o HTML5 (nouvelle fen\u00eatre)\" target=\"_blank\">http:\/\/dev.mennerich.name\/showroom\/html5_video\/<\/a><br \/>\nque je vous invite \u00e0 consulter pour avoir toutes les informations \u00e0 son sujet.<\/p>\n<h2>Vers un peu plus d&rsquo;accessibilit\u00e9<\/h2>\n<p>Pour un meilleure prise en charge de l&rsquo;accessibilit\u00e9 <a href=\"https:\/\/twitter.com\/goetsu\/status\/284317893561307136\">@goetsu<\/a> nous invite plut\u00f4t \u00e0 regarder du c\u00f4t\u00e9 du lecteur <a href=\"http:\/\/vibeo.libeo.com\">Vibeo de Libeo<\/a>.<\/p>\n<p>Bonne lecture \ud83d\ude09<\/p>\n<div class=\"sources\">\n<h2>Liens utiles<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.paris-web.fr\/2010\/programme\/un-player-video-accessible-si-cest-possible.php\" title=\"Conf\u00e9rence sur le sujet (nouvelle fen\u00eatre)\" target=\"_blank\">Un souvenir de Paris Web 2010<\/a><\/li>\n<li><a href=\"http:\/\/dev.mennerich.name\/showroom\/html5_video\/\" title=\"Showroom de la vid\u00e9o HTML5 (nouvelle fen\u00eatre)\" target=\"_blank\">La d\u00e9monstration<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Il fallait \u00eatre \u00e0 Paris-Web 2010 pour entendre parler de vid\u00e9o accessible avec prise en charge des sous-titres (rappel). En parcourant le Web \u00e0 la recherche de je ne sais plus quoi, je suis tomb\u00e9 sur une d\u00e9monstration<\/p>\n","protected":false},"author":4,"featured_media":751,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[12],"tags":[85,16,243,105],"coauthors":[597],"class_list":["post-740","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-technologique","tag-accessibilite","tag-html5","tag-sous-titre","tag-video"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/740\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/751"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=740"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}