WoWZA WebRTC Client React Components
To install
Using NPM
npm i wowza-webrtc-client-reactor yarn
yarn add wowza-webrtc-client-reactUsage
Prepare Configuration
import { WebRTCConfiguration } from 'wowza-webrtc-client'
const config: WebRTCConfiguration = {
WEBRTC_SDP_URL: 'wss://my-domain.streamlock.net/webrtc-session.json',
WEBRTC_APPLICATION_NAME: 'myWebRTCApp',
WEBRTC_FRAME_RATE: 29,
WEBRTC_AUDIO_BIT_RATE: 64,
WEBRTC_VIDEO_BIT_RATE: 360,
}For Publishing
import { WebRTCPublisher as Publisher } from 'wowza-webrtc-client-react'
<Publisher id="publisher-test"
ref="publisher"
className="d-block"
streamName="my-stream-name"
style={{ width: '100%', height: '100%'}}
config={ config }
onVideoStateChanged={(state) => {
console.log('Publisher state has changed', state)
}}
/>For Playing
import { WebRTCPlayer as Player } from 'wowza-webrtc-client-react'
<Player
id="player-test"
ref="player"
streamName="my-stream-name"
style={{ width: '100%', height: '100vh'}}
rotate="cw" // 'cw'|'none'|'ccw'
config={ config }
autoPlay={false}
onPlayerStateChanged={(status) => {
console.log('Player state has changed', status)
}}/>