• 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, avec pour le style, une ligne css ajoutée 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 un exemple de mini lecteur, dans le module Test musical  (au dessus de l'Agenda)


     

     

     

     

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

    <p><a onclick="myMp3(this, ' titre ','adresse_du_fichier_musical')"> image et/ou annonce_titre </a> texte 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] 

     

     

     

    ▬► Et ce petit code unique, actif sur tout le blog, qui est à placer, dans la zone de script
    (c'est ce code qui, sur un appel "au clic", ici nommé myMp3 , injecte la balise audio dans la page active ; une opération qui serait inutile si l'éditeur d'eklablog, ne refusait pas cette balise <audio> )

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

     [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

    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! :)



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


▢  >

image lien plan blog