Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Audio APIで 楽器をつくる

Avatar for sakmak sakmak
November 28, 2014
0
300

Web Audio APIで 楽器をつくる

Avatar for sakmak

sakmak

November 28, 2014
Tweet

More Decks by sakmak

See All by sakmak
20140925_TypeTalk.pdf
Avatar for sakmak mexsakamoto
0
130

Featured

See All Featured
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.2k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Done Done
Avatar for chrislema chrislema
186
16k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k

Transcript

  1. Web Audio APIで 楽器をつくる ジングルベルをひいてみよう

  2. <audio>タグとのちがい →Playのたびに音がつくられるのがいい 複数音声再生できる（連打・和音がだせる） →ゲーム向き

  3. BufferLoaderクラス →複数音声ファイルを使うときに便利 →１個１個の音声ファイルが操作しやすくなる ＊buffer-loader.jsを読み込む と「BufferLoaderクラス」が使えるようになります。

  4. デモ http://sakmak.sakura.ne.jp/webaudio/index.html スマホで見るときは横向きでお願いします。 あと下の方さわるとバーが出たりするので優しくさわってください。