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
相關用法
- d3.js d3.lab()用法及代碼示例
- d3.js d3.hcl()用法及代碼示例
- PHP pow( )用法及代碼示例
- CSS url()用法及代碼示例
- p5.js hex()用法及代碼示例
- p5.js str()用法及代碼示例
- PHP dir()用法及代碼示例
- d3.js d3.rgb()用法及代碼示例
- CSS rgb()用法及代碼示例
- PHP pi( )用法及代碼示例
- p5.js value()用法及代碼示例
- p5.js int()用法及代碼示例
注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 p5.js | rate() Function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。