Skip to content

kazu80/app-getusermedia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Published on webcomponents.org

<app-getusermedia>

This is wrapper of navigator.getUserMedia

VERSION

v0.2.1

DEMO

<app-getusermedia></app-getusermedia>

Installation

$ bower install --save monkick/app-getusermedia

Usage

At first. Import it at header.

    <link rel="import" href="../bower_components/app-getusermedia/app-getusermedia.html">

Next. Add the app-getusermedia custom tag in body.

    <app-getusermedia></app-getusermedia>

Parameter

  • video - take video stream
  • audio - tale audio stream
  • isUserMedia - status of getusermedia
    <app-getusermedia video audio></app-getusermedia>

Event

  • getusermedia - This event fire when successful take media stream.
  • error - This event fire when occur errors.
    const media = document.getElementById('media');

    // successful event
    media.addEventListener('getusermedia', (event) => {
        console.log(event.detail.stream);
    });

    // error event
    media.addEventListener('error', (event) => {
        console.log(event.detail.message);
    });

Method

start - It is build getusermedia. But auto started when put this element.