0.5.2 • Published 4 years ago
rrsc v0.5.2
React remote screen control (rrsc)
Video demo
Live Demo
How to use?
Default connection plate component:
import {RrscPlate} from "rrsc";
...
<RrscPlate
normalCursorKey={/* keycode for showing mouse cursor (not required) */}
videoContainer={/* HOC for video (not required) */}
videoProps={/* props for video (not required) */}
isAbleCall={/* define if user is admin */}
server={/* server_url */}
/>
...
Create your own component via HOC:
import {withRRSC} from "rrsc";
...
const MyComponent =
({
rrscMyId,
rrscContrUserId,
rrscSetContrUserId,
rrscAskContrUser,
rrscIsStreaming,
rrscDisconnect,
isAbleCall
}) =>
<div>
<div>My id: {rrscMyId}</div>
{
isAbleCall &&
<>
<input
value={rrscContrUserId}
onChange={e => rrscSetContrUserId(e.target.value)}
disabled={rrscIsStreaming}
/>
{!rrscIsStreaming && (
<button disabled={!rrscContrUserId} onClick={rrscAskContrUser}>
call
</button>
)}
</>
}
{rrscIsStreaming && (
<button onClick={rrscDisconnect}>disconnect</button>
)}
</div>;
const MyRRSCPlate = withRRSC(MyComponent);
...
0.5.2
4 years ago
0.5.1
4 years ago
0.5.0
4 years ago
0.4.9
4 years ago
0.4.8
4 years ago
0.4.7
4 years ago
0.4.6
4 years ago
0.4.5
4 years ago
0.4.4
4 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.3.9
4 years ago
0.3.8
4 years ago
0.3.7
4 years ago
0.3.6
4 years ago
0.3.5
4 years ago
0.3.4
4 years ago
0.3.3
4 years ago
0.3.0
4 years ago
0.2.7
4 years ago
0.2.9
4 years ago
0.2.8
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.2.6
4 years ago
0.2.5
4 years ago
0.2.4
4 years ago
0.2.3
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.0
4 years ago