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

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

Avatar for mex-ichikawa mex-ichikawa
November 28, 2014
Technology
0
33

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

Avatar for mex-ichikawa

mex-ichikawa

November 28, 2014
Tweet

More Decks by mex-ichikawa

See All by mex-ichikawa
Three.js vs Unity5
Avatar for mex-ichikawa mex_ichikawa
0
56
Bower + WebComponents
Avatar for mex-ichikawa mex_ichikawa
0
36
gulp + React
Avatar for mex-ichikawa mex_ichikawa
2
410
Blob URL Scheme
Avatar for mex-ichikawa mex_ichikawa
0
530

Other Decks in Technology

See All in Technology
評価の納得感を2段階高める「構造化フィードバック」
Avatar for あろえ aloerina
1
170
Model Mondays S2E01: Advanced Reasoning
Avatar for Nitya Narasimhan, PhD nitya
0
360
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
45
27k
JSX - 歴史を振り返り、⾯⽩がって、エモくなろう
Avatar for 晴れ井戸 pal4de
3
880
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
Avatar for MADOX madoxten
13
7.7k
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
Avatar for kubell kubell_hr
1
310
DB 醬，嗨！哪泥嘎斯基？
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
200
OCI Oracle Database Services新機能アップデート(2025/03-2025/05)
Avatar for oracle4engineer oracle4engineer
PRO
1
150
"SaaS is Dead" は本当か！？ 生成AI時代の医療 Vertical SaaS のリアル
Avatar for KAKEHASHI kakehashi
PRO
3
220
What's new in OpenShift 4.19
Avatar for Red Hat Livestreaming redhatlivestreaming
1
240
Autonomous Database サービス・アップデート (FY25)
Avatar for oracle4engineer oracle4engineer
PRO
2
770
Devin(Deep) Wiki/Searchの活用で変わる開発の世界観/devin-wiki-search-impact
Avatar for tomoki10 tomoki10
0
320

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
It's Worth the Effort
Avatar for 3n 3n
184
28k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
228
22k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
269
20k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.9k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k

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