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

Web Audio APIで 楽器をつくる

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
280
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
56
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
350
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
190
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
58
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150

Transcript

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

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

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

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