jump()函數是p5.js庫中的內置函數。此函數用於在播放音頻的某個特定點處跳轉,隻需要該音頻的時間位置即可。這段時間正在網上播放。句法:
jump( cueTime, duration )
注意:僅當index.html文件的開頭部分中包含聲音庫時,所有與聲音相關的函數才起作用。
參數:該函數接受上麵提到和下麵描述的兩個參數。
- cueTime:此參數以秒為單位定義一個整數,以秒為單位定義提示時間。
- duration:此參數包含一個整數,該整數定義以秒為單位的播放持續時間。
下麵的示例說明了JavaScript中的p5.js jump()函數:示例1:在此示例中,歌曲將在歌曲的第二個7位置跳轉。
var sound;
function preload() {
// Initialize sound
sound = loadSound("pfivesound.mp3");
}
function setup() {
// Playing the preloaded sound
sound.play();
//sound will jump at that point
sound.jump( 7 );
}
範例2:在此示例中,如果您按下按鈕,歌曲將跳到歌曲的中間位置。
var sound;
var jmp;
function preload() {
// Initialize sound
sound = loadSound("song.mp3");
}
function setup() {
// Playing the preloaded sound
sound.play();
//Creating button
jmp = createButton("Jump");
jmp.mousePressed(jumpAudio);
}
function jumpAudio() {
//sound will jump at that point
var len = sound.duration();
sound.jump( len/2);
}
注意:越過中間位置後,如果再次按下該按鈕,則可能會再次從中間位置播放歌曲。
支持的瀏覽器:下麵列出了p5.js jump()函數支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- 火狐瀏覽器
- 蘋果瀏覽器
- Opera
相關用法
- PHP pow( )用法及代碼示例
- p5.js max()用法及代碼示例
- d3.js d3.map.has()用法及代碼示例
- d3.js d3.rgb()用法及代碼示例
- PHP each()用法及代碼示例
- CSS var()用法及代碼示例
- p5.js red()用法及代碼示例
- PHP pi( )用法及代碼示例
- p5.js log()用法及代碼示例
- p5.js cos()用法及代碼示例
- PHP each()用法及代碼示例
注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 p5.js | jump() Function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。