Dyrk.org
Do You Really Know

Coucou mes p’tits Dyrknautes !

Comment ça va en cette fin d’année … début d’année ?!?
(Oh My God ! Force est de constater, qu’à jouer avec les dates de publication de mes articles, je finis par m’y perdre moi-même !)
Alors voilà aujourd’hui je me suis dit qu’il était temps de vous reproposer une mise à jour de mon script spécial « Deezer » !
Un script qui vous permettra de sauvegarder directement les musiques que vous écoutez sur votre ordinateur !

La technique ?

L’idée ou l’envie m’est venu en lisant vos commentaires plutôt encourageants  sur mon précédent article !
Rien de nouveau sous le soleil, la technique que j’utilise n’a pas changée.
Vous pouvez d’ailleurs consulter les détails ici :
https://dyrk.org/2018/01/03/deezer-telecharger-ripper-les-musiques-que-vous-ecoutez/

J’ai repris mon script, et je l’ai légèrement adapté.
Celui-ci s’appuyait sur l’ancienne interface de Deezer pour y intégrer des petits visuels (bouton de téléchargement, barre de progression … etc ).

Du coup, lorsque Deezer a changé son interface … le script s’est arrêté de fonctionner.
Bref cette fois-ci je vous propose à nouveau un petit script de téléchargement !
Et celui-ci fonctionnera indépendamment de l’interface graphique de la plateforme de téléchargement !

Nouvelle mouture  !

L’ancien script demandait un peu de bidouillait et n’avait pas vraiment de bouton « on » / « off » … du coup ça devient vite gênant lorsque toutes les musiques qui passent se sauvegardent automatiquement !
Cette fois-ci, j’affiche en gros plein un menu qui permet d’activer / désactiver le script.
D’autant que les fonctions que je surcharge pour permette de sauvegarder vos musiques, sont aujourd’hui beaucoup mieux gérées.
Le fonctionnement précédent neutralisait (malheureusement) la fonction lecture / pause … du player de Deezer !
Ce n’est donc plus le cas aujourd’hui.

Le Script

Vous l’attentiez, le voici !
le petit script tout frais qu’il vous suffit depuis la plateforme de Deezer, de copier-coller dans votre console développeur (touche F12 de votre clavier lorsque vous êtes sur le site de Deezer), puis de valider par la touche « entrée »

[pastacode lang= »javascript » manual= »var%20dyrk_org%20%3D%20%22%22%2C%20recordedChunks%20%3D%20%5B%5D%2C%20d%20%3D%20document%2C%20%0A%09mediaRecorder%2C%20html%20%3D%20d.getElementsByTagName(‘html’)%5B0%5D%2C%0A%09IHM%3D%7Btype%3A%22div%22%2Cattributes%3A%7Bid%3A%22hackDeezer%22%2Cstyle%3A%22z-index%3A10000%3Bposition%3Afixed%3Btop%3A0px%3Bleft%3A50%25%3Bborder-radius%3A100%25%3Bbackground%3A%232692b796%3Bborder%3A1px%20solid%20black%3Bpadding%3A30px%3B%22%7D%2Ccomponents%3A%5B%7Btype%3A%22select%22%2Cattributes%3A%7Bid%3A%22select-hackDeezer%22%2Cstyle%3A%22background%3A%23000%3Bcolor%3Awhite%3Bborder%3A1px%20solid%20red%3Bpadding%3A10px%3B%22%7D%2Ccomponents%3A%5B%7Btype%3A%22option%22%2CtextContent%3A%22Hack%20Deezer%20-%20Inactif%22%2Cattributes%3A%7Bvalue%3A1%7D%7D%2C%7Btype%3A%22option%22%2CtextContent%3A%22Hack%20Deezer%20-%20Actif%22%2Cattributes%3A%7Bvalue%3A0%7D%7D%5D%7D%5D%7D%2C%0A%09buildComponent%20%3D%20(el)%3D%3E%7B%0A%09var%20tmp%20%3D%20document.createElement(el.type)%3B%0A%09for%20(var%20x%20in%20el.attributes)%20tmp.setAttribute(x%2C%20el.attributes%5Bx%5D)%3B%0A%09el.textContent%20%3F%20(tmp.textContent%20%3D%20el.textContent)%3A%5B%5D%3B%0A%09el.components%20%3F%20el.components.map(e%3D%3Etmp.appendChild(buildComponent(e)))%3A%5B%5D%3B%0A%09return%20tmp%3B%0A%7D%3B%09%0Aif%20(!HTMLAudioElement.prototype.play2)%7B%0A%09HTMLAudioElement.prototype.play2%20%20%3D%20HTMLAudioElement.prototype.play%3B%0A%09HTMLAudioElement.prototype.pause2%20%3D%20HTMLAudioElement.prototype.pause%3B%0A%7D%0AHTMLAudioElement.prototype.pause%20%3D%20function()%7B%0A%09%09this.pause2()%3B%0A%09%09if%20(d.getElementById(‘select-hackDeezer’).value%20%3D%3D%200)%7B%0A%09%09%09if%20(recordedChunks.length%20%3E%200)%7B%0A%09%09%09%20%20var%20%09blob%20%09%3D%20new%20Blob(recordedChunks%2C%20%7B%20type%3A%20’video%2Fwebm’%20%7D)%2C%0A%09%09%09%09%09url%20%09%3D%20URL.createObjectURL(blob)%2C%0A%09%09%09%09%09a%20%09%09%3D%20d.createElement(‘a’)%3B%0A%09%09%09%20%20html.appendChild(a)%3B%0A%09%09%09%20%20a.href%20%3D%20url%3B%0A%09%09%09%20%20a.download%20%3D%20’audio.webm’%3B%0A%09%09%09%20%20a.click()%3B%0A%09%09%09%20mediaRecorder.stop()%3B%0A%09%09%09%20return%200%3B%0A%09%09%09%7D%0A%09%09%7D%0A%09%0A%7D%0AHTMLAudioElement.prototype.play%20%3D%20function()%7B%0A%09if%20(d.getElementById(‘select-hackDeezer’).value%20%3D%3D%200)%7B%0A%09%09var%20handleDataAvailable%20%3D%20function%20(event)%20%7B%0A%09%09%09console.log(%22downloading%20…%22)%3B%0A%09%09%09if%20(event.data.size%20%3E%200)%20%0A%09%09%09%09recordedChunks.push(event.data)%3B%0A%09%09%7D%3B%20%0A%09%09dyrk_org%20%3D%20this.captureStream(0)%3B%0A%09%09recordedChunks%20%3D%20%5B%5D%3B%0A%09%09mediaRecorder%20%3D%20new%20MediaRecorder(dyrk_org%2C%20%7BmimeType%3A%20’audio%2Fwebm’%7D)%3B%0A%09%09mediaRecorder.ondataavailable%20%3D%20handleDataAvailable%3B%0A%09%09mediaRecorder.start(1)%3B%0A%09%7D%0A%09this.play2()%3B%0A%7D%3B%0A%0Adocument.getElementsByTagName(‘html’)%5B0%5D.appendChild(buildComponent(IHM))%3B%0A » message= » » highlight= » » provider= »manual »/]

Pour télécharger il faudra « activer » le script via un menu déroulant qui devrait apparaître au milieu de la page, puis appuyer sur le bouton pause / lecture du lecteur Deezer !

La démonstration en vidéo !

Conclusion

Passez tous de bonnes fêtes de fin d’année, et bien entendu n’hésitez surtout pas à souscrire à un abonnement « Deezer« .

Cette manipulation est plutôt pour les personnes qui n’ont pas nécessairement les moyens de profiter d’un abonnement.

Cependant il y a des gens derrière Deezer qui travaille d’arrache-pied pour vous permettre d’écouter tranquillement des musiques de qualité;)