AudioBufferSourceNode.loopStart
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
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
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
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.
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