Video Conference Kit
  • iOS
  • Android
  • Web
  • Flutter : Dart
  • React Native
  • Overview
  • Quick start
  • Customize prebuilt features
    • Overview
    • Set avatar for users
    • Add custom components to user view
    • Configure video layouts
    • Hide components
    • Customize the menu bar
    • Set a leave confirmation dialog
    • Turn off cam and mic when joining meeting
    • Implement an audio-only conference
  • Advanced features
    • Screen sharing
  • Documentation
  • Video Conference Kit
  • Customize prebuilt features
  • Implement an audio-only conference

Implement an audio-only conference

Last updated:2023-06-02 14:32

Video Conference Kit (ZegoUIKitPrebuiltVideoConference) defaults to video conference mode. While it allows users to tap the camera button to turn off the camera, converting to an audio-only conference.

Camera-related logic is not required for audio-only conferences, so you can:

  1. bottomMenuBarConfig: Configure this to delete the camera-related button.
  2. topMenuBarConfig: Configure this to delete the camera-related button.
  3. turnOnCameraWhenJoining: Configure this to only use the microphone when a conference starts.
  4. audioVideoViewConfig: Configure this to delete the camera status icon on the view.

Here is the reference code:

class VideoConferencePage extends StatelessWidget {
  const VideoConferencePage({Key? key, required this.conferenceID}) : super(key: key);
  final String conferenceID;

  @override
  Widget build(BuildContext context) {
    return ZegoUIKitPrebuiltVideoConference (
      appID: YourAppID,
      appSign: YourAppSign,
      userID: userID,
      userName: userID,
      conferenceID: conferenceID,

      // Modify your custom configurations here.
      config: ZegoUIKitPrebuiltVideoConferenceConfig(
        turnOnCameraWhenJoining: false,
        audioVideoViewConfig: ZegoPrebuiltAudioVideoViewConfig(showCameraStateOnView: false),
        topMenuBarConfig: ZegoTopMenuBarConfig(
          buttons: [
            ZegoMenuBarButtonName.showMemberListButton
          ],
        ),
        bottomMenuBarConfig: ZegoBottomMenuBarConfig(
          buttons: [
            ZegoMenuBarButtonName.toggleMicrophoneButton,
            ZegoMenuBarButtonName.leaveButton,
            ZegoMenuBarButtonName.switchAudioOutputButton,
          ],
        ),
      ),
    );
  }
}
Page Directory