This project ports the awslabs/amazon-kinesis-video-streams-webrtc-sdk-js to React.
The only additional dependencies I pulled in are Material UI for basic visual formatting to make things look a little nicer, and react-easy-state which makes it dead simple to handle / share state between components.
You can try this out in the browser at the link below:
https://matwerber1.github.io/aws-kinesisvideo-webrtc-react/
- AWS account and IAM credentials (user or temporary role)
- Create a Kinesis Video signaling channnel in advance
- Clone this project:
git clone https://github.com/matwerber1/aws-kinesisvideo-webrtc-react
- From the project root directory, install NodeJS dependencies:
npm install
- Run the app!
npm run start
-
In the browser (https://localhost:3000), enter your IAM credentials and the name of your KVS WebRTC signaling channel.
-
Start the player as a viewer or master.
-
You can open a separate tab or browser session and repeat the prior steps, except switch the role of the player so you have both a master and viewer. Or, if you run master in the browser, you can log in to your AWS account and use the built-in viewer in the Kinesis Video WebRTC/Signaling Channel console.