Dyrk

Salut à tous et excellent Mardi !

Si comme moi vous êtes parents ... alors vous savez ...

Vous savez qu'il est toujours utile d'avoir quelques dessins animés sous le coude !
Peut-être utilisez-vous Youtube comme source inépuisable de contenu vidéo  !

Mais si vous exigez la qualité, alors il vous faudra cibler plus précisément les sites de vidéos pour enfants !

Bon je vous passe les détails ... Hadopi, le téléchargement toussa toussa !
Je vous ai écrit ici, un petit code à envoyer directement depuis l'url pour pouvoir télécharger  sur le site de Cartoon Network  n'importe quelle vidéo  !
Aussi l'explication du "comment faire ?" est dans la partie suivante.

var d = document, 
mp4 = d.getElementsByTagName('iframe')[0].contentWindow.
document.getElementsByTagName('video')[0].getAttribute('src'),
a = d.createElement('a');
a.href = mp4;
a.setAttribute('download', /\/videos\/(.*)$/.exec(document.location.pathname)[1]+ ".mp4");
a.click();

Comment récupérer la vidéo

Pour télécharger la vidéo d'un dessin animé de Cartoon Network, c'est tout simple :

1. Rendez-vous tout d'abord sur le site http://www.cartoonnetwork.fr
2. Ouvrez ensuite l'onglet vidéo
   
3. Puis recherchez la vidéo que vous souhaitez récupérer.
4. Une fois trouvée, cliquez dessus pour en ouvrir la page
   
5. Une fois sur la page saisissez dans l'url (la barre d'adresse) le code que je vous ai fourni un peu plus haut, mais en le préfixant par le terme "javascript:"
6. Validez ensuite avec la touche "entrée", et votre téléchargement devrait démarrer
   

Quelle magie y a-t-il derrière ce mystérieux code

Contrairement à la magie, dans le code il n'y a pas de secret, aussi ce code va faire une recherche dans ce que l'on appelle une iframe (une page dans la page), vous pouvez faire cette observation en utilisant la console développeur avec la touche F12, puis en utilisant la petite icône de curseur sur la droite de la console, pour sélectionner la vidéo.

Cette iframe, contient un élément "video", c'est celui-ci que nous allons extraire, si vous avez utilisé la console de développeur, vous pouvez rechercher directement dans le code avec un "ctrl+f" le contenu ".mp4" (Attention, il devrait être présent à 2 endroits, mais c'est sur l'élément "video" qu'il faudra en tenir compte).

Cet élément contient dans un attribut "src" (cf. screenshot), le lien vers la vidéo, vous pouvez l'ouvrir directement dans votre navigateur si vous le souhaitez, mais mon script va juste indiquer au navigateur qu'il faut le télécharger et non l'ouvrir.

Conclusion

Voilà comment, sans utiliser d'outil et en toute légalité, récupérer soi-même des dessins animés, sans qu'Hadopi ne puisse répertorier de site de téléchargements illégaux !

Alors les enfants ! On dit merci qui ?