Webrtc-roomcall NPM

webrtc-roomcall

Functional custom element

Description

custom element to make a conference call with the functionality in the section methods. A Peer ID is generated through the Skyway SDK by using Skyway signaling server. See Deatils.

It's important to have peerAPIkey from Skyway to get the functionality of the signaling server To get the peerAPIkey from Skyway see deatils here (https://webrtc.ecl.ntt.com/en/skyway/function.html) After that you can pass the peerAPIkey to the element as a property Note !! you have to set up the domain of your website by creating peerAPIkey

Project setup

npm install

Usage

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>webrtc-roomcall</title>
    <script type="module" crossorigin src="./dist/assets/index.562563e6.js"></script>
  </head>
  <body>
    <webrtc-roomcall></webrtc-roomcall>
  </body>
</html>

Props

name	type
peerapikey	String
videowidth	String, Number
videoheight	String, Number
peer_id	String
roomname	String
doselfie	Boolean

Methods

name	description
startStreaming	start video streaming
stopStreaming	To stop streaming
joinRoom	To create a conference room
leaveRoom	To leave the conference room
screenShot	To take a selfie
screenShotDelete	to delete the selfie
doMute	A toggel button to mute the sound
unMute	A toggel button to mute the sound
hideCam	A toggel button to hide the video cam
showCam	A toggel button to show the video cam

inline Demo

<custom-element-demo>
  <template>
    <script type="module" crossorigin src="./dist/assets/index.562563e6.js"></script>
    <link rel="import" href="./index.html">
    <webrtc-roomcall></webrtc-roomcall>
  </template>
</custom-element-demo>