https://wiki.erg.be/mw/index.php?action=history&feed=atom&title=Page_web%3ASous-titre_-_Hugo 2026-05-02T09:31:10Z Historique des versions pour cette page sur le wiki MediaWiki 1.31.12 https://wiki.erg.be/mw/index.php?title=Page_web:Sous-titre_-_Hugo&diff=10774&oldid=prev 2019-05-18T00:11:33Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fr"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Version précédente</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version du 18 mai 2019 à 00:11</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2" >Ligne 2 :</td> <td colspan="2" class="diff-lineno">Ligne 2 :</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|URL=http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|URL=http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Title=Sous-titre - Hugo</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Title=Sous-titre - Hugo</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|Updated=2019-05-16 10:<del class="diffchange diffchange-inline">17</del>:<del class="diffchange diffchange-inline">47</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Updated=2019-05-16 10:<ins class="diffchange diffchange-inline">43</ins>:<ins class="diffchange diffchange-inline">48</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Site=Curlybraces</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Site=Curlybraces</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Thumbnail=Autorisation google.png</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|Thumbnail=Autorisation google.png</div></td></tr> </table>

Ergbot https://wiki.erg.be/mw/index.php?title=Page_web:Sous-titre_-_Hugo&diff=10760&oldid=prev 2019-05-17T00:13:46Z

<p>Page créée avec « {{Page web |URL=http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo |Title=Sous-titre - Hugo |Updated=2019-05-16 10:17:47 |Site=Curlybraces |Thumbnail=Autorisation goog... »</p> <p><b>Nouvelle page</b></p><div>{{Page web<br /> |URL=http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo<br /> |Title=Sous-titre - Hugo<br /> |Updated=2019-05-16 10:17:47<br /> |Site=Curlybraces<br /> |Thumbnail=Autorisation google.png<br /> }}<br /> De {}<br /> <br /> Aller à : [http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo#mw-head navigation], [http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo#p-search rechercher]<br /> <br /> Pour compléter mon projet d'édition en typographie, j'avais besoin de récupérer les sous-titres de plusieurs vidéos youtube sous forme de textes, pour les intégrer à mon édition.<br /> <br /> Dans mes premières recherches, j'ai d'abord voulu créer un script qui irait chercher pour moi les sous-titres si je lui indiquait le lien de ma vidéo. J'ai très vite atterris sur le site de google où il est expliqué que tout les accès à ses informations sont protégés. Pour le faire, il faut utiliser une API particulière, et faire des demandes d'autorisations.<br /> <br /> [[Fichier:Autorisation google.png|Autorisation google.png|link=http://curlybraces.be/wiki/Fichier:Autorisation_google.png|thumb|none]] ''https://developers.google.com/youtube/v3/docs/captions/download'' ''https://developers.google.com/youtube/registering_an_application''<br /> <br /> &lt;br /&gt; Vu le peu de vidéos dont il me fallait le sous-titre, j'ai cherché un moyen de les récupérer moi même. J'ai trouvé une astuce sur un forum obscur; sur chrome, quand on lance une vidéo, si on active les sous-titres et qu'on inspect la page, dans l'onglet network on peut accéder aux sous-titre. Ils s'ouvrent dans un nouvel onglet, sous forme d'un fichier XML.<br /> <br /> [[Fichier:Sous-titre xml.png|Sous-titre xml.png|link=http://curlybraces.be/wiki/Fichier:Youtube_timedtext.png|[[Image:http://curlybraces.be/wiki/images/4/44/Youtube_timedtext.png|Youtube timedtext.png|thumb|none]]] [http://curlybraces.be/wiki/Fichier:Sous-titre_xml.png]]<br /> <br /> Sauf que ce XML est très moche, plein de truc chiant pour faire de la mise en page. Grâce a a un peu de javascript, j'ai quand même réussi à le nettoyer, pour en extraire uniquement le texte que je voulais mettre en page. Notamment en utilisant &lt;code&gt;getElementById()&lt;/code&gt; pour extraire le texte des balises xml dans lequel il était.<br /> <br /> [[Fichier:Javascript cleaner.png|Javascript cleaner.png|link=http://curlybraces.be/wiki/Fichier:Javascript_cleaner.png|thumb|none]]<br /> <br /> J'obtiens ainsi un beau texte que je n'ai plus qu'a copié/coller pour compléter mon édition.<br /> <br /> [[Fichier:Texte propre.png|Texte propre.png|link=http://curlybraces.be/wiki/Fichier:Texte_propre.png|thumb|none]]<br /> <br /> Récupérée de « http://curlybraces.be/wiki/index.php?title=Sous-titre_-_Hugo&amp;oldid=3359 »</div>

Ergbot