p5.js | loop() Function

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/amp/

Supported Browsers: The browsers supported by p5.js loop() function are listed below:

• Google Chrome
• Internet Explorer
• Firefox
• Safari
• Opera