Sujet Précédent Sujet Suivant

Intégrer musique Youtube

Résolu/Fermé
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 - Modifié par PiR/D le 18/02/2015 à 19:46
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 - 19 févr. 2015 à 19:53
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 samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 19/02/2015 à 13:11
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 vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 71
19 févr. 2015 à 19:05
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 samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 19/02/2015 à 19:11
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 vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 71
19 févr. 2015 à 19:11
Merci vraiment beaucoup
0
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 71
Modifié par PiR/D le 19/02/2015 à 19:34
Pourrais-je encore user de ta bonté ?
Je n'arrive pas à avoir une barre
0
codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 19/02/2015 à 19:49
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
Modifié par tusk le 19/02/2015 à 01:44
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 vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 71
19 févr. 2015 à 12:23
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 samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
19 févr. 2015 à 02:45
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 vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 71
19 févr. 2015 à 12:25
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 samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
19 févr. 2015 à 12:56
J'ai effectuer une nouvelle recherche et j'ai trouver que c'etait possible.
je suis en train de tester
0

Discussions similaires

telecharger musique mp3 gratuit
foufou996 -
SamuelBeckett -

5 réponses
qui connais un convertisseur YouTube MP3
Utilisateur anonyme -
Paco -

4 réponses