i nterview webrtc

10
Interview WebRTC Professor: Elliot Eichen, [email protected] Mentor: Aishwarya Srinivasan, [email protected] Project Staff: Fu Yufei, [email protected] Li Wenzhao, [email protected] Lu Mingren, [email protected] Ma Huan, [email protected] Pang Mo, [email protected]

Upload: fiona

Post on 22-Feb-2016

56 views

Category:

Documents


0 download

DESCRIPTION

I nterview WebRTC. Professor: Elliot Eichen , [email protected] Mentor: Aishwarya Srinivasan , [email protected] Project Staff: Fu Yufei , [email protected] - PowerPoint PPT Presentation

TRANSCRIPT

PowerPoint

Interview WebRTCProfessor: Elliot Eichen, [email protected]

Mentor: Aishwarya Srinivasan, [email protected]

Project Staff: Fu Yufei, [email protected] Li Wenzhao, [email protected] Lu Mingren, [email protected] Ma Huan, [email protected] Pang Mo, [email protected]

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.