The loop() function is an inbuilt function in p5.js library. This function is used to play the audio on the web in a loop. The loop function can call after or before the play() function, it does not matter. It will play that loaded sound again and again in a loop.
Syntax:
loop( startTime, rate, amp, cueStart, duration )
Note: All the sound-related functions only work when the sound library is included in the head section of the index.html file.
Parameter: This function accepts five parameters as mentioned above and described below:
- startTime: This parameter holds an integer number as seconds that defines the scheduled playback and it is an optional parameter.
- rate: This parameter holds an integer number that defines playback rate and it is an optional parameter.
- amp: This parameter holds an integer number that defines the amplitude of the playback and it is an optional parameter.
- cueStart: This parameter holds an integer number as seconds that define the cue start time in seconds and it is an optional parameter.
- duration: This parameter holds an integer number that defines the duration of playback in seconds and it is an optional parameter.
Below given example illustrate the p5.js loop() function in JavaScript:
Example:
var sound; function preload() { // Initialize sound sound = loadSound("pfivesound.mp3"); } function setup() { // Playing the preloaded sound in a loop sound.play(); sound.loop(); } |
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Supported Browsers: The browsers supported by p5.js loop() function are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
