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
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
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
Avatar for Shuntaro Azuma a2ush
0
190
遊びで始めたNew Relic MCP、​気づいたらChatOpsな​オブザーバビリティボットができてました/From New Relic MCP to a ChatOps Observability Bot
Avatar for AEON aeonpeople
1
150
【関西電力KOI×VOLTMIND 生成AIハッカソン】空間AIブレイン ~⼤阪おばちゃんフィジカルAIに続く道~
Avatar for 田中 聖也 tanakaseiya
0
110
MIX AUDIO EN BROADCAST
Avatar for Erick Ralph Kionga ralpherick
0
140
BFCacheを活用して無限スクロールのUX を改善した話
Avatar for Ryuya Yanagi apple_yagi
0
140
AIエージェント時代に必要な オペレーションマネージャーのロールとは
Avatar for KentaroFujii kentarofujii
0
290
Network Firewall Proxyで 自前プロキシを消し去ることができるのか
Avatar for ぐっさん gusandayo
0
170
Databricks Appsで実現する社内向けAIアプリ開発の効率化
Avatar for R-Miura r_miura
0
230
QA組織のAI戦略とAIテスト設計システムAITASの実践
Avatar for SansanTech sansantech
PRO
1
310
Why we keep our community?
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
370
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
Avatar for g0xu g0xu
0
170
ハーネスエンジニアリング×AI適応開発
Avatar for Ryohei Kamiya aictokamiya
3
1.3k

Featured

See All Featured
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
200
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
700
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
170
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
110
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
860
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.2k

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