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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for mex-ichikawa mex-ichikawa
November 28, 2014
Technology
0
34

 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
58
Bower + WebComponents
Avatar for mex-ichikawa mex_ichikawa
0
38
gulp + React
Avatar for mex-ichikawa mex_ichikawa
2
420
Blob URL Scheme
Avatar for mex-ichikawa mex_ichikawa
0
560

Other Decks in Technology

See All in Technology
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
1
640
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.6k
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
3
170
pool.ntp.orgに ⾃宅サーバーで 参加してみたら...
Avatar for Fuminori -Tany- Tanizaki(谷崎文義) tanyorg
0
670
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
760
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
480
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
400
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.6k
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
400
SchooでVue.js/Nuxtを技術選定している理由
Avatar for Okuto Oyama yamanoku
3
200
Exadata Fleet Update
Avatar for oracle4engineer oracle4engineer
PRO
0
1.1k
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
200

Featured

See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
65
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300

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