Upload
fiona
View
56
Download
0
Embed Size (px)
DESCRIPTION
I nterview WebRTC. Professor: Elliot Eichen , [email protected] Mentor: Aishwarya Srinivasan , [email protected] Project Staff: Fu Yufei , [email protected] - PowerPoint PPT Presentation
Citation preview
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.