React Live Assistant Officer
React Live Assistant For Officer
Getting Started
$ npm install react-live-assistant-officer
$ const VideoCall = require('react-live-assistant-officer')
How to use
Insert this code in render
<VideoCall onHangUp={this.handleHangUp} onErrors={this.handleError} onCalling={this.handleVideoCall} onInComing={this.handleIncoming} onReload={this.handleReload} onlineStatus={onlineStatus} id='1' type='callcenter' zone={activeLang} videoWidth={400} videoHeight={536} delayAutoHangUp={30} delayAfterDisConnect={1.5} audio server={config.serverVideCall} videoUI={(myVideo, theirVideo, handleHangUp, handleAccept, inComingCall, talking) => { let btnControl = null if (inComingCall) btnControl = <button className='btn-accept' onClick={() => handleAccept()}><i className='icon-end-call' />Accept</button> if (talking) btnControl = <button className='btn-hangup' onClick={() => handleHangUp()}><i className='icon-end-call' />Hang Up</button> return ( <div className='video-call-panel'> {myVideo()} {theirVideo()} <div className='control-container'> {btnControl} </div> </div> ) }}/>
CSS stylesheet
css/style.css
Option
Props | type | Description |
---|---|---|
onHangUp | function | callback for hangup |
onErrors | function | callback for erros return not-available, device, peer, user |
onCalling | function | callback for compared and calling |
onInComing | function | callback for have incoming call |
onInComing | function | callback after reload component |
onlineStatus | boolen | This is online status get true or false |
id | string | This is machine id |
type | string | This is machine type ( callcenter ) |
zone | array | This is machine zone. \ ['en', 'th'] or ['department1', 'department2'] |
videoWidth | number | video width |
videoHeight | number | video height |
audio | boolean | true for enable audio |
delayAutoHangUp | number | set time when not missed call, auto hangup |
delayAfterDisConnect | number | set delay time after hangup |
server | object | config for call ip: 1 port: 9000 path: /peerjs debug: 3 protocol: http |
videoUI | function | custom UI |
Thank you for your suggestions!