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

GDG DevFest 2015 Poland - How to grow your own ...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Szymon Nowak Szymon Nowak
November 28, 2015
Programming
72
0

GDG DevFest 2015 Poland - How to grow your own Babel fish

Video of the demo is available at https://youtu.be/Tv8ilBOKS2o

Avatar for Szymon Nowak

Szymon Nowak

November 28, 2015

More Decks by Szymon Nowak

See All by Szymon Nowak
meet.js Katowice - ES6 Promises 101
Avatar for Szymon Nowak szimek
1
240
Serving WebP images via content negotiation
Avatar for Szymon Nowak szimek
1
97
JSConf EU 2015 - How to grow your own Babel fish
Avatar for Szymon Nowak szimek
0
330

Other Decks in Programming

See All in Programming
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.9k
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
140
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
150
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
980
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
180
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530
パスワード再設定メールのURLについて知っておこう
Avatar for uyuki uyuki234
0
140
ChromeでローカルLLM
Avatar for ryu ryu1013
0
120
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
210

Featured

See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
330
Scaling GitHub
Avatar for Zach Holman holman
464
140k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.6k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
470
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
560

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. None

  30. WEB SPEECH API INTRO

  31. ONE-SHOT CONTINUOUS

  32. SERVER CLIENT

  33. None

  34. WEB SPEECH API RANT

  35. 1. STOPS IF YOU TALK FOR TOO LONG

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

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

  38. recognition = new SpeechRecognition()

  39. recognition = new SpeechRecognition(audioStream)

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

  41. None

  42. GOOGLE NOW BY GOOGLE

  43. CORTANA BY MICROSOFT

  44. SIRI BY APPLE

  45. FIREFOX POWERED BY POCKET SPHINX

  46. None

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

  48. recognition = new window.SpeechRecognition(audioStream)

  49. recognition = new window.SpeechRecognition(audioStream)

  50. recognition = new acme.SpeechRecognition(audioStream)

  51. FACEBOOK M BY FACEBOOK

  52. HOUND BY SOUNDHOUND

  53. DUER BY BAIDU

  54. DRAGON BY NUANCE

  55. IBM WATSON BY IBM

  56. POCKETSPHINX.JS BY SYLVAIN CHEVALIER

  57. None

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

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

  60. THANK YOU