AudioBufferSourceNode.loopStart
La propriété
loopStart
de l'interface AudioBufferSourceNode
est un nombre flottant à double précision qui indique, en secondes, à quel moment de l'AudioBuffer
la lecture doit reprendre lors d'une boucle. Elle n'est prise en compte que lorque la propriété loop
est true
.
Syntaxe
js
var source = contexteAudio.createBufferSource();
source.loopStart = 3;
Valeur
Un nombre flottant à double précision. La valeur par défaut est 0
.
Exemple
Dans cet exemple, la fonction AudioContext.decodeAudioData
(en-US) est utilisée pour décoder une piste audio et la mettre dans un AudioBufferSourceNode
. L'interface fournit deux boutons pour démarrer et arrêter la lecture, et des sliders pour modifier les propriétés playbackRate
, loopStart
et loopEnd
à la volée.
Lorsque la lecture de la source audio est terminée, elle boucle. Il est possible de contrôler la durée de la boucle en modifiant loopStart
et loopEnd
. Par exemple, si leurs valeurs sont fixées à 20 et 25, respectivement, le son bouclera entre la 20ème et la 25ème secondes du morceau.
Note : Voir l'exemple complet en direct et son code source.
js
function getData() {
source = audioCtx.createBufferSource();
request = new XMLHttpRequest();
request.open('GET', 'viper.ogg', true);
request.responseType = 'arraybuffer';
request.onload = function() {
var audioData = request.response;
audioCtx.decodeAudioData(audioData, function(buffer) {
myBuffer = buffer;
songLength = buffer.duration;
source.buffer = myBuffer;
source.playbackRate.value = playbackControl.value;
source.connect(audioCtx.destination);
source.loop = true;
loopstartControl.setAttribute('max', Math.floor(songLength));
loopendControl.setAttribute('max', Math.floor(songLength));
},
function(e){"Erreur lors du décodage des données " + e.err});
}
request.send();
}
...
loopstartControl.oninput = function() {
source.loopStart = loopstartControl.value;
loopstartValue.innerHTML = loopstartControl.value;
}
loopendControl.oninput = function() {
source.loopEnd = loopendControl.value;
loopendValue.innerHTML = loopendControl.value;
}
Spécifications
Specification |
---|
Web Audio API # dom-audiobuffersourcenode-loopstart |
Compatibilité des navigateurs
BCD tables only load in the browser