Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

ABOUT US

Introduction

SSAD TEAM 1

OUR TEAM

TEAM

  • Devesh Vijaywargiya
  • Swaraj Renghe
  • Shreyas Shankar
  • Aravinda sai

CLIENT

CLIENT

Mr. Sudeep Reddy and Mr. Rajendra

PROJECT

INTRO

PROJECT MISSION

WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communication(RTC) capabilities via simple API's

Project Mission is to enable high-quality screen share and screen recording and research on remote screen controlling.

About the project

getUserMedia

About the

project

RTCPeerConnection

Problem

Statement

Problem Statement

1. Screencast the content to another PC/Laptop in Browser using

WebRTC.

2. Restrict the Screencast to specific URL/tab in browser.

3. Record the Screencast and save the video as mp4 or webm

4. Research on remote screen control

Environment

Environment

  • Javascript
  • PHP
  • Node JS
  • Node Package Manager
  • HTML/CSS
  • Text Editors

Workflow

R1 sprints

R1 Sprints

  • Sprint 1 : Implemented the PHP mailer

  • Sprint 2: Implemented screen share using webrtc protocols

R2 sprints

R2 sprints

  • Implemented Screen Record using RecordRTC protocols

  • Did Research and Development on Remote Screen Control

Use Cases

Use cases

  • Joint Shopping.
  • Education Assistant
  • Remote Troubleshooting
  • Health care reports
  • Project collaboration
  • Record and share
  • Making Tutorials using screen recording

Limitations of WebRTC

  • WebRTC is not completely plugin free

In settings where WebRTC is not implemented natively, then WebRTC will not work without some sort of plugin or additional work.

Limitations

  • WebRTC Screensharing is not possible everywhere
  • WebRTC cannot allow remote control

Work Description

Work

Description

  • We are using WebRTC and RecordRTC protocols to share screen/tab to multiple devices.
  • Link is shared to people using PHP Mailer.

Web Browsers

WEB BROWSERS

  • Browsers use desktopCapture.chooseDesktopMedia() to return a sourceID
  • This extension has a content script which runs in context of webpage and a background script .
  • Context script can communicate with web app and background script can access all Chrome extensions.
  • Both context script and background script communicate with each other via runtime.connect()

Technical

Details

WebRTC

  • Bringing real-time communications to the web

  • Building a state-of-the-art media stack into Chrome

  • Developing a new communications platform

WebRTC across platforms

  • Chrome
  • Chrome for Android
  • Firefox
  • Opera
  • Native Java and Objective-C bindings

Three main tasks

  • Acquiring audio and video

  • Communicating audio and video

  • Communicating arbitrary data

MediaStream

  • Represents a stream of audio and/or video
  • Can contain multiple 'tracks'
  • Obtain a MediaStream with navigator.getUserMedia()

Security

  • Mandatory encryption for media and data
  • Secure UI, explicit opt-in

Screen Share

  • Screen capture is acheived through MediaDevices.getUserMedia()
  • gUM interface is used to get user video and to get screen stream
  • Currently screen sharing is not supported on mobiles, but mobiles can see shared screens.
  • Recording is achieved through RecordRTC protocol mediaRecorder.start()
  • The protocols are optimized for different devices and browsers to bring all client-side (pluginfree) recording solutions in single place.

DEMO

Demo

Learn more about creating dynamic, engaging presentations with Prezi