11486 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous

j'ai 3 sons (lancer, melanger et jackpot si on gagne)
sur pc les 3 fonctionnent sur smartphone le son jackpot ne fonctionne pas
pourquoi cette différence de fonctionnement ?

merci de m'aider j'ai 63 balais et débutant en javascript et jquery
hopla geiss
C'est cette ligne qui pause problème sur smartphone

$('#jackpot')[0].play();// demarre son jackpot

mon code javascript

$(document).ready(function() {
var resultat="";
var machine1 = $("#casino1").slotMachine({
active	: 0,
delay	: 500
});
var machine2 = $("#casino2").slotMachine({
active	: 1,
delay	: 500,
direction: 'down'
});
var machine3 = $("#casino3").slotMachine({
active	: 2,
delay	: 500
});
function jouer(){
$("#bouton").hide("slow");// cache le bouton
$('#casino').css({'background-image':'url(/css/images/machine2.png)'});// background levier bas
$('#jackpot')[0].pause();// on arrete le son jackpot
$('#melanger')[0].pause();// on arrete le son melanger
$('#lancer')[0].pause();// on arrete le son lancer
resultat="";// raz resultat
$("#ResultatGagne").hide("slow");// cache div gagne
$("#ResultatPerdu").hide("slow");// cache div perdu
$('#lancer')[0].play();// demarre son lancer
$('#melanger')[0].play();// demarre son melanger
machine1.shuffle(5, onComplete);
setTimeout(function(){machine2.shuffle(5, onComplete);}, 500);
setTimeout(function(){machine3.shuffle(5, onComplete);},1000);
};
function onComplete(active){
switch(this.element[0].id){
case 'casino1':
resultat=resultat+this.active;
$("#Resultat").text("Index: "+resultat);
break;
case 'casino2':
resultat=resultat+this.active;
$("#Resultat").text("Index: "+resultat);
break;
case 'casino3':
$('#melanger')[0].pause();// on arrete le son melanger
resultat=resultat+this.active;
if (test==1) {resultat="000";} 
switch(resultat) {
    case "000":
	case "111":
	case "222":
	case "333":
	case "444":
	case "555":
	case "666":
		$('#jackpot')[0].play();// demarre son jackpot
 		$("#ResultatGagne").show("slow");//affichage div gagne
	break;
    default:
		$("#ResultatPerdu").show("slow");//affichage div perdu
};
$('#casino').css({'background-image':'url(/css/images/machine.png)'});// background levier haut
$("#bouton").show("slow");// affiche boutons 
resultat="";
break;
};
};
$("#BoutonDemarrer").click(function(){
test=0;
jouer();
return false;
});
$("#BoutonDemarrerTest").click(function(){
test=1;
jouer();
});
});

Modifié par cyberdede (31 Aug 2017 - 10:11)
J'ai du rajouter au début
$('#jackpot')[0].play();// demarre son jackpot
$('#jackpot')[0].pause();// arrete son jackpot
Pour initialiser le son
Ça fonctionne mais je ne sais toujours pas pourquoi