AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Intégrer une bande son : [Signature /Poste de RP /Fiche / Etc...]

    Partagez
    avatar
    AlphaCoreLatios
    MasculinAge : 22Messages : 30

    le Lun 15 Mai 2017 - 14:14

    Bonjour à tous !

    Ce tutoriel va pour permettre d'intégrer des musiques un peu n'importe où sur vos forums grâce à une astuce toute simple en utilisant le système d’intégration sur Youtube. Je vais vous expliquer les quelques petites manipulations pour y accéder et surtout vous montrez comment il est possible de l'intégrer dans vos RP's !


    Les Étapes :

    1) -Se rendre sur la musique de son choix sur Youtube.com : Exemple utilisé "NieR: Automata OST - Possessed by a Disease (Vocals)"

    2) -Une fois sur la musique voulue, scroller jusqu’à voir "Ajouter à" "Partager" "...Plus"
    Spoiler:


    3) -Cliquez sur "Partager", un autre menu s'ouvre avec : "Partager" "Intégrer" "E-mail" (ce qui nous intéresse ici c'est "Intégrer")
    Spoiler:



    4) -Cliquez sur "Intégrer" puis sur "Plus" juste en dessous, un menu déroulant s'affiche :
    Le menu:

    Plusieurs choses sous vos yeux, tout d'abord vous ne vous occupez pas de la grande barre url pour le moment !



    5) -Taille du lecteur : Modifiable à volonté via une explication plus bas, vous pouvez déjà régler en 200 x 113, impossible d'aller plus faiblement.

    6) -Décochez tout les éléments, sauf "Affichez les commandes de lecteur" (Voir image plus haut)
    A NOTER : Vous pouvez cocher la case "Activer le mode de confidentialité avancé", elle n'aura aucune incidence sur la mise en page de la miniature, par contre ça permet -> Lorsque le mode de confidentialité avancé est activé, YouTube n'enregistre aucune information sur les internautes qui consultent votre site Web sans regarder la vidéo.


    7) -Copier-Coller l'url qui se trouve au dessus de la miniature, vous avez normalement ceci
    Code:
    <iframe width="560" height="315" src="URL DE LA VIDEO" frameborder="0" allowfullscreen></iframe>

    Les nombres 560 correspondant à la longueur de la barre de lecture et 315 correspondant à la hauteur de votre miniature sont modifiables a souhait. A vous de l'adapter afin que l'intégration soit harmonieuse dans votre fiche de rp ^^. (Je fais du 450 / 35)


    Y'a plus qu'a cliquer sur l'icone de lecture youtube !
    Cette astuce permet de supprimer le titre qui empêchait de cliquer normalement sur ce bouton play.


    Version avec toutes les options d'intégrations cochées (par Défaut)



    Version du tuto



    N'hésitez pas à partager le lien de ce tutoriel et me faire une petite mention au passage ♥.

    En espérant que cela vous aura été utile ~.


    Dernière édition par AlphaCoreLatios le Jeu 25 Mai 2017 - 13:30, édité 7 fois
    avatar
    Nihil Scar Winspeare
    Messages : 4790

    le Mar 16 Mai 2017 - 20:00

    Coucou :)

    Merci pour ton astuce :hudada: , tu as bien fait de partager Wink

    On va archiver l'ancienne astuce, car le flash n'est plus d'actualité et les captures d'écrans sont mortes ^^'

    Du coup tu peux enlever le passage sur l'astuce 2 Very Happy et le "EDIT" aussi ^^ (autant fournir un beau tuto tout propre 8D)

    avatar
    AlphaCoreLatios
    MasculinAge : 22Messages : 30

    le Mar 16 Mai 2017 - 20:10

    Tuto terminé et illustré !



    avatar
    AlphaCoreLatios
    MasculinAge : 22Messages : 30

    le Jeu 25 Mai 2017 - 13:32

    Désolé du double post, mais comme je ne peux pas effacer le précédent :/ . Tuto fini ! En espérant qu'il en aide plus d'un :3



    Contenu sponsorisé


      La date/heure actuelle est Sam 18 Nov 2017 - 9:28