Intégrer musique Youtube

Résolu
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   -  
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je souhaiterai savoir si il est possible de n'écouter que le son d'une vidéo Youtube, sans passer par un téléchargement.
On peut intégrer une vidéo sur un site mais moi je voudrais juste intégrer la musique, le son de la vidéo avec un player comme video.js
Cordialement


-insérez une citation bidon trouvée sur internet-
A voir également:

4 réponses

Réponse 1 / 4
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
Il faut récupérer l'id de la vidéo qui ce trouve dans l'url de youtube.
ici c'est kt0g4dWxEBo:
watch?v=kt0g4dWxEBo


il faut ensuite la copier coller dans le code javascript a la ligne videoId 


<!DOCTYPE html>
<html>
  <body>
    <!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
    <div id="player"></div>

 
 <!-- image ajouter par codeurh24: permet la lecture ou l'arrêt -->
 <img id="monImage" src="https://upload.wikimedia.org/wikipedia/commons/9/9b/Farm-Fresh_control_pause_blue.png" />

 

 
 
    <script>
  window.lectureVideo = true;
 
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '0',
          width: '0',
          videoId: 'kt0g4dWxEBo',
          events: {
            'onReady': onPlayerReady
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
        event.target.playVideo();
  
  <!-- code javascipt ajouté par codeurh24: permet l'interaction de lecture arret avec l'image pausse / play -->
  window.onload = function(){
   monImage.onclick = function()
   {
    
    if (! window.lectureVideo) { 
     
     player.playVideo(); 
     monImage.setAttribute("src","https://upload.wikimedia.org/wikipedia/commons/9/9b/Farm-Fresh_control_pause_blue.png"); 
     window.lectureVideo  = true;
    }else { 
     player.stopVideo();
     monImage.setAttribute("src","https://upload.wikimedia.org/wikipedia/commons/7/79/Farm-Fresh_control_play.png"); 
     window.lectureVideo  = false;
    }
   }
  }
  
  
      }


    </script>
  </body>
</html>
2
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   71
 
Super merci beaucoup !
Est-ce qu'il serait aussi possible de mettre une barre de progression ou pas ?
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
avec player.getDuration() oui
et tu devra creer toi meme la bare et adapter tout ça au code
https://developers.google.com/youtube/iframe_api_reference?hl=fr
0
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   71
 
Merci vraiment beaucoup
0
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   71
 
Pourrais-je encore user de ta bonté ?
Je n'arrive pas à avoir une barre
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
comme je le disait, la barre ne s'obtient pas, elle ce creer de A a Z.
Il faut connaitre le CSS et javascript.
Il faut faire des calcules de la durée en cours sur la durée final.

Peut être que d'autres programmeurs pourrai ce lancer a faire ça, ça leurs ferai une bonne expérience.
0
Réponse 2 / 4
tusk
 
Salut,
quel rapport avec youtube ou video.js?

Si vous voulez seulement de l'audio vus n'êtes pas obligé de passer par un player et il existe des lecteurs audio uniquement de toute façon.

http://www.w3schools.com/html/html5_audio.asp
cdt
0
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   71
 
Bonjour,
Je n'ai pas réussi avec votre méthode, le player ne s'affiche pas
Cdt
0
Réponse 3 / 4
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
Bonsoir,

on ne peut pas toucher a la vidéo sauf en lui indiquant des variables get qui son programmer par youtube.

Parmi ces paramètres je n'ais rien vue qui permet de la mettre en audio.

Si ça te convient, tu peut cacher ta vidéo en indiquant que ton iframe fait zero en largeur et hauteur:
<iframe width="0" height="0" ........
puis appliquer un autoplay dans ces paramètres get pour lancer la vidéo automatique
&autoplay=1" frameborder="0" allowfullscreen

Le problème qui peut te gêner c'est qu'il n'y a aucun contrôle de la musique et donc cette solution ne t'intéressera pas.
0
PiR/D Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   71
 
Bonjour,
J'avais effectivement pensé à cette méthode mais le probleme hélas c'est que je ne peut pas controler la musique
0
Réponse 4 / 4
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
J'ai effectuer une nouvelle recherche et j'ai trouver que c'etait possible.
je suis en train de tester
0