當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。