web-dev-qa-db-fra.com

Comment intégrer de l'audio uniquement à partir de vidéos YouTube

Existe-t-il un moyen de modifier le code d'intégration ou un code JavaScript que je peux exécuter dans un blog blogger pour intégrer uniquement l'audio d'une vidéo YouTube dans les articles de mon blog?

Ma situation spécifique: J'ai un blog privé sur lequel j'aimerais enregistrer mes réflexions au format audio. Je recherche une bonne solution pour héberger les enregistrements audio et les intégrer à mon blog. Mes recherches m'ont amené à croire que YouTube serait le meilleur malgré le fait qu'il soit destiné à la vidéo.

Ce que j'ai essayé: Tout en ligne indique que vous modifiez simplement la hauteur du code d'intégration pour qu'elle soit 25, mais je pense que c'est un hack et tiens à l'éviter si je peux.

Si vous êtes intéressé: Voici les points que j'ai examinés et pourquoi je ne pense pas qu'ils constituent une solution adaptée à mon problème:

  • Dropbox : Réalisable, mais si je veux un jour changer l'emplacement des fichiers dans ma Dropbox, alors les liens se casseront (je présume). Ceci est ma solution actuelle. J'utilise simplement la balise <audio> qui fonctionne très bien pour moi.
  • Google Drive : Ne dispose pas de fonctionnalités de diffusion en continu.
  • SoundCloud : Limite de deux heures pour la version gratuite et il n'y a aucun moyen de créer un clip "non répertorié" afin que mon blog puisse y accéder, mais pas le monde entier.
  • Last.fm : ça ne marchera pas.

Je suis ouvert à d'autres solutions, mais cela semble être la meilleure. Mes critères sont:

  • Gratuit et pratiquement illimité
  • Liens permanents (c'est pourquoi Dropbox n'est pas une bonne solution)
  • Accès uniquement aux abonnés avec un lien, non consultable au grand public

Réitérant ma question: Rappelez-vous, j'ai fait mes recherches, donc ma question n'est pas quel service je devrais utiliser, mais plutôt s'il y a un moyen de intégrer uniquement l'audio d'un clip YouTube. Mais je suis heureux d'accepter des alternatives. Je ne veux tout simplement pas enfreindre les règles du site :)

youtubebloggerblogembedaudio
5
kentcdodds

Il se trouve que Google Drive dispose de fonctionnalités de diffusion en continu. Et cela ne change pas l'URL pour tout ce que vous déplacez, c'est donc la solution idéale (à part ne pas avoir de stockage illimité, mais mon cas d'utilisation ne l'exige pas, alors ça va.) Donc, mon article de blog se compose du code HTML suivant:

Whatever I want to write here...<br />
<br />
<hr />
<audio controls="controls" style="margin-left: auto; margin-right: auto;">
  <source src="https://googledrive.com/Host/DRIVE_ID_OF_FILE_GOES_HERE" type="audio/mpeg"></source>
  Your browser does not support the audio element.
</audio>
1
kentcdodds

La seule tâche du webmaster est de créer (ou de trouver quelque part) des icônes PLAY et STOP.

Code:

<a href="http://www.youtube.com/embed/XXXXXXXXX?autoplay=1" target="sndtrk"><img src="http://yoursite.web/play.png" width="24" border="0"></a> 

<a href="nothing.html" target="sndtrk"><img src="http://yoursite.web/stop.png" width="24" border="0"></a>

<iframe name="sndtrk" width="0" height="0" src="http://www.youtube.com/embed/XXXXXXXXX?autoplay=1" frameborder="0">audio not available</iframe>

où:

"play.png" et "stop.png" sont les icônes.
"sndtrk" est le nom du cadre, peut être différent

XXXXXXXXX est la vidéo YouTube.
"Nothing.html" est une page inexistante ou vide.
iframe width et height est réglé sur "0".

0
Abri Pix