[Cartoon Network] – Récupérer les vidéos, pour une consultation hors-ligne et sans Pub !

 

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 ?

 

 

Partagez ce contenu

3 comments

  • GG :)

    Un petit commentaire : une alternative au fait de copier le code précédé de javascript: à chaque fois, il est possible (en tout cas sur Firefox) et mettre un marque page dans la barre d’url sous la forme là : http://storage9.static.itmages.com/i/17/0329/h_1490800280_3901239_66f5b04c92.png

    Dans mon cas un petit bouton dans la barre personnelle, à cliquer si une page m’est inaccessible, pour vérifier si le problème vient du serveur ou de chez moi.

    Je ne suis pas un génie des explications mais j’espère avoir été utile ;)

    • Yep tu as raison, il est tout à fait possible de créer un raccourci en remplaçant l’adresse d’un site par du code Javascript, afin de ne pas avoir à rechercher, copier, coller le code tout le temps.

  • Slt,
    toujours des bonnes astuces indispensables ;)
    Moi de mon cote j’utilse l’addon « noscript » pour firefox qui marche « du tonnerre » sur
    certains sites de streaming pour revoir les series du cavalier masqué :)
    Noscript est tellement « puissant » que c’est carrement clic droit et dl sous !!
    Bonne continuation espéce de pirate :)

Laisser une réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *