825-broadcast-streaming-quickstart (#1515)

Author: saudsami

shared/video-sdk/get-started/get-started-sdk/project-implementation/react-js.mdx

@@ -74,11 +74,19 @@ export const VideoCalling = () => {
 </ProductWrapper>
 
 <ProductWrapper product="broadcast-streaming">
-For <Vpd k="NAME" />, set the `mode` property of `ClientConfig` to `"live"` and the `role` to `"host"` or `"audience"`.
+For <Vpd k="NAME" />, set the `mode` property of `ClientConfig` to `"live"`, the client `role` to `"host"` or `"audience"` and the audience latency `level` to `1`.
 
 ```jsx
 export const BroadcastStreaming = () => {
   const client = AgoraRTC.createClient({ mode: "live", codec: "vp8" });
+
+  // Set the client role and latency level 
+  // Join as audience
+  client.setClientRole("audience", { level: 1 });
+
+  // To join as a host, use:
+  // client.setClientRole("host");
+
   return(
       <AgoraRTCProvider client={client}>
         <Basics />

shared/video-sdk/get-started/get-started-sdk/project-implementation/web.mdx

@@ -88,8 +88,6 @@ When you join as a host, you can publish local media streams in the channel; you
    // Join as a host
    async function joinChannel() {
         await client.join(appId, channel, token, uid);
-        // Set low latency level for broadcast streaming
-        let clientRoleOptions = { level: 1 };
         // A host can both publish tracks and subscribe to tracks
         client.setClientRole("host", clientRoleOptions);
         // Create and publish local tracks
@@ -108,7 +106,7 @@ When you join as a host, you can publish local media streams in the channel; you
     async function joinAsAudience() {
         await client.join(appId, channel, token, uid);
 
-        // Low latency level for broadcast streaming
+        // Low audience latency level for broadcast streaming
         let clientRoleOptions = { level: 1 };
         // Audience can only subscribe to tracks
         client.setClientRole("audience", clientRoleOptions);