Discussion :

[buffalo974]

Bonjour,
j'ai besoin de lire un fichier mp3 à l' envoi d'un formulaire.
J'ai fais un petit serveur python sur raspberry avec flask.

Le côté serveur gère un compte en banque. De l'argent est déduit de l'utilisateur lorsqu'il achète
quelque-chose.
Côté client, en appuyant sur le bouton "acheter", un bref son mp3 est lu pour rassurer le bon déroulement de l' opération.

Mon problème : le mp3 est lu en excès dès l' affichage de la page html , avant même que l'utilisateur n'est eu le temps de clicker sur un bouton. De plus , chaque rafraîchissement enclenche la lecture automatique du mp3.

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var compteur = 0
 
function javazik()
{
    if (compteur == 0){
        document.getElementById('zik').volume= 0;
        document.getElementById('zik').play();
 
 
    } else {
        document.getElementById('zik').volume= 1;
        document.getElementById('zik').play();
 
    }
}
 
function addOnClick()
{
  var x = document.getElementById("echo");
  x.addEventListener("click", javazik, false);
  compteur += 1;
}
window.onload=addOnClick;

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<audio id="zik" src="static/sound/Coin_Drop.mp3" width="320" height="240"></audio>
<form action=""  id="mon_formulaire" method="post">	
    <div>   
        <p><button id="echo" type="submit" >Acheter !</button><p>
    </div>
</form>

[SylvainPV]

C'est bizarre, ça ne devrait pas lire automatiquement si tu ne mets pas l'attribut autoplay sur l'élément audio. C'est le seul code que tu as qui manipule cet élément ?

Sinon tu peux ajouter l'attribut src dans la fonction javazik seulement, comme ça tu es sûr que le son ne sera pas lu avant d'être rentré dans cette fonction. Par contre tu perdras le préchargement du son.

[buffalo974]

merci sylvain pour ton aide , mais ça ne marche pas. Le problème est plus grave que ça j'ai l' impression.

J' ai du manqué une règle qui m' aveugle dans mon expérience. J' ai l' impression que ce que je désire est le B-A BA est je suis incapable d'en trouver une illustration ...

Je me suis inscris à des jeux gratuit par navigateur puis avec un ctrl+U mais ça ressemble à rien.

J'ai regardé des exemples en jquery et en ajax, mais mon manque d' experience avec ces technologies
n'ont pas aboutie.
Est il possible de communiquer de la page web vers le serveur sans poster un formulaire ?
Puis je obtenir sinon le résultat attendu via un GET à la place d'un POST ?

Quelle raison y aurait il pour que le fait disposer un formulaire s'accompagne d'une lecture de mp3
dès l' affichage ? c'est comme si ça se postait tout seul dès l' affichage bien que le serveur ne calcul rien à l' affichage?

J'ai même essayé de coller du preventdefault mais ça bloque le son complement !

[SylvainPV]

Ça fait beaucoup de questions sans rapport avec le sujet initial, mais bon je vais tacher d'y répondre

merci sylvain pour ton aide , mais ça ne marche pas.

ne dis plus jamais "ça ne marche pas" sans préciser qu'est-ce que tu as essayé et quel résultat tu as obtenu. C'est très agaçant de lire ça sans avoir aucun détail. Si tu as retiré l'attribut src alors il est impossible que l'audio ait été lu avant d'entrer dans la fonction.

Je me suis inscris à des jeux gratuit par navigateur puis avec un ctrl+U mais ça ressemble à rien.

Tu t'attendais à quoi, un tutoriel commenté :p tous ces codes sont compressés en production, ils ne divulguent pas leurs sources à tout le monde. Et même si c'était le cas, je ne vois pas ce que tu pourrais en tirer, ça serait chercher une aiguille dans une botte de foin

J'ai regardé des exemples en jquery et en ajax, mais mon manque d' experience avec ces technologies
n'ont pas aboutie.
Est il possible de communiquer de la page web vers le serveur sans poster un formulaire ?
Puis je obtenir sinon le résultat attendu via un GET à la place d'un POST ?

Tu n'as pas dû te renseigner beaucoup sur ajax vu que c'est exactement à ça que ça sert

Quelle raison y aurait il pour que le fait disposer un formulaire s'accompagne d'une lecture de mp3
dès l' affichage ?

aucune a priori, c'est pour ça que je t'ai demandé si tu avais un autre code JS susceptible de manipuler l'élément audio.