p5.js | rate()函数

rate()函数是 p5.js 库中的内置函数。此函数用于控制网络上播放音频的速度。这个速度也可以通过一个滑块来控制，方法是将其划分在不同的范围内。

句法：

rate( playbackRate )

注意：只有当声音库包含在index.html文件的 head 部分中时，所有与声音相关的功能才有效。

参数：此函数接受一个如上所述和如下所述的参数：

• 播放速率：此参数用于保存播放速度速率的值。

以下示例说明了 JavaScript 中的p5.rate()函数：

示例 1：在此示例中，音频的播放速度将比正常速率快 2 倍。

var sound; 
   
function preload() { 
   
    // Initialize sound 
    sound = loadSound("pfivesound.mp3"); 
} 
   
function setup() { 
   
    // Playing the preloaded sound 
    sound.play();
  
    //sound will play twice fast 
    sound.rate(2);
} 

示例 2：在此示例中，音频将以正常速度播放，但您可以更改它。通过滑动滑块，滑块的每一步增加速度加快 0.2 倍。范围是 1 到 2，表示正常速度快 2 倍。

var sound; 
var speed; 
   
function preload() { 
    
    // Initialize sound 
    sound = loadSound("pfivesound.mp3"); 
} 
    
function setup() { 
    
    // Playing the preloaded sound 
    sound.play();
  
    //creating speed rate slider
    speed = createSlider(1, 2, 1, 0.2);
    
} 
    
function draw() {
    sound.rate(speed.value());
}

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

支持的浏览器： p5.js rate()函数支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧