fix: fixed MediaStreamTrack compilation error for web (#657)

* fixed MediaStreamTrack compilation error for web

* web version change

* webrtc bump

* bumping min dart SDK to 3.3.0

* bumping flutter to 3.19 in git workflow

* webrtc version bump

---------

Co-authored-by: Deven Joshi <[email protected]>

Author: Brazol

.github/workflows/app-distribute.yml

@@ -8,7 +8,7 @@ on:
       - dogfooding/**
 
 env:
-  FLUTTER_VERSION: '3.16.9'
+  FLUTTER_VERSION: '3.19.5'
   FLUTTER_CHANNEL: stable
   ENV_PROPERTIES: ${{ secrets.ENV_PROPERTIES }}
   MATCH_PASSWORD: ${{ secrets.MATCH_PASSWORD }}

.github/workflows/legacy_version_analyze.yml

@@ -3,7 +3,7 @@ name: legacy_version_analyze
 env:
   # Note: The versions below should be manually updated after a new stable
   # version comes out.
-  flutter_version: "3.16.0"
+  flutter_version: "3.19.5"
 
 on:
   push:

.github/workflows/stream_video_flutter_workflow.yml

@@ -2,7 +2,7 @@ name: stream_video_flutter_workflow
 
 env:
   FLUTTER_CHANNEL: stable
-  FLUTTER_VERSION: 3.16.0
+  FLUTTER_VERSION: 3.19.5
   ENV_PROPERTIES: ${{ secrets.ENV_PROPERTIES }}
 
 on:

dogfooding/pubspec.yaml

@@ -4,7 +4,7 @@ publish_to: none
 description: Flutter Dogfooding App to showcase Video SDK.
 
 environment:
-  sdk: '>=3.0.0 <4.0.0'
+  sdk: '>=3.3.0 <4.0.0'
   flutter: '>=3.16.0'
 
 dependencies:
@@ -29,8 +29,8 @@ dependencies:
   share_plus: ^7.1.0
   shared_preferences: ^2.2.0
   stream_chat_flutter: ^7.1.0
-  stream_video_flutter: ^0.3.8
-  stream_video_push_notification: ^0.3.8
+  stream_video_flutter: ^0.3.9
+  stream_video_push_notification: ^0.3.9
   uni_links: ^0.5.1
 
 dev_dependencies:

packages/stream_video/lib/src/webrtc/rtc_audio_api/rtc_audio_html.dart

@@ -1,10 +1,10 @@
 // ignore_for_file: avoid_web_libraries_in_flutter, implementation_imports
 
-import 'dart:html' as html;
 import 'dart:js_util' as jsutil;
 
 import 'package:dart_webrtc/src/media_stream_track_impl.dart';
 import 'package:flutter_webrtc/flutter_webrtc.dart' as rtc;
+import 'package:web/web.dart' as web;
 
 const audioContainerId = 'stream_audio_container';
 const audioPrefix = 'stream_audio_';
@@ -13,46 +13,46 @@ void startAudio(String id, rtc.MediaStreamTrack track) {
   if (track is! MediaStreamTrackWeb) return;
 
   final elementId = audioPrefix + id;
-  var audioElement = html.document.getElementById(elementId);
+  var audioElement = web.document.getElementById(elementId);
   if (audioElement == null) {
-    audioElement = html.AudioElement()
+    audioElement = web.HTMLAudioElement()
       ..id = elementId
       ..autoplay = true;
     findOrCreateAudioContainer().append(audioElement);
   }
 
-  if (audioElement is! html.AudioElement) return;
+  if (audioElement is! web.HTMLAudioElement) return;
 
-  final audioStream = html.MediaStream();
+  final audioStream = web.MediaStream();
   audioStream.addTrack(track.jsTrack);
   audioElement.srcObject = audioStream;
 }
 
 void stopAudio(String id) {
-  final audioElement = html.document.getElementById(audioPrefix + id);
+  final audioElement = web.document.getElementById(audioPrefix + id);
   if (audioElement != null) {
-    if (audioElement is html.AudioElement) {
+    if (audioElement is web.HTMLAudioElement) {
       audioElement.srcObject = null;
     }
     audioElement.remove();
   }
 }
 
 void setSinkId(String id, String deviceId) {
-  final audioElement = html.document.getElementById(audioPrefix + id);
-  if (audioElement is html.AudioElement &&
+  final audioElement = web.document.getElementById(audioPrefix + id);
+  if (audioElement is web.HTMLAudioElement &&
       jsutil.hasProperty(audioElement, 'setSinkId')) {
-    audioElement.setSinkId(deviceId);
+    jsutil.setProperty(audioElement, 'setSinkId', deviceId);
   }
 }
 
-html.DivElement findOrCreateAudioContainer() {
-  var div = html.document.getElementById(audioContainerId);
-  if (div != null) return div as html.DivElement;
+web.HTMLDivElement findOrCreateAudioContainer() {
+  var div = web.document.getElementById(audioContainerId);
+  if (div != null) return div as web.HTMLDivElement;
 
-  div = html.DivElement()
+  div = web.HTMLDivElement()
     ..id = audioContainerId
     ..style.display = 'none';
-  html.document.body?.append(div);
-  return div as html.DivElement;
+  web.document.body?.append(div);
+  return div as web.HTMLDivElement;
 }

packages/stream_video/lib/version.g.dart

@@ -1,5 +1,5 @@
 // This file is generated. Do not manually edit.
 /// Current package version.
 const String streamVideoVersion = '0.3.9';
-const String androidWebRTCVersion = 'libwebrtc-m114.5735.08';
-const String iosWebRTCVersion = 'libwebrtc-m114.5735.08';
+const String androidWebRTCVersion = 'libwebrtc-m114.5735.10';
+const String iosWebRTCVersion = 'libwebrtc-m114.5735.10';

packages/stream_video/pubspec.yaml

@@ -7,19 +7,19 @@ repository: https://github.com/GetStream/stream-video-flutter
 issue_tracker: https://github.com/GetStream/stream-video-flutter/issues
 
 environment:
-  sdk: ">=3.0.0 <4.0.0"
+  sdk: ">=3.3.0 <4.0.0"
   flutter: ">=3.16.0"
 
 dependencies:
   async: ^2.11.0
   collection: ^1.18.0
   connectivity_plus: ^5.0.2
-  dart_webrtc: ^1.1.3
+  dart_webrtc: ^1.4.0
   equatable: ^2.0.5
   fixnum: ^1.1.0
   flutter:
     sdk: flutter
-  flutter_webrtc: 0.9.47
+  flutter_webrtc: ^0.10.4
   http: ^1.1.0
   internet_connection_checker: ^1.0.0+1
   intl: ">=0.18.1 <=0.19.0"
@@ -32,6 +32,7 @@ dependencies:
   synchronized: ^3.1.0
   tart: ^0.5.1
   uuid: ^4.2.1
+  web: ^0.5.1
   web_socket_channel: ^2.4.0
   webrtc_interface: ^1.1.1
 

packages/stream_video_flutter/example/pubspec.yaml

@@ -8,7 +8,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 1.0.0+1
 
 environment:
-  sdk: ">=3.0.0 <4.0.0"
+  sdk: ">=3.3.0 <4.0.0"
   flutter: ">=3.16.0"
 
 dependencies:
@@ -18,7 +18,7 @@ dependencies:
   flutter:
     sdk: flutter
   flutter_svg: ^2.0.7
-  flutter_webrtc: 0.9.47
+  flutter_webrtc: ^0.10.4
   google_fonts: ^5.1.0
   http: ^1.1.0
   intl: ^0.19.0

packages/stream_video_flutter/pubspec.yaml

@@ -7,7 +7,7 @@ repository: https://github.com/GetStream/stream-video-flutter
 issue_tracker: https://github.com/GetStream/stream-video-flutter/issues
 
 environment:
-  sdk: ">=3.0.0 <4.0.0"
+  sdk: ">=3.3.0 <4.0.0"
   flutter: ">=3.16.0"
 
 dependencies:
@@ -16,7 +16,7 @@ dependencies:
   equatable: ^2.0.5
   flutter:
     sdk: flutter
-  flutter_webrtc: 0.9.47
+  flutter_webrtc: ^0.10.4
   plugin_platform_interface: ^2.1.7
   rate_limiter: ^1.0.0
   stream_video: ^0.3.9

packages/stream_video_push_notification/pubspec.yaml

@@ -7,7 +7,7 @@ repository: https://github.com/GetStream/stream-video-flutter
 issue_tracker: https://github.com/GetStream/stream-video-flutter/issues
 
 environment:
-  sdk: ">=3.0.0 <4.0.0"
+  sdk: ">=3.3.0 <4.0.0"
   flutter: ">=3.16.0"
 
 dependencies: