{"id":1322,"date":"2012-11-30T22:57:42","date_gmt":"2012-11-30T22:57:42","guid":{"rendered":"http:\/\/blog.mozilla.org\/futurereleases\/?p=1322"},"modified":"2014-05-14T11:41:04","modified_gmt":"2014-05-14T18:41:04","slug":"webrtc-makes-social-api-even-more-social","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/","title":{"rendered":"WebRTC makes Social API even more social"},"content":{"rendered":"<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/S6-rAv6bU8Q\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>WebRTC is a powerful new tool that enables web app developers to include real-time video calling and data sharing capabilities in their products.\u00a0 While many of us are excited about WebRTC because it will enable several cool gaming applications and improve the performance and availability of video conferencing apps, WebRTC is proving to be a great tool for social apps.\u00a0 Sometimes when you\u2019re chatting with a friend, you just want to click on their name and see and talk with them in real-time.\u00a0 Imagine being able to do that without any glitches or hassles, and then while talking with them, easily share almost anything on your computer or device: vacation photos, memorable videos \u2013 or even just a link to a news story you thought they might be interested in \u2013 simply by dragging the item into your video chat window.<\/p>\n<p>This has become a reality.\u00a0 We\u2019ve created a demo that combines our Social API and WebRTC.\u00a0 You can talk and share in real-time, while chatting, as if your friend were in the same room.\u00a0 Take a look at the video above, where our Chief of Innovation, Todd Simpson, runs you through some of these cool future features.<\/p>\n<p>getUserMedia allows a developer to capture the user&#8217;s camera and microphone data (with the user&#8217;s permission) easily.\u00a0 It was actually pretty complicated for a browser to capture camera or microphone data before getUserMedia.\u00a0 Expect to see browser apps that can capture and readily manipulate camera data (think Instagram) popping up as this new technology takes off.<\/p>\n<p>PeerConnection enables the audio and video calling.\u00a0 It is secure, hassle-free, and peer-to-peer.\u00a0 This means you can expect high quality, low delay, encrypted calls from one WebRTC browser to another.\u00a0 This is also something that was incredibly difficult for a browser to do until now.\u00a0 Prior to WebRTC, video calling applications were either stand-alone, isolated apps (like Skype) or browser plug-ins which lacked the tight connection to the browser internals to guarantee a good quality call.<\/p>\n<p>We share data in WebRTC using DataChannels, which Mozilla is the first to implement.\u00a0 DataChannels is a powerful component of WebRTC that can be used by itself or combined with an audio\/video chat to send almost any data that the browser can access.<\/p>\n<p>Please have a look at our demo video, which shows some of ways you can combine these WebRTC components. We currently support basic person-to-person video calling and data channels in Firefox Beta but it has to be turned on in about:config. <a href=\"https:\/\/hacks.mozilla.org\/2012\/11\/progress-update-on-webrtc-for-firefox-on-desktop\/\">Check out this post on Hacks<\/a> if you&#8217;re interested in finding out how to do this and for more information about developing apps using WebRTC.\u00a0 As always Bug reports are highly appreciated. Please file them on<a href=\"https:\/\/bugzilla.mozilla.org\/enter_bug.cgi?product=Core&amp;component=WebRTC\"> Bugzilla<\/a> under \u201cProduct:Core\u201d, \u201cComponent:WebRTC\u201d.\u00a0\u00a0 We plan to add support for video conferencing apps, faster call connection, and additional audio\/video options, so stay tuned for more on this.<\/p>\n<p>We hope you\u2019re as excited as we are to start seeing some of the awesomeness that WebRTC has to offer the Web.<\/p>\n<p>&#8211; <strong>Maire Reavy, Product Lead, Firefox Platform Media<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WebRTC is a powerful new tool that enables web app developers to include real-time video calling and data sharing capabilities in their products.\u00a0 While many of us are excited about &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/\">Read more<\/a><\/p>\n","protected":false},"author":280,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8801,8802],"tags":[15881],"coauthors":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WebRTC makes Social API even more social - Future Releases<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"gjimenez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/\",\"url\":\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/\",\"name\":\"WebRTC makes Social API even more social - Future Releases\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/#website\"},\"datePublished\":\"2012-11-30T22:57:42+00:00\",\"dateModified\":\"2014-05-14T18:41:04+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/#\/schema\/person\/6c9a40d10e0a9c99b88a7ab50e031c46\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/futurereleases\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WebRTC makes Social API even more social\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/futurereleases\/\",\"name\":\"Future Releases\",\"description\":\"Be the first to know what&#039;s new with upcoming Firefox releases.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/futurereleases\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/#\/schema\/person\/6c9a40d10e0a9c99b88a7ab50e031c46\",\"name\":\"gjimenez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/futurereleases\/#\/schema\/person\/image\/67e8cbed0c33d4a39c84151927fcd087\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fa3d81e31d1abc4b8ef3f572b2427f7b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fa3d81e31d1abc4b8ef3f572b2427f7b?s=96&d=mm&r=g\",\"caption\":\"gjimenez\"},\"url\":\"https:\/\/blog.mozilla.org\/futurereleases\/author\/futurereleases\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WebRTC makes Social API even more social - Future Releases","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/","twitter_misc":{"Written by":"gjimenez","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/","url":"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/","name":"WebRTC makes Social API even more social - Future Releases","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/futurereleases\/#website"},"datePublished":"2012-11-30T22:57:42+00:00","dateModified":"2014-05-14T18:41:04+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/futurereleases\/#\/schema\/person\/6c9a40d10e0a9c99b88a7ab50e031c46"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/futurereleases\/2012\/11\/30\/webrtc-makes-social-api-even-more-social\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/futurereleases\/"},{"@type":"ListItem","position":2,"name":"WebRTC makes Social API even more social"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/futurereleases\/#website","url":"https:\/\/blog.mozilla.org\/futurereleases\/","name":"Future Releases","description":"Be the first to know what&#039;s new with upcoming Firefox releases.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/futurereleases\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/futurereleases\/#\/schema\/person\/6c9a40d10e0a9c99b88a7ab50e031c46","name":"gjimenez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/futurereleases\/#\/schema\/person\/image\/67e8cbed0c33d4a39c84151927fcd087","url":"https:\/\/secure.gravatar.com\/avatar\/fa3d81e31d1abc4b8ef3f572b2427f7b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fa3d81e31d1abc4b8ef3f572b2427f7b?s=96&d=mm&r=g","caption":"gjimenez"},"url":"https:\/\/blog.mozilla.org\/futurereleases\/author\/futurereleases\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/posts\/1322"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/users\/280"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/comments?post=1322"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/posts\/1322\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/categories?post=1322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/tags?post=1322"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/futurereleases\/wp-json\/wp\/v2\/coauthors?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}