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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。