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

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

Avatar for mex-ichikawa mex-ichikawa
November 28, 2014
Technology
36
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
62
Bower + WebComponents
Avatar for mex-ichikawa mex_ichikawa
0
41
gulp + React
Avatar for mex-ichikawa mex_ichikawa
2
430
Blob URL Scheme
Avatar for mex-ichikawa mex_ichikawa
0
580

Other Decks in Technology

See All in Technology
2026 TECHFRESH 畢業分享會 - 開發日常大解密！從領域驅動到企業級上線
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
950
小さく始める AI 活用推進 ― 日経電子版 Web チームの事例/nikkei-tech-talk47
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
250
小さくはじめるSLI/SLO ～育てながら組織に定着させる実践知～ / Starting Small with SLI/SLOs: Building Adoption Through Continuous Growth
Avatar for Narimichi Takamura nari_ex
7
1.9k
Claude Codeをどのように キャッチアップしているか
Avatar for Oikon oikon48
12
7.7k
チームで進めるAI駆動アジャイル×ウォーターフォール
Avatar for 熊井悠 kumaiu
0
160
LayerXにおけるセキュリティ管理の現在地と次の一手
Avatar for tosho tosho
0
130
失敗を資産に変えるClaude Code
Avatar for Shinya Saita shinyasaita
0
630
20260619 私の日常業務での生成 AI 活用
Avatar for Masaru Ogura masaruogura
1
190
LLMにもCAP定理があるという話
Avatar for Haruka Sakihara harukasakihara
0
330
現地で盛り上がった WWDC26 Keynote
Avatar for ZOZO Developers zozotech
PRO
1
230
RAG を使わないという選択肢
Avatar for tatsutaka tatsutaka
1
220
非エンジニアがClaudeと挑んだ「1ヶ月間プロダクト30本ノック」
Avatar for kinako askokc
0
460

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
200
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
360
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
340
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
410
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.9k
HDC tutorial
Avatar for Michiel Stock michielstock
2
710
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.6k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
480

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. おわり