プログラミングB #11

#11 様々なメディアとその操作(2)オーディオ,タイポグラフィ


高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 講師


外部ファイル(サンプル)のダウンロード




p5.jsでのオーディオデータの再生

  • p5.jsではオーディオ再生にp5.sound.jsという外部ライブラリを使用する.
  • 外部ライブラリ:便利な機能を拡張するためのツール.
  • その他画像解析や物理演算など様々なライブラリがある.

1-オーディオデータの再生:ループ再生

let sample; //ファイルを格納する変数

//ファイルの読み込み
function preload() {
  sample = loadSound('jingle.mp3');
}

function setup() {
  createCanvas(400, 400);
  sample.loop(); //音源データをループで再生
}

function draw() {
  background(200);
}

//マウスを押したら再生が停止,再開
function mousePressed(){
        if(sample.isPlaying()){ //音源が再生されているかをisPlaying()で確認        
          sample.pause();
  }else{
          sample.loop();
  }
}

  • isPlaying()関数のようなp5.sound.jsの仕様(使用可能な関数やその使い方)は以下リンクから確認できる