Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
以 JavaScript 實作簡易 Audio Sprites
Search
Zhusee
May 18, 2013
Programming
1
240
以 JavaScript 實作簡易 Audio Sprites
以 Bumbler to Speech 為例
Zhusee
May 18, 2013
Tweet
Share
More Decks by Zhusee
See All by Zhusee
Doing MVC with Baman.js
zhusee2
0
110
TubeNews.in @ WebConf Taiwan 2013
zhusee2
7
520
Other Decks in Programming
See All in Programming
オブジェクト指向コードレビューの新しいアプローチ
akkie76
3
1.5k
Honoとhtmx
yusukebe
6
1.2k
受託開発でGitLab CI を活用していく
xiombatsg
1
120
Material 3で Material 2ぽい見た目にする
numeroanddev
2
250
Deno に Web 標準 API を実装する / Implementing Web Standard API to Deno
petamoriken
0
350
Go1.22からの疑似乱数生成器について/go-122-pseudo-random-generator
convto
1
160
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
2.1k
Kotlinを用いたDSL的な設計手法と使用上の注意
kohii00
3
530
TDDと今まで
kanayannet
0
140
OpenAPI を守るのは難しい
ohmori_yusuke
1
140
両面どころかインフラもTSでできるよ ~ 全方位TypeScriptによるプロダクト開発 ~
myfinder
8
2.2k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
Building Applications with DynamoDB
mza
88
5.6k
Adopting Sorbet at Scale
ufuk
66
8.5k
Code Review Best Practice
trishagee
54
15k
Designing with Data
zakiwarfel
94
4.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
14
1.3k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Teambox: Starting and Learning
jrom
126
8.4k
How to name files
jennybc
62
92k
The Pragmatic Product Professional
lauravandoore
24
5.7k
Happy Clients
brianwarren
91
6.3k
Transcript
Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee
[email protected]
Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee
[email protected]
ၛ#VNCMFSUP4QFFDI㬪২
Audio Source
Audio Source Ұ ೋ ࡾ ࢛ ޒ ࣣ ീ
े lँँେՈɼ࠱z
None
“Speak” a number 42 d4 d10 d2 ೋ ࢛ े
Array
“Speak” a number .playPartial() d10 d2 d4
“Speak” a number .playPartial() d10 d2 d4
“Speak” a number .playPartial() d10 d2
“Speak” a number .playPartial() d2
Controlling <audio> Element ✤ var audio = document.querySelector(‘audio’) ✤ audio.pause()
✤ audio.currentTime = 2.45 #(sec) ✤ audio.play()
Summary ✤ Combine your audio files ✤ Write down time
information of each partial clip ✤ Control play/pause/position with JavaScript
http://bit.ly/bumbler