Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

以 JavaScript 實作簡易 Audio Sprites

Avatar for Zhusee Zhusee
May 18, 2013
Programming
280
1

以 JavaScript 實作簡易 Audio Sprites

以 Bumbler to Speech 為例

Avatar for Zhusee

Zhusee

May 18, 2013

More Decks by Zhusee

See All by Zhusee
Doing MVC with Baman.js
Avatar for Zhusee zhusee2
0
180
TubeNews.in @ WebConf Taiwan 2013
Avatar for Zhusee zhusee2
7
660

Other Decks in Programming

See All in Programming
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
500
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
190
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
630
Are APIs Still Relevant in the AI Era?
Avatar for Antoine Bluchet soyuka
0
430
カツオ、ご期待ください
Avatar for saku_totomi suneo3476
0
150
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
2.9k
Androidだけじゃない、DroidKaigiで広がった私の技術スタック
Avatar for Akio Itaya akkeylab
0
120
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
110
Workers Cache を知る
Avatar for syumai syumai
0
340
SalesForceを内製化！？ ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
Avatar for Kobujee_53 oku053
0
150
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
520
mrbgem 三角測量 開発
Avatar for ogom ogom
0
210

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
580
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.1k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
260
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
10
1.1k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
610
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
350
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k

Transcript

  1. Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee [email protected]

  2. Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee [email protected] ၛ#VNCMFSUP4QFFDI㬪২

  3. Audio Source

  4. Audio Source Ұ ೋ ࡾ ࢛ ޒ ࿡ ࣣ ീ

    ۝ े lँँେՈɼ੥࠱z
  5. None

  6. “Speak” a number 42 d4 d10 d2 ೋ ࢛ े

    Array

  7. “Speak” a number .playPartial() d10 d2 d4

  8. “Speak” a number .playPartial() d10 d2 d4

  9. “Speak” a number .playPartial() d10 d2

  10. “Speak” a number .playPartial() d2

  11. Controlling <audio> Element ✤ var audio = document.querySelector(‘audio’) ✤ audio.pause()

    ✤ audio.currentTime = 2.45 #(sec) ✤ audio.play()

  12. Summary ✤ Combine your audio files ✤ Write down time

    information of each partial clip ✤ Control play/pause/position with JavaScript

  13. http://bit.ly/bumbler