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


p5.js jump()用法及代碼示例


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


相關用法


注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 p5.js | jump() Function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。