p5.jsで音を鳴らす方法

プログラム

//setup()の前に音源をセットする
function preload() {
  sound = loadSound('music/pon.mp3');
}

//音を鳴らす関数を用意する
function onClickPlay () {
  if(sound.isPlaying()) {  
    sound.stop()  
    return
  }
  sound.play()
}

//マウスクリックで音が鳴り、もう一度クリックで音が止まる。
function mousePressed() {
  onClickPlay ();
}

オプション

音をループさせたい場合⇒.loop()
sound.loop()

エラー文

エラー内容
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

翻訳
AudioContext の開始が許可されませんでした。ページ上でのユーザー ジェスチャの後、再開 (または作成) する必要があります。

画面が表示されて、いきなり音をだすことは許されていないらしい。クリック等でユーザーがアクションした後だったら音を鳴らすことができるようだ。