p5.js | SoundFile 对象安装和方法

p5.js是一个使用JavaScript编写音乐和可视化的工具库。使用p5.js，你可以快速地构建具有音频和图形功能的Web应用程序。

SoundFile是p5.js中用于加载、播放和控制音频文件的对象。在本文中，我们将介绍SoundFile对象的安装和方法。

安装

你可以在p5.js官方网站上下载p5.js工具库，并将其链接到你的网页中。你也可以使用CDN（Content Delivery Network）将其链接。

<!-- 通过CDN链接p5.js库 -->
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0"></script>

创建SoundFile对象

要创建一个新的SoundFile对象，你需要使用SoundFile()函数，并指定音频文件的路径。你可以使用loadSound()函数来加载此文件。

let mySound;

function preload() {
  mySound = loadSound('path/to/mySound.mp3');
}

function setup() {
  createCanvas(400, 400);
  mySound.play();
}

function draw() {
  background(220);
}

在这个例子中，我们首先使用preload（）函数加载音频文件。一旦文件已加载，我们就可以使用它来创建SoundFile对象。

在setup（）函数中，我们使用play（）函数播放音频文件。你还可以使用stop（）函数来停止音频文件的播放。

SoundFile对象的方法

以下是SoundFile对象的一些主要方法：

play()

播放SoundFile对象中的音频文件。

loop()

无限循环播放SoundFile对象中的音频文件。

stop()

停止播放SoundFile对象中的音频文件。

jump(time)

将SoundFile对象中的当前时间跳转到给定的时间（以秒为单位）。

let mySound;

function preload() {
  mySound = loadSound('path/to/mySound.mp3');
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
}

function mousePressed() {
  mySound.play();
}

function keyPressed() {
  if (key === ' ') {
    mySound.stop();
  }
}

在这个例子中，我们使用mousePressed（）函数在用户单击时播放音频文件。我们还使用keyPressed（）函数停止音频文件的播放。

结论

SoundFile对象是p5.js中用于加载、播放和控制音频文件的对象。通过创建SoundFile对象，您可以使用p5.js为您的Web应用程序添加音频功能。