Ajouter de l'audio dans un script de traduction français anglais

Bonjour,

Je préfère vous prévenir avant de poster mon problème, je suis plus un bricoleur de code qu'un programmeur...

Je suis en train de ~~programmer~~ bricoler en prenant du code par-ci, par-là :oops: un petit script en javascript qui permet en tapant un mot en français il affiche la traduction en anglais ou vis versa et... ça fonctionne très bien.

Ce que je souhaite rajouter c'est qu'en cliquant sur la traduction on entendra la prononciation du mot en anglais, je précise que c'est moi-même qui enregistrera ces mots en mp3 (pas une voix robotique de IA de Google).

vous trouverez ci-dessous le petit script sans la partie formulaire html.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
var dico=new InitDico();
dico.Add("bonjour","hello");
dico.Add("chaise","chair");
dico.Add("eau","water");
 
function disp(txt) { document.write(txt) }
 
function InitDico() {
 
	this.nb_mot=0;
	this.Add=AddMot;
	this.Traduire=TraduireMot;
	this.Traduirek=TraduireMotk;
}
 
function AddMot(un_mot,traduction) {
 
	var nb = this.nb_mot;
	var mot = new Object;
		mot.txt=un_mot;
		mot.trad=traduction;
	this[nb]=mot;
	this.nb_mot++;
}
 
function TraduireMot(mot) {
	var n=this.nb_mot;
	var indice=-1;
	if (mot!="") {
		for (var i=0; i<n; i++) {
			if (this[i].txt==mot) {indice=i; break;}
		}
		if (indice>=0) {document.forms[0].elements[3].value=this[indice].trad}
		else {document.forms[0].elements[3].value="Mot absent du dictionnaire";}
	}
}
 
function TraduireMotk(mot) {
 
	var n=this.nb_mot;
	var indice=-1;
	if (mot!="") {
		for (var i=0; i<n; i++) {
			if (this[i].trad==mot) {indice=i; break;}
		}
		if (indice>=0) {document.forms[0].elements[3].value=this[indice].txt}
		else {document.forms[0].elements[3].value="Mot absent du dictionnaire";}
	}
}

J'ai essayé de rajouter dans le script un petit code en html5

Code:

<audio controls="controls"><source src="hello.mp3" type="audio/mp3" /></audio>

mais ça ne fonctionne pas :ptdr:

voici comment j'ai fait :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
var dico=new InitDico();
 
dico.Add("bonjour","hello, <audio controls="controls"><source src="hello.mp3" type="audio/mp3" /></audio>");
dico.Add("chaise","chair");
dico.Add("eau","water");
 
function disp(txt) { document.write(txt) }
 
function InitDico() {
	this.nb_mot=0;
	this.Add=AddMot;
	this.Traduire=TraduireMot;
	this.Traduirek=TraduireMotk;
}
 
function AddMot(un_mot,traduction) {
	var nb = this.nb_mot;
	var mot = new Object;
		mot.txt=un_mot;
		mot.trad=traduction;
	this[nb]=mot;
	this.nb_mot++;
}
 
function TraduireMot(mot) {
	var n=this.nb_mot;
	var indice=-1;
	if (mot!="") {
		for (var i=0; i<n; i++) {
			if (this[i].txt==mot) {indice=i; break;}
		}
		if (indice>=0) {document.forms[0].elements[3].value=this[indice].trad}
		else {document.forms[0].elements[3].value="Mot absent du dictionnaire";}
	}
}
 
function TraduireMotk(mot) {
	var n=this.nb_mot;
	var indice=-1;
	if (mot!="") {
		for (var i=0; i<n; i++) {
			if (this[i].trad==mot) {indice=i; break;}
		}
		if (indice>=0) {document.forms[0].elements[3].value=this[indice].txt}
		else {document.forms[0].elements[3].value="Mot absent du dictionnaire";}
	}
}

Je vous serais vraiment très reconnaissant si vous m'aider à corriger mon script.

Bien cordialement,