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

JSConf EU 2015 - How to grow your own Babel fish

Avatar for Szymon Nowak Szymon Nowak
September 25, 2015
Programming
0
330

JSConf EU 2015 - How to grow your own Babel fish

Avatar for Szymon Nowak

Szymon Nowak

September 25, 2015
Tweet

More Decks by Szymon Nowak

See All by Szymon Nowak
meet.js Katowice - ES6 Promises 101
Avatar for Szymon Nowak szimek
1
230
GDG DevFest 2015 Poland - How to grow your own Babel fish
Avatar for Szymon Nowak szimek
0
61
Serving WebP images via content negotiation
Avatar for Szymon Nowak szimek
1
77

Other Decks in Programming

See All in Programming
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
230
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
520
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
1
520
5つのアンチパターンから学ぶLT設計
Avatar for Narihara narihara
1
130
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
140
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
600
NPOでのDevinの活用
Avatar for みんなのコード codeforeveryone
0
460
CursorはMCPを使った方が良いぞ
Avatar for taiga taigakono
1
200
関数型まつりレポート for JuliaTokai #22
Avatar for GOTOH Shunsuke antimon2
0
160
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
0
180
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
240
Kotlin エンジニアへ送る：Swift 案件に参加させられる日に備えて～似てるけど色々違う Swift の仕様 / from Kotlin to Swift
Avatar for Elvis Shi lovee
1
260

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
It's Worth the Effort
Avatar for 3n 3n
185
28k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.6k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k

Transcript

  1. None
  2. None

  3. WEBRTC

  4. demo

  5. None
  6. None
  7. None

  8. WORKS IN A BROWSER

  9. USES OPEN STANDARDS

  10. TOOK ONE DAY TO WRITE

  11. None

  12. HOW DOES IT WORK?

  13. 1. SENDS AUDIO AND VIDEO USING WEBRTC

  14. webrtc = new SimpleWebRTC({ localVideoEl: 'localVideo', remoteVideosEl: 'remoteVideos', autoRequestMedia: true

    }) webrtc.on('readyToCall', () => { webrtc.joinRoom('your awesome room name') })

  15. webrtc = new SimpleWebRTC({ localVideoEl: 'localVideo', remoteVideosEl: 'remoteVideos', autoRequestMedia: true

    }) webrtc.on('readyToCall', () => { webrtc.joinRoom('your awesome room name') })

  16. webrtc = new SimpleWebRTC({ localVideoEl: 'localVideo', remoteVideosEl: 'remoteVideos', autoRequestMedia: true

    }) webrtc.on('readyToCall', () => { webrtc.joinRoom('your awesome room name') })

  17. webrtc = new SimpleWebRTC({ localVideoEl: 'localVideo', remoteVideosEl: 'remoteVideos', autoRequestMedia: true

    }) webrtc.on('readyToCall', () => { webrtc.joinRoom('your awesome room name') })

  18. webrtc = new SimpleWebRTC({ localVideoEl: 'localVideo', remoteVideosEl: 'remoteVideos', autoRequestMedia: true

    }) webrtc.on('readyToCall', () => { webrtc.joinRoom('your awesome room name') })

  19. 2. RECOGNIZES WHAT YOU SAY USING WEB SPEECH

  20. recognition = new SpeechRecognition() recognition.on('result', (result) => { // do

    something with the result }) recognition.start()

  21. recognition = new SpeechRecognition() recognition.on('result', (result) => { // do

    something with the result }) recognition.start()

  22. recognition = new SpeechRecognition() recognition.on('result', (result) => { // do

    something with the result }) recognition.start()

  23. 3. SENDS TRANSCRIPT TO GOOGLE TRANSLATE

  24. 4. SENDS TRANSLATION TO THE OTHER PERSON USING WEBRTC

  25. webrtc.sendDirectlyToAll( 'channel label', 'payload label', payload )

  26. 5. READS IT OUT LOUD USING WEB SPEECH

  27. msg = new SpeechSynthesisUtterance() msg.lang = 'en-GB' msg.text = 'German

    jokes are the wurst!' speechSynthesis.speak(msg)

  28. msg = new SpeechSynthesisUtterance() msg.lang = 'en-GB' msg.text = 'German

    jokes are the wurst!' speechSynthesis.speak(msg)

  29. WEB SPEECH API INTRO

  30. ONE-SHOT CONTINUOUS

  31. SERVER CLIENT

  32. None

  33. WEB SPEECH API RANT

  34. 1. STOPS IF YOU TALK FOR TOO LONG

  35. 2. STOPS IF YOU DON’T TALK FOR TOO LONG

  36. 3. DOESN’T WORK WITH WEBRTC MEDIA STREAMS

  37. recognition = new SpeechRecognition()

  38. recognition = new SpeechRecognition(audioStream)

  39. 4. WORKS ONLY IN CHROME* * DESKTOP CHROME (crbug.com/427567)

  40. None

  41. GOOGLE NOW BY GOOGLE

  42. CORTANA BY MICROSOFT

  43. SIRI BY APPLE

  44. FIREFOX POWERED BY POCKET SPHINX

  45. None

  46. WE DON’T NEED TO WAIT FOR BROWSER VENDORS

  47. recognition = new window.SpeechRecognition(audioStream)

  48. recognition = new window.SpeechRecognition(audioStream)

  49. recognition = new acme.SpeechRecognition(audioStream)

  50. FACEBOOK M BY FACEBOOK

  51. HOUND BY SOUNDHOUND

  52. DUER BY BAIDU

  53. DRAGON BY NUANCE

  54. IBM WATSON BY IBM

  55. POCKETSPHINX.JS BY SYLVAIN CHEVALIER

  56. WEBRTC-TRANSLATE.HEROKUAPP.COM GITHUB.COM/SZIMEK/WEBRTC-TRANSLATE DEMO: CODE:

  57. SZYMON NOWAK @SZIMEK COWBELL LABS FREELETICS we’re hiring!

  58. THANK YOU