Discussion :

[julien9662]

Bonjour,
pour les besoins d'un projet j'ai dû utiliser web audio API, qui est une API que je ne maitrise pas vraiment et dont je n'ai pas le temps d'apprendre rigoureusement le fonctionnement. Je me tourne donc vers vous pour savoir si vous pourriez m'aider à résoudre mon problème.
J'essaie de faire un métronome tout simple qui marque tous les temps d'une mesure. La solution que j'ai trouvé pour y "arriver" me limite à un certain nombre de mesure avant de devoir faire cesser le métronome.
Voici le 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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
//---Variables globales----------------------
var bpm = 90;
var quarterNote = 60 / bpm;
var startTime;
var metroBuffer = [];
//-------------------------------------------
 
function initMetronome(i){
    var request = new XMLHttpRequest(); 
    request.open("GET","Samples/metro"+(i+1)+".mp3",true);     
    request.responseType = "arraybuffer";     
    request.onload = function() {         
        context.decodeAudioData(request.response, function(buffer) {             
            metroBuffer[i] = buffer;
        });     
    };     
    request.send(); 
}
 
function metronome(){
    startTime = context.currentTime;
    console.log(startTime);
    var tap1 = metroBuffer[0];
    var tap2 = metroBuffer[1];
 
    for(var i = 4; i<100; i+=4){
        playSound(tap1, startTime + (i-4)*quarterNote);
        playSound(tap2, startTime + (i-3)*quarterNote);
        playSound(tap2, startTime + (i-2)*quarterNote);
        playSound(tap2, startTime + (i-1)*quarterNote);
    }
 
}
 
function playSound(buffer, time) {
    var source = context.createBufferSource();
    source.buffer = buffer;
    source.connect(context.destination);
    source.start(time);
}

J'ai essayer d'ajouter un SetTimeout dans le for() autour des playSound(), mais ca ne change rien.
Je ne vois définitivement pas comment je peux faire...

Merci d'avance pour vos conseils

[SpaceFrog]

http://codepen.io/div/pen/HwIvk

[julien9662]

Merci pour le lien mais je l'avais déjà vu. La méthode utilisé est très différente de la mienne. Ce que j'aurais voulu savoir c'est s'il n'existait une méthode réalisable à partir du code que j'ai déjà.

[01001111]

Essaie d'utiliser la récursivité des fonctions et un booléen.

Code javascript :

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 stop=false;
function metronome(){
    startTime = context.currentTime;
    var tap1 = metroBuffer[0];
    var tap2 = metroBuffer[1];
    if (!stop) {
       playSound(tap1, startTime);
       playSound(tap2, startTime+quarterNote);
       playSound(tap2, startTime+2*quarterNote);
       playSound(tap2, startTime+3*quarterNote);
       setTimeout(metronome, (4000*quarterNote)|0);//appel récursif
    }
}
function playSound(buffer, time) {
    var source = context.createBufferSource();
    source.buffer = buffer;
    source.connect(context.destination);
    source.start(time);
}
function stopSound(event) {
      stop=true;
}

seul problème ici, ça stoppe à la fin d'une mesure donnée, si tu veux vraiment stopper immédiatement, utilise setTimeout partout au lieu de start(time);
Après je ne suis pas très fan de la précision temporelle de setTimeout.

[julien9662]

Merci beaucoup, c'est exactement ce qu'il me fallait !