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

Web Audio APIで 楽器をつくる

Avatar for sakmak sakmak
November 28, 2014
300
0

Web Audio APIで 楽器をつくる

Avatar for sakmak

sakmak

November 28, 2014

More Decks by sakmak

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

Featured

See All Featured
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
93
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.4k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
160
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
11k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
62
53k
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
160
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k

Transcript

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

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

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

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