gasramacro.blogg.se

Online screen sharing service movie#
Online screen sharing service code#
Online screen sharing service windows#

The first point to mention is that everyone watching the movie needs an active subscription to whatever streaming service it’s on. The error, warn, and info classes are used to style the corresponding console output types.Most of these watch party apps and services work in the same way, so we’ll start by explaining how they work. max-width is set to 860px to set an absolute upper limit on the video's size,

The video is given a border, and its width is set to occupy nearly the entire available horizontal space ( width: 98%). The CSS is entirely cosmetic in this example.

A block into which logged text is placed by the intercepted console method.

A into which the captured screen contents are streamed.

A second button, "Stop Capture", which upon being clicked calls stopCapture() to terminate capture of screen contents.

A labeled "Start Capture" which, when clicked, calls the startCapture() function to request access to, and begin capturing, screen contents.

This example shows you the contents of the selected part of your display.Ĭlick the Start Capture button to begin. Once that's done, srcObject is set to null to make sure it's understood by anyone interested that there's no stream connected. It stops the stream by getting its track list using MediaStream.getTracks(), then calling each track's stop() method. The stopCapture() method is called when the "Stop Capture" button is clicked. If any of that fails, the catch() clause outputs an error message to the log box. The dumpOptionsInfo() function-which we will look at in a moment-dumps information about the stream to the log box for educational purposes. The stream is connected to the element by storing the returned MediaStream into the element's srcObject. Upon resolution, the promise returns a MediaStream, which will stream the contents of the screen, window, or other region selected by the user.

Using await, the following line of code does not get executed until after the promise returned by getDisplayMedia() resolves. getDisplayMedia (displayMediaOptions ) dumpOptionsInfo ( ) } catch (err ) Īfter clearing the contents of the log in order to get rid of any leftover text from the previous attempt to connect, startCapture() calls getDisplayMedia(), passing into it the constraints object defined by displayMediaOptions. In this case, the user agent may include the obscured content, either by getting the current contents of the hidden portion of the window or by presenting the most-recently-visible contents if the current contents are not available. This is done for security reasons, as the content that cannot be seen by the user may contain data which they do not want to share.Ī user agent might allow the capture of the entire content of an obscured window after gaining permission from the user to do so. Generally, the browser will provide an image which obscures the hidden portion of the logical display surface in some way, such as by blurring or replacing with a color or pattern. How these are handled by the Screen Capture API varies. A visible display surface is a surface which is entirely visible on the screen, such as the frontmost window or tab, or the entire screen.Ī logical display surface is one which is in part or completely obscured, either by being overlapped by another object to some extent, or by being entirely hidden or offscreen.

Sharing surfaces include the contents of a browser tab, a complete window, all of the windows of an application combined into a single surface, and a monitor (or group of monitors combined together into one surface). For the purposes of the Screen Capture API, a display surface is any content object that can be selected by the API for sharing purposes.

Online screen sharing service movie#

Online screen sharing service code#

Online screen sharing service windows#