• Comment remplacer Adobe flash player ?


    Lundi 19 Octobre à 14:23
    stormalo

    Bonjour justelenoir,

    Je n'ai jamais utilisé "Flash". il faudrait commencer par préciser ce que tu veux faire,  et à partir de quel fichier existant.

    Edit: 15:09

    Je viens d'explorer la page de Pétula Clark

    Mode d'emploi pour  la musique choisie actuellement:

    Préalable : Avoir l'autorisation d'ajouter du JavaScript (pour vérifier consulte le menu Apparence > zone de script ; il doit être noté Statut: Actif, tout en bas, à gauche)

    1) Edite l'article
    2) Affiche le code source de cet article avec l'icône n°9 de cette illustration
    3) Supprime le lien actuel de la chanson de Petula Clarck
    4) Au même endroit, par Copié-Collé, tu insères le code ci-dessous
    5) Valide OK et enregistre


    <p>&nbsp;</p>
    <!-- codeJavascript  -->
    <script type="text/javascript">// <![CDATA[
    function lect1() {$("musique3054-1").innerHTML="<audio src='http://ekladata.com/lMqAQitornO1SuJk9NEFxe6f5rM/Petula-Clark-Ma-Fete-A-Moi.mp3' controls>Votre navigateur ne peut pas lire ce fichier musical</audio>";};
    // ]]></script>
    <!-- fin code javascript et début du code HTML -->
    <p>Cliquer sur le titre pour afficher la commande musicale</p>
    <p><a onclick="lect1()">Petula Clark - Ma Fete A Moi</a></p>
    <div id="musique3054-1">&nbsp;</div>
    <!-- fin des codes -->

    Nota: pour éviter des doublons futur j'ai utilisé comme numérotation 3054-1 (3054 c'est la fin du numéro dans l'url de l'article, et 1 parce que c'est le premier lecteur dans cette page article. Mais une autre façon de numéroter est possible.)

    Tu peux aussi essayer de mettre le code sur une page "brouillon" sans la publier (test sans risque smile)

    Lundi 19 Octobre à 16:38
    justelenoir

    merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    he

    j'ai compris le systeme

    et si j'en ai besoin, j'ai fait un copié collé de toute cette explication

    sur un bloc notes

     

    je viens d'essayer avec un autre titre au hasard dans ma discothèque

    et tout de moi meme je viens de faire en brouillon

    tout ce qui est expliqué mais en insérant ce titre choisi

    intello

    ca marche bien, tout a fonctionné eh eh eh

    glasses

    je saurai faire au cas ou j’ai besoin d'un autre lecteur audio

    pour un de mes artciles

    Lundi 19 Octobre à 20:51
    stormalo

    Essai concluant ! .... cool     
    Et tu as bien fait de faire une copie perso. yes

    Pour améliorer le résultat je te conseille de modifier la taille des caractères. Dans le code il suffit d'ajouter font-size: 18px; à deux endroits, pour obtenir ceci:

    <p style="text-align: center; font-size: 18px;">Cliquer sur le titre en jaune pour afficher la commande musicale</p>
    <p style="text-align: center; font-size: 18px;"><a onclick="lect1()">Petula Clark - Ma Fete A Moi</a></p>

    L'affichage sera plus proche de celui que tu avais précédemment.

     

    Note aussi que si sur la même page tu ajoutes une autre musique, (musique celtique par exemple hi hi hi ...)  il faudra ajouter un codage similaire en remplaçant :

    • musique3054-1  par musique3054-2
    • et les lect1() par lect2()

    Bonnes suites..............

    Mardi 20 Octobre à 08:46
    justelenoir

    merci

    je ne pense pas utiliser des plus grosses tailles

     

     

    dans mon essai

    avec une chanson de Juliette Greco

    j'ai remplacé

    musique3054-1 

    par greco 

     

    ca a fonctionné eh eh eh

     

    a voir le resultat sur mon blog

    http://textes-et-poemes.eklablog.com/

    le jukebox est tout en haut

    en dessous de l'horloge

    Mardi 20 Octobre à 10:56
    stormalo

    smile Normal que ça fonctionne, mais attention si tu utilises une autre chanson "greco", même dans un autre article. Dans ce cas si les deux articles sont affichés en même temps ça risque de dysfonctionner (par exemple lors de l'affichage des articles récents)

    Régle en HTML:
    Dans le code source de tout ce qui apparait en même temps sur ton écran il ne doit y avoir qu'une seule fois le même nom identifiant un élément  id="ici nom unique",  sinon fiabilité en baisse ! (c'est comme le n° insee - sécurité sociale- qui identifie chacun de nous)

    ** Edit:
    Ce jour à 11:01 , en cliquant sur le lien pour voir le résultat, le lecteur "greco" est invisible sur mon écran !
    Tu l'as enlevé ? (pas vu de trace du code sur la page affichée)

    Mardi 20 Octobre à 11:28
    justelenoir

    il est toujours là mon lecteur greco

    je viens d'aller voir

    j'ai cliqué

    le lecteur apparait

    prêt a etre écouté

     

    ???????????????????????????????

    bizarre bizarre

     

     

     

    VOILA CE QUE J AI ECRIT

     

    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p style="text-align: center;">&nbsp;</p>
    <!-- codeJavascript  -->
    <script type="text/javascript">// <![CDATA[
    function lect1() {$("greco").innerHTML="<audio src='http://ekladata.com/x0N1WWNoXvYK_jnLLsRYA1FuBMY/Juliette-Greco-Les-Feuilles-Mortes.mp3' controls>Votre navigateur ne peut pas lire ce fichier musical</audio>";};
    // ]]></script>
    <!-- fin code javascript et début du code HTML -->
    <p style="text-align: center;">Cliquer sur le titre</p>
    <p style="text-align: center;">pour afficher la commande musicale</p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><a onclick="lect1()">Juliette Greco - Les Feuilles Mortes</a></p>
    <p style="text-align: center;">&nbsp;</p>
    <div id="greco" style="text-align: center;">&nbsp;</div>
    <div style="text-align: center;">&nbsp;</div>
    <div style="text-align: center;">&nbsp;</div>
    <!-- fin des codes -->

    Mardi 20 Octobre à 14:39
    stormalo

    @ justelenoir,

    Ah oui, exact. J'avais regardé dans l'article et pas dans le module de menu.

    Ok ça marche, sauf si ton écran affiche cette page:
    http://textes-et-poemes.eklablog.com/-a201833054
    Dans ce contexte il y a un conflit entre les deux codes, celui de l'article et celui du module.

    L'identifiant de l'emplacement du lecteur (id) est bien différent dans les deux codages, mais pas le nom de la fonction qui lance l’exécution du fichier musical, qui est lect1().
    Le navigateur ne sait pas lequel des deux fonctions il doit choisir Petula ou Juliette, il improvise ou ne fait rien.
    Je pense que le problème vient de là.

    Essaye, en suivant ta logique, d'utiliser lectgreco()  [ou mieux:  lectgreco1() ]  au lieu de lect1() dans le code de la Juliette.

    Je te propose pour le module:
        
    <p>&nbsp;</p>
    <!-- codeJavascript  -->
    <script type="text/javascript">// <![CDATA[

    function lectgreco1() {$("greco1").innerHTML="<audio src='http://ekladata.com/x0N1WWNoXvYK_jnLLsRYA1FuBMY/Juliette-Greco-Les-Feuilles-Mortes.mp3' controls>Votre navigateur ne peut pas lire ce fichier musical</audio>";};
    // ]]></script>
    <!-- fin code javascript et début du code HTML -->
    <p style="text-align: center;">Cliquer sur le titre</p>
    <p style="text-align: center;">pour afficher la commande musicale</p>
    <p style="text-align: center;"><a onclick="lectgreco1()">Juliette Greco - Les Feuilles Mortes</a></p>
    <div id="greco1" style="text-align: center;">&nbsp;</div>
    <!-- fin des codes -->
    <p>&nbsp;</p>

     

    Légende (si ça peut aider):

    en rose c'est facultatif ; ce n'est que de l'info html pour se repérer dans le code

    en vert bleuté c'est du code Javascript

    en bleu ça référence la lecture du fichier musical concerné

    en rouge ça référence l'élément qui reçoit le lecteur à utiliser

    en gris/noir c'est du html

    en vert "fluo"  c'est indispensable sur EB si aucun <p> existe avant ce codage.

    Dans Trucs et Astuces j'ai testé avec plusieurs lecteurs sur le même article, mais pas dans un cas module + article. A toi de faire he

    Mardi 20 Octobre à 15:57
    justelenoir

    remerciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

     

    tout compris et recopié collé dans mon bloc notes

     

    ainsi quand je ferai des audios insérés en un article

    ou je changerai ma musique pour remplacer Juliette par un autre artiste

    je  saurai proceder a tout ces changements en suivant les étapes

     

     

    j'ai fait tout pour Greco OK

     

    et pour eviter tout conflit de lecteur avec Petula

    lect1 ()

    je l'ai remplacé par lectpetula1 ()

    Mardi 20 Octobre à 17:57
    Papasti

    Bonsoir,

    Après, en repartant du code de Stormalo, on peut faire une modification pour qu'il n'y ait qu'un seul lecteur pour plusieurs chansons (donc pas de conflit). Il suffira pour cela d'ajouter un attribut à la balise <a> pour y intégrer le lien du fichier et de modifier légèrement le script HTML.

    Tout dépend de ce que tu veux faire.

    Mardi 20 Octobre à 21:27
    stormalo

    Bonsoir Papasti,

    Je pense que le besoin de justelenoir évoluant d'unitaire dans des articles isolés à celui de jukebox dans un menu latéral, ta dernière invention est faite pour lui.  cool

     Bonne soirée.

     

    L'avantage de mon code . . .
    . . . c'est qu'il permet la polyphonie  _    _    _    _    
    _   _  _    _  _  _  _ _ _ _




    Vous devez être membre pour poster un message.