• ACCUEIL
  • blogger

    Le player "Playlist" pour diffuser votre musique

    Playlist  est une plate forme qui regroupe des playlists et qui vous permet d'en sélectionner, ou de choisir des titres ou auteurs (moteur de recherche). 
    Surtout, il permet d'  éditer votre choix musical sur votre blog, en arrière plan à l'aide d'un lecteur de musique simple à configurer.  

    Le site PLAYLIST ne fonctionne plus depuis début 2020 : dommage !

    Il possède 


    • un atout non négligeable : il accepte l'URL des vidéos de Youtube pour diffuser uniquement la musique ! 
    • un (petit) problème : ne fonctionne qu'avec l'URL non sécurisée en HTTP ( et non https)


    Le player s'affiche en haut de la page du blog


      et on peut afficher la "PlayList"


    Ce lecteur de musique gratuit s'affichera en arrière-plan pendant que  les visiteurs  seront sur votre blog. Ils pourront écouter la musique que vous avez intégrée.
    Le player s'intègre au dessus de votre blog



    Pour cette réalisation, un assistant de configuration vous guide et vous affiche  en final le code à coller dans votre article.

    1- Aller sur "PLAYER" pour configurer
    2- Où coller ce code ?
    3- Important : le player ne s'affiche pas......

    4-Complément


    1-Aller sur "PLAYLIST" pour configurer le player

    sur le site Playlist , vous accédez directement à la configuration via 3 onglets à configurer

    La configuration se réalise en 3 étapes  (onglets): choix du skin, réalisation de la playlist, édition du code à coller dans votre article en mode html 


    A-Choisir le skin 
    Onglet "Skin"

    Cocher le thème qui vous convient

     
    puis passer à l'onglet "Playlist"


    B-Réalisation de la playlist 
    Onglet "Playlist"
    Vous devez indiquer le nom du titre et surtout son adresse URL, cad le lien du fichier qui doit obligatoirement être accessible, par exemple :

    •  un fichier mp3 stocké dans votre espace web fourni, par votre FAI).
    •  de la musique issue de Youtube : il faut récupérer l'URL, après avoir sélectionné la vidéo musicale, nous copions /collons son lien dans "Song URL". (cas de notre player)
    • toute musique pour laquelle vous avez une URL, comme sur Wikimédia musique  (voir partie 4)

    => il faut récupérer l'URL par copier  puis la collern dans "Song URL".
    => Mettre un titre ( auteur, chanson...) dans "Song Tittle" qui apparaitra  à la lecture


    Lorsque vous avez réalisé votre playlist, passez à l'onglet "Final Settings"


    C-Finalisation
    Onglet "Final Settings"
    • Choisissez les options qui vous conviennent

     A savoir : le lecteur qui s'affiche ici n'a aucune option cochée

    LECTURE
    -Autoplay= Lecture automatique en arrière-plan sans interruption  tant que les visiteurs  parcourent les pages de votre site.( à éviter ! laissez vos visiteurs décider d'utiliser ou non !)
    -Shuffle Playback = Lecture Aléatoire

    -Volume par défaut = 50%
    -repeat mode= Mode répétition de la Playlist
      ou une seule fois
      




    APPARENCE
    -Placement of Player Bar = Position du lecteur (haut ou bas de la page)
    -Show Playlist by Default = afficher la playlist







    A savoir :
     Le lecteur de de Musique est complet = lecture, arrêt, pause, suivant, précédent, chercher, répétition, volume...




    • Cliquer sur Done
    • et vous obtenez le code html qu'il faudra copier/coller

    2-Où coller ce code ?

    2-1 La préconisation de Playlist

    Playlist  vous conseille de coller le code dans votre template.... avecBlogger vous devez aller dans vos paramètres : Thème > Modifier le code HTML Puis  rechercher la balise  <body>  et insére rjuste en dessous le code 
    mais c'est complexe pour un non initié...


    il faut trouver la balise...


    -Cliquez sur "Modifier le code HTML". Cela ouvrira une fenêtre de superposition qui affiche le code HTML.
    -Faites défiler la liste et recherchez la balise <body>.
    -Assurez-vous que la balise body est précédée d’un crochet d’angle.
    - Vous pouvez utiliser la fonction de recherche du navigateur en maintenant enfoncée la touche Ctrl + F (pour Windows) ou Commande + F (pour Mac) et en tapant "<body" ou "<body>".


    C'est compliqué pour un novice...

    Nous proposons une alternative plus simple !

    2-2 Une méthode beaucoup plus simple
        • Conseillé :
          • Ajouter un "gadget HTMl/Javascript" :
          • Aller dans "Mise en Page" puis "Ajouter un gadget"


          •  puis copier /coller le code en mode HTML


            A vous de choisir la présence d'un titre ou pas :


            -Pas de titre :
            on ne verra pas sur le côté du blog l'existence de ce gadget. Playlist s'affichera au-dessus du blog.

            -Avec un titre : on verra sur le côté du blog un gadget qui possède ce titre, mais rien d'autre ! Pas d'intérêt sauf si vous voulez expliquer à vos lecteurs, via un texte explicatif,  comment procéder pour écouter de la musique ! (voir aussi partie 4)



          =>Enregistrer le gadget puis enregistrer la mise en page


          =>Aller sur votre blog 
          (actualiser si nécessaire)  le lecteur doit s'afficher ! Si ce n'est pas le cas voir la partie 3 


          ASTUCE :

          =>Si vous avez choisi de faire démarrer automatiquement  (Autoplay) la musique du player, ne pas mettre de titre ainsi RIEN ne s'affichera sur votre blog ! et le player sera lancé au démarrage

          =>Si le player n'est pas en "autoplay" donnez les consignes (Format RTF) pour le lecteur du blog (choix de ce ce blog)
     ou 
          • uniquement pour les "pros" du code... coller le code dans la template HTML, en dessous de la balise "body" ainsi dés l'ouverture du blog, la playlist s'affichera ! Comment faire ? Aller dans "Modèle"> Modifier le code HTML  puis Ajouter les lignes de code puis cliquer sur "Appliquer au blog".
            ATTENTION à la modification du template : le sauvegarder avant tout essai !

    2-3-Modifier /Compléter / changer de Musique ?

    • Retourner sur PlayList  via la barre "Play List" de votre blog, en cliquant sur

      en principe vous devriez retrouver votre playlist dans l'onglet "Play List" 

      Vous pouvez donc modifier votre playlist
      :
      • supprimer un morceau
      • ajouter... un morceau


      ATTENTION: il faudra finaliser l'opération :  Final Settings > Done >  Copier le code puis dans votre blog, en mode "Mise en page", dans le gadget HTMl/Javascript, remplacer l'ancien code par le nouveau !

    • Si PlayList n'affiche pas votre playlist :
      • D'abord aller sur votre blog et copier le code  original (en mode "Mise en page",  ouvrir  le gadget HTMl/Javascript et copier le code)
      • Dans PlayList, en dessous de l'onglet "Skin", cliquer sur "Import profile" puis dans la nouvelle fenêtre copier votre code. Valider OK et vous retrouvez dans l'onglet "playlist" vos titres
    • Autre possibilité : Modifier directement le code dans le gadget HTML/Javascript
      • Observer le code... Un titre s’affiche, entre 2 virgules, puis à l’intérieur de crochets (voir ci-dessous)
      •  il suffit donc de modifier ce code en remplaçant uniquement ce qui est en rouge, cad, le nom du titre et son adresse URL dans Youtube
      • Puis copier, entre 2 virgules, le nouveau code dans le gagdet
    {'title':'CHARLIE PARKER','url':'https://www.youtube.com/watch?v=eeM0JMgj358'}

    3- Important : le player ne s'affiche pas......

    • La cause : 
    Le player ne fonctionne pas lorque votre blog s'affiche en mode sécurisé : HTTPS (S pour mode sécurisé)
    • Empêcher la redirection HTTPS
      • Si la redirection HTTPS est activée : les visiteurs de votre blog sont toujours redirigés vers l'adresse ex : https://blogavecblogger.blogspot.com.
      • Changer   les paramètres ainsi:
        • URL de redirection HTTPS =>NON
    • Proposer un accès au Player en http
      • sur ce blog, le  gadget du player propose  un accès en HTTP via le menu en cliquant sur Afficher le Player


      • La réalisation
        dans  le Gadget HTML/Jascrpt utilisé pour coller le code  du Player, ajouter ce code :
    Cliquer sur <a href="http://monblog.blogspot.com/"><b>AFFICHER le PLAYER</b></a> pour écouter de la musique,  dans le player qui s'affiche au-dessus du blog !<br />
    =>remplacer "mon blog" par votre blog.
    =>remarquer que l'adresse UTL du blog  est en HTTP




    • et là vous verrez le player s'afficher en haut de page !

    • A SAVOIR : 1 seul player à la fois ! inutile de vouloir afficher plusieurs players.  Il faut fermer le player (la page)  avant d'en afficher un autre..
      si nécessaire repasser en https