0.1.5 • Published 5 years ago
@videsk/webrtc-ui v0.1.5
Videsk WebRTC UI for Vue
This is a component of WebRTC UI for Vue, used in Widget, Apps, Kiosk and Facebook.
Installation
npm i @videsk/videsk-webrtc
How to use
<videsk-webrtc
:controlButtonText=""
:participants="participants"
:videoToggle="localVideoToggle"
:audioToggle="localAudioToggle"
:sendButton="sendMsg"
:endCall="finishCall"
:chat="true"
:messages="messages">
</videsk-webrtc>
<script>
import webrtc from '@videsk/webrtc-ui';
export default {
components: {
'videsk-webrtc': webrtc,
},
};
</script>
Props
This is the table with list of props required and not.
Prop | Description | Required | Value | Default |
---|---|---|---|---|
controlButtonText | Text of button toggle controls container. For example you can pass i18n text. | true | Controles/Ocultar | |
placeholderInput | Placeholder of chat input. | false | 'Escriba su mensaje aquí' | |
participants | Array with list of video participants. | true | [] | |
videoToggle | Function for detect when is muted/unmuted video. | true | Boolean | () => {} |
audioToggle | Function for detect when is muted/unmuted audio. | true | Boolean | () => {} |
fullscreen | Function for detect when is toggled fullscreen. | false | Boolean | () => {} |
sendButton | Function for detect when message is sended | true | Object | () => {} |
endCall | Function for detect when is pressed end call button. | true | () => {} | |
chat | Set for display or not chat | false | false | |
inputOnWrite | Function for detect on keypress in chat input. | false | () => {} | |
toggleControls | Function for detect toggle of controls. | false | Boolean | () => {} |
messages | List of messages | true | [] |