p5.js | loop() Function

Last Updated : 12 Jul, 2025
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: javascript 
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/javascript/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
Comment

Explore