updated tutorial

Author: d3xvn

livestreaming_tutorial/ios/Podfile.lock

@@ -200,4 +200,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 4c438addb11b6da45ed7ae408823d68256222460
 
-COCOAPODS: 1.16.2
+COCOAPODS: 1.16.1

livestreaming_tutorial/lib/livestream_screen.dart

@@ -11,7 +11,7 @@ class LiveStreamScreen extends StatefulWidget {
 }
 
 class _LiveStreamScreenState extends State<LiveStreamScreen> {
-  final callId = "REPLACE_WITH_CALL_ID";
+  final callId = "demo12345";
   Call? _livestreamCall;
 
   @override
@@ -42,36 +42,39 @@ class _LiveStreamScreenState extends State<LiveStreamScreen> {
       );
     }
 
-    return SafeArea(
-      child: StreamBuilder(
-        stream: _livestreamCall!.state.valueStream,
-        initialData: _livestreamCall!.state.value,
-        builder: (context, snapshot) {
-          final callState = snapshot.data!;
-          final participant = callState.callParticipants.firstOrNull;
-          return Scaffold(
-            appBar: AppBar(
-              actions: [
-                OutlinedButton(
+    return StreamBuilder(
+      stream: _livestreamCall!.state.valueStream,
+      initialData: _livestreamCall!.state.value,
+      builder: (context, snapshot) {
+        final callState = snapshot.data!;
+        final participant = callState.callParticipants.firstOrNull;
+        return Scaffold(
+          appBar: AppBar(
+            actions: [
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 8.0),
+                child: OutlinedButton(
                   onPressed: () {
                     _livestreamCall!.end();
                     Navigator.pop(context);
                   },
                   child: const Text('End Call'),
                 ),
-              ],
-              title: Text('Viewers: ${callState.callParticipants.length}'),
-              automaticallyImplyLeading: false,
-            ),
-            body: Builder(
-              builder: (context) {
-                if (!snapshot.hasData) {
-                  return const Center(
-                    child: CircularProgressIndicator(),
-                  );
-                } else {
-                  if (snapshot.hasData && callState.isBackstage) {
-                    return Column(
+              ),
+            ],
+            title: Text('Viewers: ${callState.callParticipants.length}'),
+            automaticallyImplyLeading: false,
+          ),
+          body: Builder(
+            builder: (context) {
+              if (!snapshot.hasData) {
+                return const Center(
+                  child: CircularProgressIndicator(),
+                );
+              } else {
+                if (snapshot.hasData && callState.isBackstage) {
+                  return Center(
+                    child: Column(
                       mainAxisAlignment: MainAxisAlignment.center,
                       children: [
                         const Text('Stream not live'),
@@ -82,20 +85,20 @@ class _LiveStreamScreenState extends State<LiveStreamScreen> {
                           child: const Text('Go Live'),
                         ),
                       ],
-                    );
-                  }
-
-                  return StreamVideoRenderer(
-                    call: _livestreamCall!,
-                    videoTrackType: SfuTrackType.video,
-                    participant: participant!,
+                    ),
                   );
                 }
-              },
-            ),
-          );
-        },
-      ),
+
+                return StreamVideoRenderer(
+                  call: _livestreamCall!,
+                  videoTrackType: SfuTrackType.video,
+                  participant: participant!,
+                );
+              }
+            },
+          ),
+        );
+      },
     );
   }
 }

livestreaming_tutorial/lib/main.dart

@@ -9,14 +9,15 @@ Future<void> main() async {
 
   // Initialize Stream video and set the API key for our app.
   StreamVideo(
-    'REPLACE_WITH_API_KEY',
+    'mmhfdzb5evj2',
     user: const User(
       info: UserInfo(
         name: 'John Doe',
-        id: 'REPLACE_WITH_USER_ID',
+        id: 'demo',
+        role: 'admin'
       ),
     ),
-    userToken: 'REPLACE_WITH_TOKEN',
+    userToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJodHRwczovL3Byb250by5nZXRzdHJlYW0uaW8iLCJzdWIiOiJ1c2VyL1RhbG9uX0thcnJkZSIsInVzZXJfaWQiOiJUYWxvbl9LYXJyZGUiLCJ2YWxpZGl0eV9pbl9zZWNvbmRzIjo2MDQ4MDAsImlhdCI6MTczNzcxNDU0MiwiZXhwIjoxNzM4MzE5MzQyfQ.mroo_g3_UNMWokded07DCx34d8VX6pBhyuEpzD1ZBGE',
   );
 
   // For connecting anonymous users

livestreaming_tutorial/lib/view_livestream_screen.dart

@@ -9,7 +9,7 @@ class ViewLivestreamScreen extends StatefulWidget {
 }
 
 class _ViewLivestreamScreenState extends State<ViewLivestreamScreen> {
-  final callId = "REPLACE_WITH_CALL_ID";
+  final callId = "demo12345";
 
   Call? _livestreamCall;