• Résolu insérer de la musique


    Samedi 3 Décembre 2022 à 08:35
    kelenn

    Bonjour, 

    Mes trois blogs musicaux sont à l' arrêt depuis la disparition de flash player. Mon niveau informatique ne me permet pas l' utilisation de procédures compliquées me permettant à nouveau d' insérer des barres de lecture. La commande insertion de musique se heurte à une impasse......

    Quelle solution ? eklablog me signale régulièrement l' inactiçvité de mes blogs....et pour cause !

    Kelenn

    Lundi 5 Décembre 2022 à 11:28
    Pipiou

    Bonjour,

    il y a de quoi installer un lecteur audio dans les forums, par là↗  (au début du sujet + deux autres lecteurs indiqués  à la fin du sujet. Il ne faut pas avoir peur des codes puisqu'il il faut seulement faire ce qui est écrit :)

    L'inactivité des blogs est un rappel (qui n'a rien à voir avec la musique) j'en reçois aussi pour des blogs où je ne publie pas souvent.

    Bonnes suites

     

    Mercredi 7 Décembre 2022 à 08:54
    kelenn

    Merci d' avoir pris le temps de me répondre. Je pense malheureusement que cela excède mes capacités.........

    Mercredi 7 Décembre 2022 à 10:24
    stormalo

    Bonjour kelenn,

    Avec un instrument de musique je peux faire du bruit ; alors je pense qu'un musicien peut faire un copié collé, c'est guère plus compliqué wink2

    Si tu as l'autorisation** sur ton compte pour ajouter du code JavaScript, essaye de copier ce qui suit dans le code source d'une page brouillon (via le bouton < > de l'éditeur). Puis faire Enregistrer.
    **(sinon  demander cette autorisation au support)

     

    <p><a onclick="myMp3(this, 'CHOEUR CANTABILE.','http://ekladata.com/0JcYj5BYHsuN52kkGSFxcISFmc4.mp3')"> Ecouter CHŒUR CANTABILE </a></p>


    <script>// <![CDATA[
    // Script pour insertion <audio> dans html
    myMp3 = function(elmnt,titre,adresse) {
    var codetitre = titre;
    var codeadresse = adresse;
    var codeaudio = "<audio src='"+codeadresse+ " ' controls >Votre navigateur n'est pas compatible . . . </audio><p style=' background-color: #ffffff;'> Titre :  "+codetitre+"</p>";
     elmnt.innerHTML = codeaudio
     }
    // ]]></script>

     

    J'ai simplifié un max le code.

    Pour écouter un autre morceau de musique il suffit de modifier ce qui est en couleur
    - en bleu : le titre qui apparaitra sous les commandes du lecteur
    - en rouge : l'url c'est à dire l'adresse du fichier musical
    - en vert : c'est le texte à cliquer pour faire apparaitre les commandes de lecture musicale.

    ==================

    Fort de cet essai (je pense), pour utiliser mieux ce codage, il suffit de supprimer cette page d'essai, et de copier le code de <script> inclus à </script> inclus via Apparence > zone de script.de la barre menu

    Ce bloc de code sera ainsi disponible pour TOUT le blog

    Dans les articles, il restera à placer pour chaque morceau de musique l'équivalent de cette ligne de code:
    <p><a onclick="myMp3(this, 'CHOEUR CANTABILE.','http://ekladata.com/0JcYj5BYHsuN52kkGSFxcISFmc4.mp3')"> Ecouter CHŒUR CANTABILE </a></p>

    Bonnes suites.

    Mercredi 7 Décembre 2022 à 10:48
    kelenn

    Merci beaucoup d'avoir pris la temps de faire de la pédagogie. En fait je souhaiterais pouvoir retrouver la cinquantaine de barres de lecture donnant accès  chacune à  un morceau, comme c'était le cas avant la disparition de flash payer.....

    Jeudi 8 Décembre 2022 à 15:50
    stormalo

    Il existe aussi un autre truc, hyper-simple à faire : créer des simples liens vers l'adresse du fichier musical, mais dans ce cas la barre de lecture s'ouvre dans un nouvel onglet du navigateur (et en lecture instantanée)

    En attendant mieux je t'ai adressé par la messagerie un exemple avec des titres issus d'un de tes blogs, chacun ayant sa barre de contrôle comme souhaité.

    Les codes de Papasti seraient également à considérer car bien adaptés à une présentation jukebox.

    Reste à voir les aspects utilisation par les auteurs de blog et par leurs visiteurs, sur appareils fixes ou mobiles.

    A suivre . . .

     

    Jeudi 8 Décembre 2022 à 15:55
    kelenn

    Mille fois merci, 

    Le plus simple en effet est de créer des liens renvoyant vers des fichiers musicaux. C 'est ce que je vais faire

    Kelenn




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.