Add React media components

[SuaYoo]

Adds Media, Audio and Video components, with examples, to react-client.

📝 To Do

• All linters pass
• All tests pass
• Change documentation based on my changes

✋ Manual testing

Note: I'm testing with the Telnyx web dialer, but should work in theory with a hardware or softphone, too.

1. Build react-client by running npm run build in packages/react-client
2. cd into packages/react-client/example and run npm start
3. Make an audio-only call. Verify that you hear audio coming from the browser
4. Make a video call. Verify that you see and hear video in the browser

🦊 Browser testing

Desktop

• Edge (latest)
• Chrome
• Firefox
• Safari

📸 Screenshots

[hugooliveirad]

Great examples and Media component

[DeividVeloso]

I tested and the audio is opened(I mean you can hear your voice) before the callee pick up the call.

I got an error when try to run the packages/react-client/example it is complaining about a different version on babel-jest, to work around I added this "start": "SKIP_PREFLIGHT_CHECK=true node ../node_modules/react-scripts/bin/react-scripts.js start",

I think you can add this script command "setup": "cp .env.sample .env"

[SuaYoo]

I tested and the audio is opened(I mean you can hear your voice) before the callee pick up the call.

@DeividVeloso I fixed the doubled audio issue by tweaking the UX by adding a checkbox:

Could you retest?