The play() function is an inbuilt function in p5.js library. This function is used to play the loaded audio on the web. The play function should call after the loadSound() function. If you call before that it has nothing to play so it will show loading nothing else will happen ever.
Syntax:
play( startTime, rate, amp, cueStart, duration )
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 defines the cue start time in seconds and it is an optional parameter.
- duration: This parameter holds an integer number that defines duration of playback in seconds and it is an optional parameter.
Below given example illustrate the p5.js play() function in JavaScript:
Example:
var sound; function preload() { // Initialize sound sound = loadSound("pfivesound.mp3"); } function setup() { // Playing the preloaded sound sound.play(); } |
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Supported Browsers: The browsers are supported by p5.js play() function are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
Recommended Posts:
- How to play a notification sound on websites?
- How to play audio repeatedly using HTML5 ?
- CSS | animation-play-state Property
- HTML | DOM Video play( ) Method
- How to record and play audio in JavaScript ?
- How to play/pause video using jQuery ?
- How to use Bootstrap modal for YouTube videos and play automatically ?
- Data Scraping for Android Apps using google-play-scraper in Node.js
- How to Check a Function is a Generator Function or not using JavaScript ?
- How to call a function that return another function in JavaScript ?
- How to get the function name from within that function using JavaScript ?
- How to get the function name inside a function in PHP ?
- D3.js | d3.min() function
- PHP | exp() Function
- D3.js now() function
- D3.js | d3.sum() function
- p5.js | pan() Function
- CSS | var() Function
- PHP | dir() Function
- p5.js | value() Function
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
