1 / 10

I nterview WebRTC

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

fiona
Download Presentation

I nterview WebRTC

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Interview WebRTC Professor: Elliot Eichen, eeichen@coe.neu.edu • Mentor:AishwaryaSrinivasan, 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

  2. Agenda • What is WebRTC • Use case • Advantages of WebRTC • Why is WebRTC superior to Skype • Our project: Interview WebRTC • Project Output • Design idea and working flow • Key functions • Live Demo • Conclusion

  3. Beauty of Interview WebRTC A startup company plans to recruit Interns • Flights • Customized Skype • Phone interview Solution with WebRTC: Interview WebRTC • Free • No third party plugins • All you need is Internetand a Browser !! • High quality • Different signaling protocols can be chosen for handshake.

  4. Check with this cool product! For Interviewee • Open the webpage we provide • Click the URL he received • Ping! For Interviewer • Enter our webpage • Create a unique URL • Send the URL via email • Ping!

  5. Forget Skype! With Skype, you cannot image: Light & convenient No installation Use the URL! Record the video Share with your boss Group interview

  6. How is this powerful app realized Firebase Offerer SDP Answerer SDP Media Flow Caller’s Browser Callee’s Browser .html URL ICE ICE ICE STUN Server ICE .html .js .html .js Lab Server

  7. Key function n.getMedia= n.webkitGetUserMedia || n.mozGetUserMedia; n.getMedia(options.constraints { audio: true, video: true } Get User Media function createOffer() function createAnswer() function sendsdp(sdp) { sdp= JSON.stringify(sdp)}; Signaling & Exchange SDP Peer to Peer Connection peerConnection.onicecandidate =onicecandidate; varpeerConnection = new PeerConnection(location.search.indexOf('turn=true') !== -1 ? TURN : STUN, optional); Media Flow

  8. Ready to Rock?!

  9. Conclusion • Introduction and advantages of WebRTC • Use Case: Interview WebRTC • Our project achievements • The logic & function of Interview WebRTC • Live demo

  10. Thank you.

More Related