README
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!