http://gta21.pyrat.net/ Site de démonstration et d'explications fr SPIP - www.spip.net https://gta21.pyrat.net/sites/gta21.pyrat.net/local/cache-vignettes/L128xH128/siteon0-f6a20.png?1782576151 http://gta21.pyrat.net/ 128 128 https://gta21.pyrat.net/4-3-Associer-des-sous-titres-a-un-contenu-media-audio-ou.html https://gta21.pyrat.net/4-3-Associer-des-sous-titres-a-un-contenu-media-audio-ou.html 2015-06-22T20:23:56Z text/html fr <p>Le sous titre permet d'avoir accès au sens de la vidéo lorsqu'on n'entend pas</p> - <a href="https://gta21.pyrat.net/-Multimedia-.html" rel="directory">Multimédia</a> <div class='rss_texte'><h2 class="spip">Mode opératoire</h2> <p>Préalable : avoir installé le <a href="http://plugins.spip.net/va.html" class="spip_out" rel="external">plugin Vidéo accessible</a>.</p> <ol class="spip" role="list"><li> joindre la vidéo</li><li> vérifier qu'elle a un titre (au besoin, le créer)</li><li> mettre une vignette</li><li> mettre des sous-titres</li><li> insérer le raccourcis d'appel de l'image <code class='spip_code spip_code_inline' dir='ltr'><emb13|center></code></li></ol><h2 class="spip">Résultat</h2><div class="spip_document_13 spip_document spip_documents spip_document_video spip_documents_center spip_document_center spip_document_avec_legende" data-legende-len="8" data-legende-lenx="" > <figure class="spip_doc_inner"> <div class="video-intrinsic-wrapper" style='height:0;width:390px;max-width:100%;padding-bottom:61.54%;position:relative;'> <div class="video-wrapper" style="position: absolute;top:0;left:0;width:100%;height:100%;"> <video class="mejs mejs-13" data-id="9aaf73c0c40f5d958b8c450aea6cff0a" data-mejsoptions='{"iconSprite": "plugins-dist/medias/lib/mejs/mejs-controls.svg","alwaysShowControls": true,"pluginPath":"plugins-dist/medias/lib/mejs/","loop":false,"videoWidth":"100%","videoHeight":"100%"}' width="100%" height="100%" poster="sites/gta21.pyrat.net/local/cache-vignettes/L390xH240/corrie-64743.jpg?1782576378" controls="controls" preload="none" > <source type="video/x-flv" src="sites/gta21.pyrat.net/IMG/flv/corrie.flv" /> <img src='https://gta21.pyrat.net/sites/gta21.pyrat.net/local/cache-vignettes/L390xH240/corrie-64743-8a361.jpg?1782576378' width='390' height='240' alt='Impossible de lire la video' /> </video> </div> </div> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-13 '><strong>Corrie </strong></div> </figcaption> <div class="base64javascript7685814826a40692bb03f58.74107964" title="PHNjcmlwdD4gdmFyIG1lanNwYXRoPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNzUzMTcxMDM4JyxtZWpzY3NzPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE3MzY1OTE5MTUnOwp2YXIgbWVqc2xvYWRlcjsKKGZ1bmN0aW9uKCl7dmFyIGE9bWVqc2xvYWRlcjsidW5kZWZpbmVkIj09dHlwZW9mIGEmJihtZWpzbG9hZGVyPWE9e2dzOm51bGwscGx1Zzp7fSxjc3M6e30saW5pdDpudWxsLGM6MCxjc3Nsb2FkOm51bGx9KTthLmluaXR8fChhLmNzc2xvYWQ9ZnVuY3Rpb24oYyl7aWYoInVuZGVmaW5lZCI9PXR5cGVvZiBhLmNzc1tjXSl7YS5jc3NbY109ITA7dmFyIGI9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO2IuaHJlZj1jO2IucmVsPSJzdHlsZXNoZWV0IjtiLnR5cGU9InRleHQvY3NzIjtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKGIpfX0sYS5pbml0PWZ1bmN0aW9uKCl7ITA9PT1hLmdzJiZmdW5jdGlvbihjKXtqUXVlcnkoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLm5vdCgiLmRvbmUsLm1lanNfX3BsYXllciIpLmVhY2goZnVuY3Rpb24oKXtmdW5jdGlvbiBiKCl7dmFyIGU9ITAsaDtmb3IoaCBpbiBkLmNzcylhLmNzc2xvYWQoZC5jc3NbaF0pO2Zvcih2YXIgZiBpbiBkLnBsdWdpbnMpInVuZGVmaW5lZCI9PQp0eXBlb2YgYS5wbHVnW2ZdPyhlPSExLGEucGx1Z1tmXT0hMSxqUXVlcnkuZ2V0U2NyaXB0KGQucGx1Z2luc1tmXSxmdW5jdGlvbigpe2EucGx1Z1tmXT0hMDtiKCl9KSk6MD09YS5wbHVnW2ZdJiYoZT0hMSk7ZSYmalF1ZXJ5KCIjIitjKS5tZWRpYWVsZW1lbnRwbGF5ZXIoalF1ZXJ5LmV4dGVuZChkLm9wdGlvbnMse3N1Y2Nlc3M6ZnVuY3Rpb24oYSxjKXtmdW5jdGlvbiBiKCl7dmFyIGI9alF1ZXJ5KGEpLmNsb3Nlc3QoIi5tZWpzX19pbm5lciIpO2EucGF1c2VkPyhiLmFkZENsYXNzKCJwYXVzaW5nIiksc2V0VGltZW91dChmdW5jdGlvbigpe2IuZmlsdGVyKCIucGF1c2luZyIpLnJlbW92ZUNsYXNzKCJwbGF5aW5nIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGF1c2VkIil9LDEwMCkpOmIucmVtb3ZlQ2xhc3MoInBhdXNlZCIpLnJlbW92ZUNsYXNzKCJwYXVzaW5nIikuYWRkQ2xhc3MoInBsYXlpbmciKX1iKCk7YS5hZGRFdmVudExpc3RlbmVyKCJwbGF5IixiLCExKTsKYS5hZGRFdmVudExpc3RlbmVyKCJwbGF5aW5nIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlZCIsYiwhMSk7Zy5hdHRyKCJhdXRvcGxheSIpJiZhLnBsYXkoKX19KSl9dmFyIGc9alF1ZXJ5KHRoaXMpLmFkZENsYXNzKCJkb25lIiksYzsoYz1nLmF0dHIoImlkIikpfHwoYz0ibWVqcy0iK2cuYXR0cigiZGF0YS1pZCIpKyItIithLmMrKyxnLmF0dHIoImlkIixjKSk7dmFyIGQ9e29wdGlvbnM6e30scGx1Z2luczp7fSxjc3M6W119LGUsaDtmb3IoZSBpbiBkKWlmKGg9Zy5hdHRyKCJkYXRhLW1lanMiK2UpKWRbZV09alF1ZXJ5LnBhcnNlSlNPTihoKTtiKCl9KX0oalF1ZXJ5KX0pO2EuZ3N8fCgidW5kZWZpbmVkIiE9PXR5cGVvZiBtZWpzY3NzJiZhLmNzc2xvYWQobWVqc2NzcyksYS5ncz1qUXVlcnkuZ2V0U2NyaXB0KG1lanNwYXRoLGZ1bmN0aW9uKCl7YS5ncz0hMDthLmluaXQoKTtqUXVlcnkoYS5pbml0KTtvbkFqYXhMb2FkKGEuaW5pdCl9KSl9KSgpOzwvc2NyaXB0Pg=="></div> </figure> </div><h2 class="spip">Score</h2><ul class="spip" role="list"><li> 4.3 : 4/4</li></ul></div> <div class='rss_ps'><p>Avec <a href="http://plugins.spip.net/va.html" class="spip_out" rel="external">plugin vidéo accessible</a></p></div> https://gta21.pyrat.net/4-5-Inserer-des-contenus-media-audio-ou-video-sans-autoplay.html https://gta21.pyrat.net/4-5-Inserer-des-contenus-media-audio-ou-video-sans-autoplay.html 2015-06-18T17:17:38Z text/html fr <p>Mode opératoire copier/coller l'URL de la vidéo dans Youtube/Vimeo/dailymotion Laisser le plugin oEmbed agirRésultat Lecture Mr. Trololo original upload par RealPapaPit https://www.youtube.com/watch?v=oavMtUWDBTM</p> - <a href="https://gta21.pyrat.net/-Multimedia-.html" rel="directory">Multimédia</a> <div class='rss_texte'><h2 class="spip">Mode opératoire</h2><ol class="spip" role="list"><li> copier/coller l'URL de la vidéo dans Youtube/Vimeo/dailymotion</li><li> Laisser le plugin oEmbed agir</li></ol><h2 class="spip">Résultat</h2><div class="spip_document_ spip_document spip_documents spip_document_video ressource oembed oembed_video oembed_video oembed_youtube" > <figure class="spip_doc_inner"> <div class="oembed oe-video async clearfix" style="max-width:533px;"> <div class="rwd-video-container oe-play-button" style="width:100%;height:0;padding-bottom:75.05%;background-image:url('https://i.ytimg.com/vi/oavMtUWDBTM/hqdefault.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;" data-content="%3Ciframe%20width%3D%22533%22%20height%3D%22400%22%20src%3D%22https%3A%2F%2Fwww.youtube-nocookie.com%2Fembed%2FoavMtUWDBTM%3Ffeature%3Doembed%26autoplay%3D1%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%20title%3D%22Mr.%20Trololo%20original%20upload%22%3E%3C%2Fiframe%3E"> <button><span class="oe-play-button_label">Lecture</span></button> </div> <style><!--/**/.oe-video .loading {background-image:url("prive/themes/spip/images/searching.gif")!important;background-size:auto !important;}/**/--></style> </div> <figcaption class="spip_doc_legende"> <div class="spip_doc_titre" style="max-width:533px;"><a href="https://www.youtube.com/watch?v=oavMtUWDBTM" class="oe-title">Mr. Trololo original upload</a> <span class="oe-author"><br/><span class="oe-author_par">par </span><a href="https://www.youtube.com/@RealPapaPit" class="oe-author_name">RealPapaPit</a></span></div> <div class="spip_doc_titre oembed-source"><a href="https://www.youtube.com/watch?v=oavMtUWDBTM" class="spip_url spip_out auto" rel="nofollow external">https://www.youtube.com/watch?v=oavMtUWDBTM</a></div> </figcaption> <div class="base64javascript7685814826a40692bb03f58.74107964" title="PHNjcmlwdD5qUXVlcnkoZnVuY3Rpb24oKXsgalF1ZXJ5KCcub2VtYmVkLm9lLXZpZGVvLmFzeW5jJykubm90KCcuZG9uZScpLmFkZENsYXNzKCdkb25lJykub24oJ2NsaWNrJywgJy5vZS1wbGF5LWJ1dHRvbicsZnVuY3Rpb24oZSl7dmFyICRtZSA9IGpRdWVyeSh0aGlzKSxjb250ZW50ID0gZGVjb2RlVVJJQ29tcG9uZW50KCRtZS5kYXRhKCdjb250ZW50JykpOyRtZS5yZW1vdmVDbGFzcygnb2UtcGxheS1idXR0b24nKS5hZGRDbGFzcygnbG9hZGluZycpLmh0bWwoY29udGVudCk7fSl9KTwvc2NyaXB0Pg=="></div> </figure> </div></div> https://gta21.pyrat.net/4-2-Associer-une-audio-description-a-un-contenu-video-4-4.html https://gta21.pyrat.net/4-2-Associer-une-audio-description-a-un-contenu-video-4-4.html 2015-06-18T16:07:59Z text/html fr <p>L'audio description permet de fermer les yeux et de comprendre ce qui se passe</p> - <a href="https://gta21.pyrat.net/-Multimedia-.html" rel="directory">Multimédia</a> <div class='rss_texte'><h2 class="spip">Mode opératoire</h2> <p>Préalable : avoir installé le <a href="http://plugins.spip.net/va.html" class="spip_out" rel="external">plugin Vidéo accessible</a>.</p> <ol class="spip" role="list"><li> joindre la vidéo</li><li> vérifier qu'elle a un titre (au besoin, le créer)</li><li> mettre une vignette</li><li> mettre une audio description</li><li> insérer le raccourcis d'appel de l'image <code class='spip_code spip_code_inline' dir='ltr'><emb13|center></code></li></ol><h2 class="spip">Résultat</h2><div class="spip_document_13 spip_document spip_documents spip_document_video spip_documents_center spip_document_center spip_document_avec_legende" data-legende-len="8" data-legende-lenx="" > <figure class="spip_doc_inner"> <div class="video-intrinsic-wrapper" style='height:0;width:390px;max-width:100%;padding-bottom:61.54%;position:relative;'> <div class="video-wrapper" style="position: absolute;top:0;left:0;width:100%;height:100%;"> <video class="mejs mejs-13" data-id="9aaf73c0c40f5d958b8c450aea6cff0a" data-mejsoptions='{"iconSprite": "plugins-dist/medias/lib/mejs/mejs-controls.svg","alwaysShowControls": true,"pluginPath":"plugins-dist/medias/lib/mejs/","loop":false,"videoWidth":"100%","videoHeight":"100%"}' width="100%" height="100%" poster="sites/gta21.pyrat.net/local/cache-vignettes/L390xH240/corrie-64743.jpg?1782576378" controls="controls" preload="none" > <source type="video/x-flv" src="sites/gta21.pyrat.net/IMG/flv/corrie.flv" /> <img src='https://gta21.pyrat.net/sites/gta21.pyrat.net/local/cache-vignettes/L390xH240/corrie-64743-8a361.jpg?1782576378' width='390' height='240' alt='Impossible de lire la video' /> </video> </div> </div> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-13 '><strong>Corrie </strong></div> </figcaption> <div class="base64javascript7685814826a40692bb03f58.74107964" title="PHNjcmlwdD4gdmFyIG1lanNwYXRoPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudC1hbmQtcGxheWVyLm1pbi5qcz8xNzUzMTcxMDM4JyxtZWpzY3NzPSdwbHVnaW5zLWRpc3QvbWVkaWFzL2xpYi9tZWpzL21lZGlhZWxlbWVudHBsYXllci5taW4uY3NzPzE3MzY1OTE5MTUnOwp2YXIgbWVqc2xvYWRlcjsKKGZ1bmN0aW9uKCl7dmFyIGE9bWVqc2xvYWRlcjsidW5kZWZpbmVkIj09dHlwZW9mIGEmJihtZWpzbG9hZGVyPWE9e2dzOm51bGwscGx1Zzp7fSxjc3M6e30saW5pdDpudWxsLGM6MCxjc3Nsb2FkOm51bGx9KTthLmluaXR8fChhLmNzc2xvYWQ9ZnVuY3Rpb24oYyl7aWYoInVuZGVmaW5lZCI9PXR5cGVvZiBhLmNzc1tjXSl7YS5jc3NbY109ITA7dmFyIGI9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO2IuaHJlZj1jO2IucmVsPSJzdHlsZXNoZWV0IjtiLnR5cGU9InRleHQvY3NzIjtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKGIpfX0sYS5pbml0PWZ1bmN0aW9uKCl7ITA9PT1hLmdzJiZmdW5jdGlvbihjKXtqUXVlcnkoImF1ZGlvLm1lanMsdmlkZW8ubWVqcyIpLm5vdCgiLmRvbmUsLm1lanNfX3BsYXllciIpLmVhY2goZnVuY3Rpb24oKXtmdW5jdGlvbiBiKCl7dmFyIGU9ITAsaDtmb3IoaCBpbiBkLmNzcylhLmNzc2xvYWQoZC5jc3NbaF0pO2Zvcih2YXIgZiBpbiBkLnBsdWdpbnMpInVuZGVmaW5lZCI9PQp0eXBlb2YgYS5wbHVnW2ZdPyhlPSExLGEucGx1Z1tmXT0hMSxqUXVlcnkuZ2V0U2NyaXB0KGQucGx1Z2luc1tmXSxmdW5jdGlvbigpe2EucGx1Z1tmXT0hMDtiKCl9KSk6MD09YS5wbHVnW2ZdJiYoZT0hMSk7ZSYmalF1ZXJ5KCIjIitjKS5tZWRpYWVsZW1lbnRwbGF5ZXIoalF1ZXJ5LmV4dGVuZChkLm9wdGlvbnMse3N1Y2Nlc3M6ZnVuY3Rpb24oYSxjKXtmdW5jdGlvbiBiKCl7dmFyIGI9alF1ZXJ5KGEpLmNsb3Nlc3QoIi5tZWpzX19pbm5lciIpO2EucGF1c2VkPyhiLmFkZENsYXNzKCJwYXVzaW5nIiksc2V0VGltZW91dChmdW5jdGlvbigpe2IuZmlsdGVyKCIucGF1c2luZyIpLnJlbW92ZUNsYXNzKCJwbGF5aW5nIikucmVtb3ZlQ2xhc3MoInBhdXNpbmciKS5hZGRDbGFzcygicGF1c2VkIil9LDEwMCkpOmIucmVtb3ZlQ2xhc3MoInBhdXNlZCIpLnJlbW92ZUNsYXNzKCJwYXVzaW5nIikuYWRkQ2xhc3MoInBsYXlpbmciKX1iKCk7YS5hZGRFdmVudExpc3RlbmVyKCJwbGF5IixiLCExKTsKYS5hZGRFdmVudExpc3RlbmVyKCJwbGF5aW5nIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlIixiLCExKTthLmFkZEV2ZW50TGlzdGVuZXIoInBhdXNlZCIsYiwhMSk7Zy5hdHRyKCJhdXRvcGxheSIpJiZhLnBsYXkoKX19KSl9dmFyIGc9alF1ZXJ5KHRoaXMpLmFkZENsYXNzKCJkb25lIiksYzsoYz1nLmF0dHIoImlkIikpfHwoYz0ibWVqcy0iK2cuYXR0cigiZGF0YS1pZCIpKyItIithLmMrKyxnLmF0dHIoImlkIixjKSk7dmFyIGQ9e29wdGlvbnM6e30scGx1Z2luczp7fSxjc3M6W119LGUsaDtmb3IoZSBpbiBkKWlmKGg9Zy5hdHRyKCJkYXRhLW1lanMiK2UpKWRbZV09alF1ZXJ5LnBhcnNlSlNPTihoKTtiKCl9KX0oalF1ZXJ5KX0pO2EuZ3N8fCgidW5kZWZpbmVkIiE9PXR5cGVvZiBtZWpzY3NzJiZhLmNzc2xvYWQobWVqc2NzcyksYS5ncz1qUXVlcnkuZ2V0U2NyaXB0KG1lanNwYXRoLGZ1bmN0aW9uKCl7YS5ncz0hMDthLmluaXQoKTtqUXVlcnkoYS5pbml0KTtvbkFqYXhMb2FkKGEuaW5pdCl9KSl9KSgpOzwvc2NyaXB0Pg=="></div> </figure> </div><h2 class="spip">Score</h2><ul class="spip" role="list"><li> 4.2 : 4/4</li></ul></div> <div class='rss_ps'><p>Avec <a href="http://plugins.spip.net/va.html" class="spip_out" rel="external">plugin vidéo accessible</a></p></div>