Comment remplacer Adobe flash player ?

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 )

merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

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

ca marche bien, tout a fonctionné eh eh eh

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

pour un de mes artciles

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

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

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

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)

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

@ 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

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

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.

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. 

 Bonne soirée.

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