Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Web Audio APIで 楽器をつくる

Avatar for sakmak sakmak
November 28, 2014
320
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
140

Featured

See All Featured
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
550
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
192
12k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
70
68k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
580
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3.1k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
370

Transcript

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

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

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

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