WebRTC

1,759 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,759
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

WebRTC

  1. 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. 2. “Connect the dots and find what you love”.Nymgo API PABX Virtual Plataforma Take.Io Plataforma VoxBR
  3. 3. Eu API’s!
  4. 4. WebRTC é umframework aberto que permite comunicação ao vivo pelo browser.
  5. 5. Ao vivo no browser?Mas o que está acontencendo?
  6. 6. https://wiki.mozilla.org/WebAPI
  7. 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. 8. Boot to Gecko http://www.mozilla.org/en-US/b2g/ Imagine as aplicações de seu smartphoneinteiramente feitas em Javascript e HTML5
  9. 9. http://www.chromium.org/chromium-os
  10. 10. Google Chrome O.S.
  11. 11. http://www.google.com/intl/en/chrome/devices/ Nova linha de computadores pessoaishabilitados somente com um... Browser!
  12. 12. http://webian.org/shell/
  13. 13. Transforme a interface do seu sistema operacional em um... Browser!
  14. 14. http://html5demos.com/
  15. 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. 16. Direto no Browser x Plugins HTML5
  17. 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. 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. 19. http://goo.gl/1IHy6
  20. 20. Proposta pelo grupo Mozilla Disponível no Firefox 4+ Áudio e Vídeo API baseada em Eventos Audio Data API
  21. 21. Extensão do padrão HTML5: Eventos padrões do HTML5 + Metadados adicionais Audio Data API
  22. 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. 23. Audio Data API: Disponibilidade
  24. 24. http://goo.gl/Bta9U
  25. 25. Proposta pelo Google Disponível no Chrome 10+ somente Áudio API baseada em Nodos No estilo DirectX Web Audio API
  26. 26. Não parte do HTML5, éinteiramente em Javascript.Conecte os nodos e “ligue” o fluxo. Web Audio API
  27. 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. 28. Web Audio API: Compatibilidade
  29. 29. Usa Chrome?Então abra:http://goo.gl/7lH0j
  30. 30. http://codecs.ofmlabs.org/
  31. 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. 32. http://codecs.ofmlabs.org/
  33. 33. http://www.webrtc.org/
  34. 34. Todas as alternativas anterioresainda focam em tecnologias dereprodução de áudio nobrowser, mas não ao vivo, nem deforma bidirecional.
  35. 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. 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. 37. O WebRTC armazena mais de 10anos de evolução da tecnologia, eportanto oferece o estado da arteem termos de qualidade.
  38. 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. 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. 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. 41. Para testar usando umbrowser (no Linux), a Ericsson oferece um tutorial: http://goo.gl/jkHtw
  42. 42. Estejam atentos, pois muita coisa ainda vai mudar em relação aos browsers, serviços e aplicações.
  43. 43. Obrigado!

×