neoris/openvidu-livekit-tutorials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

openvidu-react-native: Added mute unmute audio

Browse Source
This commit is contained in:
csantosm 2020-06-12 16:12:24 +02:00
parent 87184e489e
commit 17050e1171
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
openvidu-react-native/App.js
View File

@ -43,7 +43,8 @@ export default class App extends Component<Props> {
role: 'PUBLISHER',
mirror: true,
videoSource: undefined,
camera: true,
video: true,
audio: true
};
}
@ -269,9 +270,14 @@ export default class App extends Component<Props> {
*/
}
muteUnmuteMic() {
this.state.mainStreamManager.publishAudio(!this.state.audio);
this.setState({ audio: !this.state.audio });
}
muteUnmuteCamera() {
this.state.mainStreamManager.publishVideo(!this.state.camera);
this.setState({ camera: !this.state.camera });
this.state.mainStreamManager.publishVideo(!this.state.video);
this.setState({ video: !this.state.video });
}
render() {
@ -302,12 +308,21 @@ export default class App extends Component<Props> {
title="Toggle Camera"
color="#841584"
/>
</View>
<View style={styles.button}>
<Button
onLongPress={() => this.muteUnmuteMic()}
onPress={() => this.muteUnmuteMic()}
title={this.state.audio ? 'Mute Microphone' : 'Unmute Microphone'}
color="#3383FF"
/>
</View>
<View style={styles.button}>
<Button
onLongPress={() => this.muteUnmuteCamera()}
onPress={() => this.muteUnmuteCamera()}
title={this.state.camera ? 'Mute Camera' : 'Unmute Camera'}
title={this.state.video ? 'Mute Camera' : 'Unmute Camera'}
color="#00cbff"
/>
</View>

1
openvidu-react-native/package.json
View File

@ -4,6 +4,7 @@
"private": true,
"scripts": {
"start": "react-native start",
"android": "react-native run-android",
"test": "jest"
},
"dependencies": {