Vue-webrtc-aleyda NPM

vue-webrtc

WebRTC component designed for Vue.js ... See the DEMO

See this for browser compatibility.

Installation

npm install vue-webrtc --save

yarn add vue-webrtc

Usage

import Vue from 'vue'
import WebRTC from 'vue-webrtc'

Vue.use(WebRTC)
// or
import {WebRTC} from 'vue-webrtc'
Vue.component(WebRTC.name, WebRTC)

// template
<vue-webrtc width="100%" roomId="roomId">
</vue-webrtc>

Testing & Dev

npm run dev
npm run demo

Props

prop	type	default	notes
roomId	string	'public-room'	id of the room to join
socketURL	string	''	URL of the signaling server
cameraHeight	number	160	height of video element
autoplay	boolean	true	autoplay attribute
screenshotFormat	string	'image/jpeg'	format of screenshot
enableAudio	boolean	true	enables audio on join
enableVideo	boolean	true	enables video on join
enableLogs	boolean	false	enables webrtc console logs

Events

name	param	notes
opened-room	roomid	emitted when the first user opens the room
joined-room	video	emitted when anyone joins the room
left-room	video.id	emitted when anyone leaves the room
share-started	video.id	emitted when a local screen share stream starts
share-stopped	video.id	emitted when a local screen share stream stops

Methods

name	param	notes
join	void	Join a room, opening it if needed
leave	void	Leave a room
capture	void	Capture the current image through the webcam as base64 encoded string
shareScreen	void	Share your screen or an app as video