Voir la source de Sous-titre - Hugo

{{Page web
|URL=http://curlybraces.be/wiki/index.php/Sous-titre_-_Hugo
|Title=Sous-titre - Hugo
|Updated=2019-05-16 10:43:48
|Site=Curlybraces
|Thumbnail=Autorisation google.png
}}
De {}

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]

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.

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.

[[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 /> 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.

[[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]]

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 <code>getElementById()</code> pour extraire le texte des balises xml dans lequel il était.

[[Fichier:Javascript cleaner.png|Javascript cleaner.png|link=http://curlybraces.be/wiki/Fichier:Javascript_cleaner.png|thumb|none]]

J'obtiens ainsi un beau texte que je n'ai plus qu'a copié/coller pour compléter mon édition.

[[Fichier:Texte propre.png|Texte propre.png|link=http://curlybraces.be/wiki/Fichier:Texte_propre.png|thumb|none]]

Récupérée de « http://curlybraces.be/wiki/index.php?title=Sous-titre_-_Hugo&oldid=3359 »