当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


p5.js rate()用法及代码示例


rate()函数是p5.js库中的内置函数。此函数用于控制网络上播放音频的速度。通过将滑块划分为不同的范围,该滑块也可以控制该速率。

用法:

rate( playbackRate )

注意:仅当index.html文件的开头部分中包含声音库时,所有与声音相关的函数才起作用。


参数:该函数接受如上所述和以下描述的单个参数:

  • playbackRate:此参数用于保存播放速度的值。

以下示例说明了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()); 
}

在线编辑:
环境设置:

支持的浏览器:下面列出了p5.js rate()函数支持的浏览器:

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


相关用法


注:本文由纯净天空筛选整理自skyridetim大神的英文原创作品 p5.js | rate() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。