p5.js | createAudio()函数

介绍

createAudio() 是 p5.js 库中的一个音频函数，它可以用于创建一个新的 <audio> 元素，并将其添加到该 p5 音频环境中进行操作。

这个函数通常用于创建一个 p5.SoundFile 对象，用于加载、播放和操作音乐文件。它还可以让你联接到音频流，以便通过WebRTC进行远程音频处理。在使用 createAudio() 时，你可以指定播放的来源文件，以及一些其他的配置选项。

语法

createAudio() 函数的语法非常简单，只需要在 p5 环境中调用函数，并提供播放的音频文件的 URL。下面是最基本的用法：

let audio = createAudio('path/to/audiofile.mp3');

配置选项

在创建 p5.SoundFile 对象之后，你可以配置音频流的各种选项。以下是使用 createAudio() 时可用的一些配置选项示例：

loop

这个选项允许你指定音频文件是否应该循环播放。默认情况下，它是关闭的。如果你希望循环播放文件，可以将该选项设置为 true。

let audio = createAudio('path/to/audiofile.mp3');
audio.loop(true);

rate

这个选项用于调整音频文件的播放速度。默认情况下，该选项的值为 1。如果你想加速或减速文件的播放速度，可以通过设置 rate 属性来实现。

let audio = createAudio('path/to/audiofile.mp3');
audio.rate(1.5);

volume

这个选项用于调整音频文件的音量大小。默认情况下，该选项的值为 1。如果你想增加或减少音量，可以设置 volume 属性。

let audio = createAudio('path/to/audiofile.mp3');
audio.volume(0.5);

start，stop 和 pause

这三个选项分别用于开始、停止以及暂停音频文件的播放。你可以使用以下语句来实现这些功能：

let audio = createAudio('path/to/audiofile.mp3');
audio.start();  // 开始播放
audio.stop();   // 停止播放
audio.pause();  // 暂停播放

示例

以下代码片段演示了如何使用 createAudio() 函数来加载并播放一个音频文件。该文件将循环播放，并且可以通过调节滑块来调整音量。在调整音量时，滑块的当前值将显示在页面上。

let audio, slider, volume;

function setup() {
  audio = createAudio('path/to/audiofile.mp3');
  audio.loop(true);
  
  slider = createSlider(0, 1, 1, 0.01);
  slider.position(10, 10);
  slider.input(function() {
    audio.volume(slider.value());
    volume.html('Volume: ' + slider.value());
  });
  
  volume = createDiv('Volume: 1.00');
  volume.position(10, 30);
}

function draw() {
  // do something
}