UI of Viewer View

[zc-razanaqvi]

I'm getting this view when a user is joining with "VIEWER" mode

Here's the code snippet I've used

`<SafeAreaView style={{ flex: 1, backgroundColor: 'black' }}>
{hlsState == 'HLS_PLAYABLE' ? (
<>
{/* Render Header for copy meetingId and leave meeting*/}

      {/* Render VideoPlayer that will play `downstreamUrl`*/}
      <Video
        // controls={true}
        source={{ uri: hlsUrls.downstreamUrl}}
        resizeMode={'stretch'}
        style={{
          flex: 1,
          backgroundColor: 'black',
        }}
        onError={e => console.log('error', e)}
      />
    </>
  ) : (
    <SafeAreaView
      style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text style={{ fontSize: 20, color: 'white' }}>
        HLS is not started yet or is stopped
      </Text>
    </SafeAreaView>
  )}
</SafeAreaView>`

thanks in advanced for helping