Your SlideShare is downloading. ×
WebRTC
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

WebRTC

1,337
views

Published on

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,337
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Quem sou eu? Um dos fundadores da ComunIP, pioneira de desenvolvimento de soluções VoIP em 2001, vendida para o grupo Takenet em 2010. Convidado a “Chief Software Architect” da empresa Nymgo2012 S.A., investida pela Intel Capital e Abraaj Capital (Dubai), atual emprego. 2010 2001
  • 2. “Connect the dots and find what you love”.Nymgo API PABX Virtual Plataforma Take.Io Plataforma VoxBR
  • 3. Eu API’s!
  • 4. WebRTC é umframework aberto que permite comunicação ao vivo pelo browser.
  • 5. Ao vivo no browser?Mas o que está acontencendo?
  • 6. https://wiki.mozilla.org/WebAPI
  • 7. WebAPI Acesso a todos os recursos do celular via Javascript! Web Geolocation Device Storage Mouse Lock Web SMS Telephony API API API Peer to PeerVibration API Idle API TCP Socket API Wifi Info API API Screen Mobile Web NFC Sensor API Camera API Orientation Connection API Resource Lock Power UDP Datagram USB FileWeb Bluetooth Management API API API Reading APIBattery Status Push Alarm API FM Radio API Browser API API Notifications API
  • 8. Boot to Gecko http://www.mozilla.org/en-US/b2g/ Imagine as aplicações de seu smartphoneinteiramente feitas em Javascript e HTML5
  • 9. http://www.chromium.org/chromium-os
  • 10. Google Chrome O.S.
  • 11. http://www.google.com/intl/en/chrome/devices/ Nova linha de computadores pessoaishabilitados somente com um... Browser!
  • 12. http://webian.org/shell/
  • 13. Transforme a interface do seu sistema operacional em um... Browser!
  • 14. http://html5demos.com/
  • 15. HTML5 é uma ótima alternativapara oferecer conteúdo rico e interativo paradispositivos móveis, sem a necessidade de seinstalar softwares adicionais. Praticamente todos os dispositivos móveis ! modernos suportam HTML5. Em alguns casos até melhor que Você desenvolve uma única vez, e roda em qualquer lugar nos desktops.
  • 16. Direto no Browser x Plugins HTML5
  • 17. O que é HTML5? • API para desenhos livres 2D • Armazenamento Web • Arraste & Solte • Microdados • Edição de documentos • Histórico do Browser • Reprodução de mídias !!! gravadas remotamente HTML5
  • 18. Exemplo: Como reproduzir um som em uma página usando HTML5?<audio controls="controls"> <source src=“ai_se_eu_te_pego.mp3" type="audio/mp3"/> Seu browser não suporta a tag audio.</audio> HTML5
  • 19. http://goo.gl/1IHy6
  • 20. Proposta pelo grupo Mozilla Disponível no Firefox 4+ Áudio e Vídeo API baseada em Eventos Audio Data API
  • 21. Extensão do padrão HTML5: Eventos padrões do HTML5 + Metadados adicionais Audio Data API
  • 22. <audio>...</audio>function audioInfo() { var audio = document.getElementById(‘audio’); channels = audio.mozChannels; rate = audio.mozSampleRate; frameBufferLength = audio.mozFrameBufferLength;}function audioAvailable(event) { var samples = event.frameBuffer, time = event.time; for (var i = 0; i < frameBufferLength; i++) { processSample(samples[i], channels, rate); }} Audio Data API
  • 23. Audio Data API: Disponibilidade
  • 24. http://goo.gl/Bta9U
  • 25. Proposta pelo Google Disponível no Chrome 10+ somente Áudio API baseada em Nodos No estilo DirectX Web Audio API
  • 26. Não parte do HTML5, éinteiramente em Javascript.Conecte os nodos e “ligue” o fluxo. Web Audio API
  • 27. var context = new webkitAudioContext();var buffer = context.createBuffer(1,BUFFER_SIZE,SAMPLE_RATE);var bufferData = buffer.getChannelData(0);var samples = (duration/1000)*SAMPLE_RATE;for(i=0;i<samples;i++){ // cria uma senoide simples bufferData[i]=Math.sin(pitch*PI_2*i/SAMPLE_RATE);}var source = context.createBufferSource();source.buffer = buffer; // conecta forma de onda como entradasource.connect(context.destination);source.noteOn(0); // "liga" Buffer de Saída de Forma de onda entrada Áudio Web Audio API
  • 28. Web Audio API: Compatibilidade
  • 29. Usa Chrome?Então abra:http://goo.gl/7lH0j
  • 30. http://codecs.ofmlabs.org/
  • 31. E se o próprio browser decodificasseo arquivo de áudio em MP3 ou emALAC (Apple Lossless AudioCodec), usando uma bibliotecaJavascript? Javascript Audio Codecs
  • 32. http://codecs.ofmlabs.org/
  • 33. http://www.webrtc.org/
  • 34. Todas as alternativas anterioresainda focam em tecnologias dereprodução de áudio nobrowser, mas não ao vivo, nem deforma bidirecional.
  • 35. Breve histórico 1999 2001 2003 2006 2009 2011 Criação da Lançamento do Engine de Skype deixa a ComunIP Vendida para o Global IP SoundWare™, o áudio usado GIPS e esta passa fecha parceria Google por US$ Sound primeiro engine pelo Skype a se chamar com GIPS na 68.2 milhões (GIPS) de áudio para Global IP américa latina VoIP Solutions Código fonte original da GIPS relançado como Open Source
  • 36. O maior problema na comunicaçãoao vivo pela Internet está naqualidade: baixa latência, baixonível de ruído, semdistorção, clareza na comunicação.
  • 37. O WebRTC armazena mais de 10anos de evolução da tecnologia, eportanto oferece o estado da arteem termos de qualidade.
  • 38. Arquitetura Codecs Voice Engine (G.711, iLBC, iSAC, iPCM) Para Da saída de NetEQ Mixerrede som Supressão de eco acústico Codecs Detector ControlePara Supressão Do (G.711, iLBC, Ativo de Mixer Automáticorede de ruído microfone iSAC, iPCM) Voz de Ganho
  • 39. O WebRTC vem sendo integrado continuamente ao Google Chrome (Janeiro 2012 – dev channel), Mozilla Firefox (2012 – versão alpha), Internet Explorer (Microsoft começou a trabalhar na API) e Opera (em sua API proprietária de captura de mídia).Ericsson Labs participa desde a primeira versão da API em 2011.
  • 40. Exemplo Servidor Web Sinalização de sessão Ajax / HTTP / JSON Ajax / HTTP / JSON Dispositivo 1 Dispositivo 2 Browser A Browser B Media (RTP/UDP)
  • 41. Para testar usando umbrowser (no Linux), a Ericsson oferece um tutorial: http://goo.gl/jkHtw
  • 42. Estejam atentos, pois muita coisa ainda vai mudar em relação aos browsers, serviços e aplicações.
  • 43. Obrigado!