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
41
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
43
gulp + React
Avatar for mex-ichikawa mex_ichikawa
2
440
Blob URL Scheme
Avatar for mex-ichikawa mex_ichikawa
0
580

Other Decks in Technology

See All in Technology
AI開発に用いられるHPC技術について
Avatar for GPU UNITE gpuunite_official
0
260
コネクションをピン留めさせずに SELECTクエリのタイムアウトを設定した話
Avatar for コドモン開発チーム codmoninc
0
220
地震情報アプリを作ってみた
Avatar for Yuuki Yamashita yama3133
1
110
DDDのエッセンスを取り入れたAIでの開発
Avatar for ak2ie ak2ie
1
210
NANDでも描画したい！
Avatar for nichica nichica906
3
630
LLM Internals: 언어 모델의 계보와 알고리즘 진화 (2023~2026)
Avatar for Jeongkyu Shin inureyes
PRO
1
890
明日から業務に使える 生成AI活用ワークショップ
Avatar for Yasuhiro Matsuda matyuda
0
100
Kiro WebとCloud Sessions
Avatar for nagisa_53 nagisa53
2
160
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
9.4k
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
24
430k
ソフトウェアサプライチェーンの構造的リスクとコンテナ環境の保護
Avatar for Kyohei Mizumoto kyohmizu
5
890
現場回帰したデータエンジニアが考える AI 時代のキャリア開発 / Career Development in the Age of AI Perspectives from a Hands-on Data Engineer
Avatar for MEDLEY, INC. medley
0
320

Featured

See All Featured
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
580
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
300
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.9k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
450
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.8k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
400
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
250
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.7k

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