AgoraStreamPlayer

Feature

Quick Start

npm install agora-stream-player

import StreamPlayer from 'agora-stream-player'
import AgoraRTC from 'agora-rtc-sdk'
class Demo extends Component {
 state = {
 stream: null
 }
 componentDidMount() {
 let stream = AgoraRTC.createStream({
 streamID: 1024,
 video: true,
 audio: true
 })
 stream.init(() => {
 this.setState({
 stream
 })
 })
 }
 render() {
 return (
 {/** You'd better use conditional render to make it mount/unmount properly */}
 {this.state.stream && <StreamPlayer
 key={1024} 
 video={true} 
 audio={true} 
 stream={this.state.stream}
 fit="contain"
 label="A stream" 
 />}
 )
 }
}

Props

stream: Stream

video: boolean

audio: boolean

autoChange?: boolean

fit?: "cover" | "contain",

networkDetect?: boolean

speaking?: boolean

appendIcon?: ReactNode

prependIcon?: ReactNode

placeholder?: ReactNode

label?: string

className?: string

style?: Object

onClick?: Function

onDoubleClick?: Function

Develop

Project setup

npm install

Compiles and hot-reloads with a demo

npm run start

Compiles and minifies for production

npm run build

Run your tests

npm run test

Run your tests with coverage

npm run test:coverage