• LIRE MUSIQUE ENREGISTREE MP3 suite suppression "flash"

     Dernière m.a.j. 12/04/21

    Bricolo assistanceHORS THÉMATIQUE DU BLOG -  ARTICLE TECHNIQUE PROVISOIRE pour illustration
    Page en suite du sujet: Lecteur audio (forum) et son annexe (avec info css)
     

    Évolution du code pour plus de simplicité d'usage. J'peux pas faire plus, à part ajouter du css .... wink2

    Une autre possibilité de diffuser de la musique mp3 sur Eklablog, en attendant qu'une solution assistée soit proposée en remplacement de la technologie "Flash"....

    Ce n'est pas ça qui va ressusciter la musique des articles déjà publiés, mais dans l'attente ça peut permettre d'animer le présent ou de réactiver l'écoute de certains titres, sans dépendances externes (sans youtube, sans deezer etc..).
    Pour illustrer ces exemples j'ai utilisé des adresses de fichiers musicaux prélevées dans des codes flash existants. Bien sûr si cela ne conviens pas je les retirerais, les auteurs des blogs sont informés.

    Pour chaque titre, le codage est simple : 1 ligne de code par titre  (L'autorisation d'ajouter du JavaScript sur le blog doit être activée.)

     

    Ci dessous quelques exemples,   style par css ajouté dans le thème (bordure / taille)
     

     


       La chorale des oiseaux, chante dans mon jardin smile.

     


       CHŒUR CANTABILE    © cantabile.eklablog.com

     


       VIVE LE VENT © mtpiano.eklablog.fr

     


       WAITING THE DARK MOMENT  © kawaii-kuma.eklablog.com
    (la lecture de ce titre est parfois longue à débuter - env. 30 secondes - Téléchargement lointain? smile)

     


       LETTER FROM YOU    © sergio.eklablog.com/-c24752492

     -

     


       CEUX-LÀ    ©  chantsongs.eklablog.com/-a148080598

     


    Voir aussi l'exemple qui est placé dans un module de menu.
     
    (Un clic ici pour accéder au module "Test musical")


     

     

     

     

     ▬►Une simple ligne de code pour chaque musiqueà placer dans le html icône < > de l'article, ou page : 

    <p><a onclick="myMp3(this, ' titre ','adresse_du_fichier_musical')"> image et/ou annonce_titre </a> © facultatif </p>

    Après un copié/collé dans le code source < >, il suffit de remplacer ce qui est de couleur bleue, rouge, ou verte par ce qui concerne le fichier musical.

    [voir notes 1et 2 en bas de page pour quelques précisions] 

     

     

     

    ▬► C'est le petit code ci-dessous, qui permettra d'obtenir un lecteur html à l'endroit choisi.
               Il est à placer 1 fois dans la zone de script, et sera disponible pour tout le blog

    <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>

    (la fonction nommée myMp3 sera "activée" par un clic au niveau des articles. Elle injecte alors la balise <audio>, prête à jouer la musique choisie.)

     [voir note 2 en bas de page] 


     

      



    75

    -

    « Sélection EXPOSITIONS / ANIMATIONS jusqu'à fin 2019

  • Commentaires

    1
    Mercredi 7 Avril à 20:06

    merci pour cette belle idée , bon moi j'en ai trouvé d'autres ,  mais j'attendais plutôt celui d'Eklablog 

     moi ça va ... ,  mais j'aide des personnes qui ne savent pas faire le HTLM    mais bon ...  merci à vous  !  belle semaine  A+

      • Mercredi 7 Avril à 22:24

        Maintenant que les navigateurs peuvent lire la musique avec la fonction html audio normalisée, ça devrait pouvoir se faire  aussi simplement et rapidement que de créer un lien ou d'insérer une image (pas besoin d'utiliser un système D en langage Javascript)

        A mon avis, un des avantages d'utiliser le lecteur audio des navigateurs, c'est que cela ne dépend pas d'un tiers et d'une technologie propriétaire.

        Dans l'attente, je m'interroge sur ce que sera le futur lecteur d'eklablog  :  aura-t-il un effet rétroactif, en se substituant aux codes Flash des pages existantes. Dans ce cas, ça ne doit pas être simple à résoudre et la réponse ne sera pas rapide.

        merci de ton commentaire

         

    2
    Samedi 10 Avril à 16:39

    Merci d'avoir mis "Ceux-là", une chanson dont je suis le parolier comme exemple
    bonne soirée
    Bernard

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    3
    Mardi 18 Mai à 15:17

    super ton blog, je vais bien le lire et le garder dans mes favoris

    beaucoup d explications merci beaucoup yes

    4
    Jeudi 10 Juin à 22:51

    C'est drôlement sympa pour dépanner! :o (et ça évite d'utiliser des lecteurs plus "complexes" et moins personnels...)

      • Samedi 12 Juin à 09:42

        Ça dépanne, et même un peu plus : c'est totalement indépendant.

        Si l'éditeur était  à jour, on pourrait faire la même chose plus simplement, sans JavaScript.

         

      • Samedi 12 Juin à 11:34

        Ce qui ne serait pas du luxe et serait bien utile à beaucoup de monde! (mais ça ne favoriserait pas les gens à chiper du contenu (sans l'aval des auteurs originaux) pour le diffuser massivement?)

      • Samedi 12 Juin à 16:21

        Chiper du contenu pour le diffuser : Ça ne changerait rien par rapport à la situation précédente ou à l'existant.

        Mise à part le fait que le lecteur de musique s'ouvre dans un nouvel onglet, il suffit actuellement d'indiquer au navigateur l'url d'un fichier musical mp3 pour en obtenir l'écoute.

        Exemple : http://ekladata.com/sll_-PkbYk_pKPUtlZ_X5mHTfaM.mp3

        Dans l'ancien système, EB demandait de cocher une case déclarant que l'on avait l'autorisation de diffuser (ou un texte similaire qui responsabilise et/ou qui rappelle la règle, ..... ou les risques)

      • Samedi 12 Juin à 16:22

        En fait, quand un moyen de diffuser quelque chose n'est pas facile d'accès, ça limite la propagation. Là où justement le rendre hyper facile d'utilisation et d'accès va énormément favoriser ça. :o C'est valable pour pleins de trucs.

        Ohw, ok! :)

    5
    Lundi 15 Novembre à 17:55

    Bonjour

    Merci pour le code et les infos.

    Est-il possible que la musique démarre au chargement de la page ?

    Gilles 

      • Lundi 15 Novembre à 21:09

        Pour  démarrer la lecture automatique je pense qu'il faut ajouter l'attribut autoplay à coté de controls dans le code placé dans la zone de scripts.

        Personnellement j'ai horreur de ça et je ne suis pas le seul. mad
         
         

        «Du point de vue de l'utilisateur, une page Web ou une application qui se met spontanément à faire du bruit sans avertissement peut être choquante, gênante ou rebutante. Pour cette raison, les navigateurs n'autorisent généralement la lecture automatique que dans des circonstances spécifiques»
        (developer.mozilla.org)

         J'utilise Mozilla Firefox. Il ne me bloque pas la musique spontanée sur les vidéos ! ! (pas rencontré de nuisance avec des cas audio)

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


▢  >

image lien plan blog