Buongiorno a tutti,
sto realizzando un piccolo gioco a quiz.
Quando di effettua la risposta corretta si attiva un suono, quando si sbaglia si attiva un'altro suono.
Sul PC lo script funziona perfettamente mentre sugli smartphone l'evento audio funziona la prima volta e poi non funziona più.
Avete suggerimenti???
Questa è la funzione per il preload dei suoni:
Che vengono caricati qui:
Questa è la serie di eventi in caso di risposta corretta:
Questa è la serie di eventi con la risposta errata:
Ho guardato in rete ma non ne sono venuto a capo...avete qualche idea????
Grazie in anticipo!
:hammer:
sto realizzando un piccolo gioco a quiz.
Quando di effettua la risposta corretta si attiva un suono, quando si sbaglia si attiva un'altro suono.
Sul PC lo script funziona perfettamente mentre sugli smartphone l'evento audio funziona la prima volta e poi non funziona più.
Avete suggerimenti???
Questa è la funzione per il preload dei suoni:
HTML:
function loadSound() {
var audio = new Array();
var arguments = loadSound.arguments;
for (var i = 0; i < arguments.length; i++) {
audio[i] = document.createElement("audio");
audio[i].id = arguments[i];
if (audio[i].canPlayType("audio/ogg"))
{audio[i].src = "res/"+arguments[i]+".ogg"};
if (audio[i].canPlayType("audio/mpeg"))
{audio[i].src = "res/"+arguments[i]+".mp3"};
$('body').append(audio[i]);
}
}
Che vengono caricati qui:
HTML:
$(document).ready(function() {
loadSound("no","ok","blip");
logic();
});
Questa è la serie di eventi in caso di risposta corretta:
HTML:
function good() {
$('.option').unbind('click');
$('#vote').fadeIn('slow', function (){
$(this).css({backgroundImage:'url("res/correct.png")'});
correct++;
ok.play();
$(this).fadeOut('slow', function () {
$('#question'+num).css({display: 'none'});
num++;
logic();});
});
}
Questa è la serie di eventi con la risposta errata:
HTML:
function bad() {
$('.option').unbind('click');
console.log('no');
$('#vote').fadeIn('slow', function (){
$(this).css({backgroundImage: 'url("res/bad.png")'});
wrong++;
no.play();
$(this).fadeOut('slow', function () {
$('#question'+num).css({display: 'none'});
num++;
logic();
});
});
}
Ho guardato in rete ma non ne sono venuto a capo...avete qualche idea????
Grazie in anticipo!
:hammer:
Ultima modifica: