1.0.0 • Published 3 years ago
webrtc-vue-app v1.0.0
webrtcrecorder
Project setup
npm installMethods
| name | description |
|---|---|
| startStreaming | start video streaming |
| stopStreaming | stop video Streaming |
| startRecording | start recording the video stream |
| stopRecording | stop recording the video stream |
| screenShot | take a screenshot of the video stream |
| ShareScreen | start sharing the content of the screen |
| doMute | to mute the voice |
| unMute | to unmute the voice |
| showCam | to show the camera |
| hideCam | to hide the camera |
usage of methods
after importing the component and including it inside your code as the following template
<webrtcrecorder ref="webrtcVideo">
</webrtcrecorder>
you can create a button tag in your html code and bind its click event with a method you are suppose to create. then inside this method your are going to call one of the methods of the webrtcrecorder which are listed above in a table as the following example:
<button @click="doRecording">Recording</button>
<button @click="doScreenShot">screenshot</button>
now let us suppose that you have created this mehtod:
function doRecording(){
this.$refs.webrtcVideo.startRecording()
}
function doScreenShot(){
this.$refs.webrtcVideo.screenShot()
}Compiles and hot-reloads for development
npm run serveCompiles and minifies for production
npm run buildCustomize configuration
License
MIT
1.0.0
3 years ago