📜  p5.js |跳转()函数

📅  最后修改于: 2022-05-13 01:56:36.323000             🧑  作者: Mango

p5.js |跳转()函数

jump()函数是 p5.js 库中的内置函数。该函数用于在播放音频的某个特定点跳转,只需要该音频的时间位置。这是在网络上播放的时间。

句法:

jump( cueTime, duration )

注意:只有当声音库包含在index.html文件的 head 部分中时,所有与声音相关的功能才有效。

参数:此函数接受两个参数,如上所述和如下所述。

  • cueTime:此参数以秒为单位保存一个整数,以秒为单位定义提示时间。
  • 持续时间:此参数包含一个整数,它以秒为单位定义播放的持续时间。

以下示例说明了 JavaScript 中的p5.js jump()函数

示例 1:在此示例中,歌曲将在歌曲的第二个 7 位置跳转。

Javascript
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 );
 
}


Javascript
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);
}


例 2:在本例中,如果按下按钮,歌曲将在歌曲的中间位置跳转。

Javascript

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);
}

注意:如果您再次按下按钮,可能会在穿过中间位置后再次从中间位置播放歌曲。

在线编辑器: https://editor.p5js.org/
环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

支持的浏览器: p5.js jump()函数支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 苹果浏览器
  • 歌剧