Conversion vidéo youtube en musique de fond

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Conversion vidéo youtube en musique de fond

Message par roswell1947 le Mer 30 Aoû 2017 - 17:16

Bonjour, n'ayant pas reçu de réponse sur un autre post hier sur le forum, je relance un nouveau sujet ici sur la possibilité d'introduire la musique d'une vidéo "YOUTUBE" en musique de fond sur un forum.

Pour résumer, je cherche donc à introduire une piste "YOUTUBE" pour illustrer le fond sonore de mon forum par la création d'un code de conversion, comme par exemple la piste ci-dessous pour l'ambiance de mon forum en musique de fond donc. Mais comment faire, puis-je avoir un code en HTML ou
JAVASCRIPT avec la musique de cette vidéo "YOUTUBE" s'il vous plait ? Merci pour votre aide !

La piste à convertir en question est celle-ci : https://youtu.be/YFGK2RFUQLs

Autre point important: je souhaite éventuellement inclure un "interrupteur" ou "bouton" sur la page d'accueil pour "allumer" ou "éteindre" ce fond sonore suivant son choix d'écoute ou non, merci de vos réponse sur ce point.

CDT.
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par roswell1947 le Jeu 31 Aoû 2017 - 15:07

confused .... UP !
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par HiroKimura le Jeu 7 Sep 2017 - 17:02

Salut ^^
Si cela peut t'aider, à l'aide d'une iframe tu peux importer une vidéo youtube et la faire se jouer automatiquement sur la page de ton choix. Avec la musique que tu as donné voici le code que j'ai :

Code:
<iframe id="ytplayer" type="text/html" width="40" height="40"src="http://www.youtube.com/embed/YFGK2RFUQLs?autoplay=1"  frameborder="0"></iframe>

Ta vidéo fera 40 pixels de long et de large, ce qui suffira à ce qu'on puisse l'éteindre ou l'allumer en cliquant sur le carré que cela affiche, j'ai testé chez moi et cela fonctionne ^^
J'espère que ça t'aidera ^^
avatar

HiroKimura
Nouveau membre

Messages : 23
Inscrit(e) le : 09/08/2017

http://faeris.forumactif.com/
HiroKimura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par roswell1947 le Jeu 7 Sep 2017 - 20:20

Bonsoir HiroKimura

un grand merci pour ton aide le code fonctionne à merveille sur le html lors de la visualisation et le "carré" est bien visible ! Seulement dès que je retourne sur la page d'accueil je n'ai plus le visuel du "carré" pour éteindre et allumer ce fond sonore ?

Merci pour tes précisions Confused
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par HiroKimura le Jeu 7 Sep 2017 - 21:17

Bonsoir ^^
Quand tu retournes sur la page d'accueil? C'est à dire? Le code que je t'ai passé va se lancer automatiquement dès que la page s'ouvrira donc normalement chaque fois que tu actualises la page le code devrait apparaitre.
Pourrais-je voir le forum où tu as installé le "carré"?
avatar

HiroKimura
Nouveau membre

Messages : 23
Inscrit(e) le : 09/08/2017

http://faeris.forumactif.com/
HiroKimura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par roswell1947 le Ven 8 Sep 2017 - 16:28

Bonjour,
pour te résumer j'installe ce code dans le HTML dans Création en mode avancé (HTML)
ensuite je clique sur PREVISUALISATION, une page de mon forum s'ouvre, le "carré" ( interrupteur ) s'affiche bien
et la musique se lance.

Mais quand sur cette même page je clique sur ACCUEIL dans la barre de navigation de mon forum,
le "carré" n'apparait pas et y n'y a pas la piste qui se lance ?

Voici ma page HTML ou j'ai installé ton code,
est-ce la bonne méthode ou faut-il modifier des paramètres ?
Merci !

avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par HiroKimura le Ven 8 Sep 2017 - 17:52

Hum....
Pourquoi la mettre dans une page HTML séparée? Tu peux simplement aller dans affichage -> accueil -> généralités, et mettre ton code dans l'annonce d'accueil, normalement ça devrait fonctionner ^^
Regarde tout est ok de mon côté avec cette méthode
http://faeristest.forumactif.com/
avatar

HiroKimura
Nouveau membre

Messages : 23
Inscrit(e) le : 09/08/2017

http://faeris.forumactif.com/
HiroKimura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par roswell1947 le Sam 9 Sep 2017 - 16:21

Bonjour à toi !

Oui effectivement en choisissant cette option, tout est OK et ce paramètre introduit dans l'annonce d'accueil est la façon la plus simple de charger cette piste musicale. (si par la suite je veux changer cette piste pour une autre, que faut-il remplacer dans le code que tu affiches plus haut ?)

De plus si je veux une répétition de la piste, dois-je faire une modif du "0" ici présent dans le code ?
... frameborder="0"></iframe>

Sinon tout est OK me concernant merci pour ton aide!
J'affiche RESOLU après ton prochain post à mes deux dernières questions. Wink
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par HiroKimura le Sam 9 Sep 2017 - 17:19

Rebonjour ! ^^
Alors pour répéter la piste tu vas devoir ajouter dans ta balise : loop="1" , tu l'ajoutes comme ceci :
Code:
    <iframe id="ytplayer" type="text/html" width="40" height="40"src="http://www.youtube.com/embed/YFGK2RFUQLs?autoplay=1?loop=1"  frameborder="0"></iframe>
La partie à changer est celle-ci : YFGK2RFUQLs dans l'URL de ta vidéo, Si par exemple tu veux mettre cette musique à la place : https://www.youtube.com/watch?v=cjVQ36NhbMk , tu vas repérer toute la partie après le v= donc celle ci cjVQ36NhbMk et tu la changes dans ton code
Code:
    <iframe id="ytplayer" type="text/html" width="40" height="40"src="http://www.youtube.com/embed/cjVQ36NhbMk?autoplay=1?loop=1"  frameborder="0"></iframe>
Voilà teste de ton côté et dis moi si ça fonctionne ^^
avatar

HiroKimura
Nouveau membre

Messages : 23
Inscrit(e) le : 09/08/2017

http://faeris.forumactif.com/
HiroKimura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par roswell1947 le Dim 10 Sep 2017 - 11:34

Bonjour à toi,
tout fonctionne impeccablement, seulement comment éviter que la musique ne se coupe lorsque l'on change de page car dès que je retour sur l'accueil de mon forum la piste redémarre au début, comment l'introduire sur toutes les pages du forum sans coupures et sans redémarrages répétitifs ?

Merci pour tes précisions sur ce point ! Wink
Cdt.
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par roswell1947 le Mer 13 Sep 2017 - 15:49

UP ! Neutral
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Conversion vidéo youtube en musique de fond

Message par oxymore le Mer 13 Sep 2017 - 22:01

roswell1947 a écrit:comment éviter que la musique ne se coupe lorsque l'on change de page car dès que je retour sur l'accueil de mon forum la piste redémarre au début, comment l'introduire sur toutes les pages du forum sans coupures et sans redémarrages répétitifs ?

Bonsoir

Ce n'est pas possible la musique va se couper en changeant de page.
Vous pouvez tester ce code dans affichage -> accueil -> généralités

La musique se met en pause mais redémarre à l'endroit de la dernière lecture.
Code:
<div id="player">
</div>
    <script>
       
        var tag = document.createElement('script');
        tag.src = "https://www.youtube.com/player_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

   
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
                height: '40',
                width: '60',
                videoId: 'YFGK2RFUQLs', 
                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange,
                }

            });

        }

        function onPlayerStateChange() {
            createCookie('play_time', player.getCurrentTime(), 1); 
        }

        function onPlayerReady() {
            player.seekTo(readCookie('play_time'));
        }

        document.unload = function() {                           
            createCookie('play_time', player.getCurrentTime(), 1);
        }

        window.onbeforeunload = function() {           
            createCookie('play_time', player.getCurrentTime(), 1);
        }

 
        function createCookie(name, value, days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                var expires = "; expires=" + date.toGMTString();
            }
            else
                var expires = "";
            document.cookie = name + "=" + value + expires + "; path=/";
        }

        function readCookie(name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ')
                    c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0)
                    return c.substring(nameEQ.length, c.length);
            }
            return null;
        }

        function eraseCookie(name) {
            createCookie(name, "", -1);
        }
   
    </script>   

avatar

oxymore
***

Messages : 140
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu FOND SONORE

Message par roswell1947 le Jeu 14 Sep 2017 - 17:37

Bonjour,

Ok très bien je ferais avec ! Merci pour ce code à défaut !
Et merci pour vos précieux conseils.

Roswell47 Wink
avatar

roswell1947
*

Masculin
Messages : 47
Inscrit(e) le : 29/11/2010

http://roswell1947.forumgratuit.org
roswell1947 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum