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

See this for browser compatibility.

npm install vue-webrtc --save

yarn add vue-webrtc

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>

npm run dev
npm run demo

.video-list

.video-item

vue create sample
cd sample
yarn install
npm install vue-webrtc --save

Now open the App.vue file and add the code in the Usage section above.

npm run serve

See the /sample folder

There are many more features provided by the RTCMultiConnection library that we'd like to support, including:

• Camera selection (we currently use the default camera)
• Audio selection
• WebRTC data events

Let us know what you'd like to see next and vote for a feature.

MIT

Author: @AndyWeston on GitHub at vue-webrtc

This project is based off of the excellent work found at WebRTC Experiments: https://www.rtcmulticonnection.org/

The Vue.js work is based on this camera component:
@vinceg vue-web-cam