i nterview webrtc

Post on 22-Feb-2016

56 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

I nterview WebRTC. Professor: Elliot Eichen , eeichen@coe.neu.edu Mentor: Aishwarya Srinivasan , srinivasan.a@husky.neu.edu Project Staff: Fu Yufei , fu.yuf@husky.neu.edu - PowerPoint PPT Presentation

TRANSCRIPT

PowerPoint

Interview WebRTCProfessor: Elliot Eichen, eeichen@coe.neu.edu

Mentor: Aishwarya Srinivasan, srinivasan.a@husky.neu.edu

Project Staff: Fu Yufei, fu.yuf@husky.neu.edu Li Wenzhao, li.wenz@husky.neu.edu Lu Mingren, sunnylmr@gmail.com Ma Huan, ma.hu@husky.neu.edu Pang Mo, pang.mo@husky.neu.edu

AgendaWhat is WebRTCUse caseAdvantages of WebRTCWhy is WebRTC superior to Skype

Our project: Interview WebRTCProject OutputDesign idea and working flowKey functionsLive Demo

Conclusion

Beauty of Interview WebRTCA startup company plans to recruit InternsFlightsCustomized SkypePhone interview

Solution with WebRTC: Interview WebRTCFreeNo third party pluginsAll you need is Internet and a Browser !!High qualityDifferent signaling protocols can be chosen for handshake.

Needs to pay attention:

RTC means Real Time CommunicationWEBRTCstartupinterviewwebrtcreal time online video chattingMention a little about the reason why the quality is high3Check with this cool product!For InterviewerEnter our webpageCreate a unique URLSend the URL via emailPing!

For IntervieweeOpen the webpage we provideClick the URL he receivedPing!

Forget Skype!With Skype, you cannot image:Light & convenient No installationUse the URL!Record the videoShare with your bossGroup interview

No installation: skype is not installed in every pcsURL is using 11 random number - its not so easy to hack in5

How is this powerful app realizedCallers BrowserCallees BrowserFirebaseMedia FlowLab ServerSTUN Server .html .js

OffererSDPAnswererSDPICE

ICEICE .html .js.html URL

ICEKey functionn.getMedia = n.webkitGetUserMedia || n.mozGetUserMedia;n.getMedia(options.constraints { audio: true, video: true }function createOffer() function createAnswer() function sendsdp(sdp) {sdp = JSON.stringify(sdp)};Get User MediaSignaling & Exchange SDPPeer to Peer ConnectionpeerConnection.onicecandidate =onicecandidate;varpeerConnection=newPeerConnection(location.search.indexOf('turn=true')!==-1?TURN:STUN,optional); Media FlowReady to Rock?!

ConclusionIntroduction and advantages of WebRTCUse Case: Interview WebRTCOur project achievementsThe logic & function of Interview WebRTCLive demoThank you.

top related