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

WebAudioAPIで(目的の)SE作れなかった話

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for mex-ichikawa mex-ichikawa
November 28, 2014
Technology
35
0

 WebAudioAPIで(目的の)SE作れなかった話

Avatar for mex-ichikawa

mex-ichikawa

November 28, 2014

More Decks by mex-ichikawa

See All by mex-ichikawa
Three.js vs Unity5
Avatar for mex-ichikawa mex_ichikawa
0
59
Bower + WebComponents
Avatar for mex-ichikawa mex_ichikawa
0
39
gulp + React
Avatar for mex-ichikawa mex_ichikawa
2
430
Blob URL Scheme
Avatar for mex-ichikawa mex_ichikawa
0
570

Other Decks in Technology

See All in Technology
Tour of Agent Protocols: MCP, A2A, AG-UI, A2UI with ADK
Avatar for Mete Atamel meteatamel
0
200
CloudFrontのHost Header転送設定でパケットの中身はどう変わるのか？
Avatar for nagisa_53 nagisa53
1
250
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
Avatar for Katz Ueno katzueno
2
280
AWS DevOps Agent or Kiro の使いどころを考える_20260402
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
140
40代からのアウトプット ― 経験は価値ある学びに変わる / 20260404 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
4
760
昔話で振り返るAWSの歩み ～S3誕生から20年、クラウドはどう進化したのか～
Avatar for NRI Netcom nrinetcom
PRO
0
140
GitHub Actions侵害 — 相次ぐ事例を振り返り、次なる脅威に備える
Avatar for GMO Flatt Security flatt_security
12
7.3k
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
Avatar for you（@youtoy） you
PRO
0
200
Even G2 クイックスタートガイド（日本語版）
Avatar for vrshinobi vrshinobi1
0
190
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
2.1k
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
Avatar for Ken Kato kkato1
1
230
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
Avatar for terry-u16 terryu16
0
670

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
160
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
450
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
250
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
180
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
37k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
320
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

Transcript

  1. WebAudioAPIでSE作れなかった話 @ichikawa Tsukiji.front - 2014/11/28

  2. テーマがWebAudio

  3. あんま使ったこと無いし、 音再生以上の事を普段しない。。。

  4. 音関係で欲しいツール

  5. SE生成ツール！

  6. 口で発した音を よしなに効果音に 変換してくれるやつ

  7. 機能妄想

  8. • 音声録音機能 • 音再生機能 • 音変換機能 • 音声ファイルダウンロード機能 (これはBlob URL

    Schemeの回を参照してね)

  9. 音声録音と再生機能

  10. navigator.getUserMedia (DEMO) 対応状況

  11. じゃあ次、音変換

  12. AudioBufferを解析して あれして、これして、なんとかして OscillatorNodeで音を生成していけば できそうだな！

  13. ・・・

  14. なるほど、わからん＞＜

  15. Biquadフィルターでなんとかしてみる (DEMO)

  16. ・・・

  17. なんともならんかった

  18. まとめ • 日本語ソース • HTML5Rocks • WEB SOUNDER • API

    • MOZILLA DEVELOPER NETWORK 基礎的なことはこの辺で調べられます。

  19. おわり