Gathering detailed insights and metrics for janus-video-room-js
Gathering detailed insights and metrics for janus-video-room-js
Installations
npm install janus-video-room-jsDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
10.23.0
NPM Version
6.14.8
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Maintainers
1
Package Meta Information
Latest Version
1.0.3
Package Id
janus-video-room-js@1.0.3
Unpacked Size
60.97 kB
Size
14.18 kB
File Count
17
NPM Version
6.14.8
Node Version
10.23.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
5
janus-video-room-js
javascript web browser client that implements a subset of the janus-gateway-js of the Janus WebRTC Gateway...
dependencies
janus-video-room-js is a curated set of user interface video room built on top of janus-gateway-js. https://github.com/sjkummer/janus-gateway-js
Install
npm i janus-video-room-js --save
Example of usage
demo project https://github.com/a28028/janus-video-room-js-demo
1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta charset="utf-8" /> 6 <title>Getting Started</title> 7</head> 8 9<body> 10 <h2>local</h2> 11 <video id="localvideo" width="100%" height="100%" autoplay="" playsinline="" muted="muted"></video> 12 <h2>Remote</h2> 13 <div id="remotvideocontainer"></div> 14 <script src="bundle.js"></script> 15</body> 16 17</html>
1let sampelRoom = new janusvideo.Janus.JanusRoom("wss://janus.conf.meetecho.com/ws", { keepalive: 'true' }); 2/** 3 * on joined room success 4 */ 5sampelRoom.eventRoomjoined.on((info: any) => { 6 console.debug("Roomjoined"); 7 console.debug(info); 8}) 9sampelRoom.eventNeedVideoLocal.on((elementinfo: any) => { 10 elementinfo.element = document.getElementById('localvideo'); 11}) 12sampelRoom.eventNeedVideoRemote.on((event: any) => { 13 if (!document.getElementById(event.feedInfo.id)) { 14 const video = document.createElement('video'); 15 video.id = event.feedInfo.id; 16 video.autoplay = true; 17 if(document.getElementById(`h${event.feedInfo.id}`)){ document.getElementById(`h${event.feedInfo.id}`).remove() } 18 document.getElementById('remotvideocontainer').innerHTML += (`<h2 id="h${event.feedInfo.id}"> ${event.feedInfo.id} display : ${event.feedInfo.display} </h2>`) 19 document.getElementById('remotvideocontainer').appendChild(video); 20 event.element = video; 21 } 22 else { 23 event.element = document.getElementById(event.feedInfo.id); 24 } 25 let spanID = "no_video_" + event.feedInfo.id.toString(); 26 let elementSpan = document.getElementById(spanID); 27 if(elementSpan){ elementSpan.remove()} 28}) 29/** 30 * On Leaving feed from room 31 */ 32sampelRoom.eventOnLeaving.on((feedID: number) => { 33 let elementVideo = document.getElementById(feedID.toString()); 34 let spanID = "no_video_" + feedID.toString(); 35 let elementSpan = document.getElementById(spanID); 36 let h2 = document.getElementById(`h${feedID}`); 37 if (elementVideo) { elementVideo.remove();} 38 if(elementSpan){ elementSpan.remove()} 39 if(h2){ h2.remove()} 40 }) 41/** 42 * on Unpublished video and audio 43 */ 44sampelRoom.eventOnUnpublished.on((feedID: number) => { 45 let elementVideo = document.getElementById(feedID.toString()); 46 let spanID = "no_video_" + feedID.toString(); 47 //let elementSpan = document.getElementById(spanID); 48 if (elementVideo) { 49 let elementSpan = document.createElement('span'); 50 elementSpan.id = spanID; 51 elementSpan.innerHTML = "no video publish"; 52 elementVideo.parentNode.replaceChild(elementSpan, elementVideo); 53 //document.getElementById(feedID.toString()).remove(); 54 } 55 }) 56 57sampelRoom.joinRoom(1234, 'fullname2').then((data: any) => { 58 console.log('joinRoom 1234'); 59})
No vulnerabilities found.
No security vulnerabilities found.