Skip to content

pome-ta/studyWebAudioAPI

Repository files navigation

studyWebAudioAPI

エンベロープ

ビジュアライザー

コピペして使ってるから整理したい

シンセを作る参照にしているやつ

Playing notes with the Web Audio API Part 1 - Monophonic Synthesis

デベロッパーツールの console に差し込む

const AudioContext = window.AudioContext || window.webkitAudioContext;

context = new AudioContext;
oscillator = context.createOscillator();
oscillator.frequency.value = 200;

oscillator.connect(context.destination);

oscillator.start(0);

Qwerty Hancock qwerty-hancock/demo/index.html

読み込ませたものを、window で参照させるようにしたら読めるようになった?

キー指定の計算

mmckegg / web-audio-school

http://mmckegg.github.io/web-audio-school/

Chromatic Scale

                         -3  -1   1       4   6       9   11
                       -4  -2   0   2   3   5   7   8   10  12
  .___________________________________________________________________________.
  :  | |  |  | | | |  |  | | | | | |  |  | | | |  |  | | | | | |  |  | | | |  :
  :  | |  |  | | | |  |  | | | | | |  |  | | | |  |  | | | | | |  |  | | | |  :
  :  | |  |  | | | |  |  | | | | | |  |  | | | |  |  | | | | | |  |  | | | |  :
<-:  |_|  |  |_| |_|  |  |_| |_| |_|  |  |_| |_|  |  |_| |_| |_|  |  |_| |_|  :->
  :   |   |   |   |   |   |   |   |   |   |   |   |   |   |   |   |   |   |   :
  : A | B | C | D | E | F | G | A | B | C | D | E | F | G | A | B | C | D | E :
  :___|___|___|___|___|___|___|___|___|___|___|___|___|___|___|___|___|___|___:
    ^                           ^           ^               ^           ^
  220 Hz                      440 Hz      523.25 Hz       880 Hz     1174.65 Hz
(-1 Octave)                 (middle A)                 (+1 Octave)

A(440) -> E

oscillator.frequency.value = 440 * Math.pow(2, 7 / 12) // 659.255...

A(440) -> G

oscillator.frequency.value = 440 * Math.pow(2, -14 / 12) // 195.998...

class わけわけ

Pythonic な書き方になりそうだけど

import / export

  • import 時の波括弧{ hoge } は、export default を使ってないとき
  • export は、export default 推奨

02.とりあえず音を出す

Web Audio API | MDN Web Docs

概念

  • 音声操作をAudioContex 内の操作として実現
  • 基本的な操作はAudioNode として表現、接続をaudio routing graph
  • 異なる複数音源も 1 つの Contex で扱える

sound intensities (samples)

Web Audio API 理論の詳細 -> Basic concepts behind Web Audio API

About

No description or website provided.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published