🎈

Tone.jsで音をならしてみる。

2022/08/02に公開

tone.jsとは

Web Audio APIを使いやすくしたライブラリがtone.jsです。
活用すれば、Web Audio APIより簡単に音の処理(エフェクトなど)を行ったり、シンセサイザー等を作成してwebサイトに組み込むことが可能になります。

yarn add tone

tone.jsには音を鳴らす方法が複数存在します。
今回は、

について記述します。

まずライブラリのimportをしてください。

import * as Tone from 'tone'

const play = async() = > {
	const player = new Tone.Player().toDestination();
	player.load(”path”);
	await Tone.loaded();
	player.start();
}

”path”には再生したいオーディオファイルのパスを入力してください。
Tone.loadedはPromiseです。全てのロードが完了したとき返却されます。

const play = () = > {
	const　osc = new Tone.Oscillator(440, "sine").toDestination().start();
}

440Hzのsine波を鳴らしています。
(ラ音 == 440Hz)

文を書く練習ということで、一旦音を鳴らすまで記述させていただきました。
備忘録的に少しずつアップしていきます。