fix: Fix renderer issue for Safari/Firefox. (#241)

* fix: Fix renderer issue for Safari.

* fix: fix compile for native.

* chore: Improve flickering.

lib/src/support/platform.dart

@@ -9,6 +9,8 @@ bool lkPlatformIs(PlatformType type) => lkPlatform() == type;
 
 bool lkPlatformIsTest() => Platform.environment.containsKey('FLUTTER_TEST');
 
+BrowserType lkBrowser() => lkBrowserImplementation();
+
 enum PlatformType {
   web,
   windows,
@@ -18,3 +20,12 @@ enum PlatformType {
   fuchsia,
   iOS,
 }
+
+enum BrowserType {
+  chrome,
+  firefox,
+  safari,
+  internetExplorer,
+  wkWebView,
+  unknown,
+}

lib/src/support/platform/io.dart

@@ -11,3 +11,7 @@ PlatformType lkPlatformImplementation() {
   if (Platform.isAndroid) return PlatformType.android;
   throw UnsupportedError('Unknown Platform');
 }
+
+BrowserType lkBrowserImplementation() {
+  return BrowserType.unknown;
+}

lib/src/support/platform/web.dart

@@ -1,3 +1,14 @@
 import '../platform.dart';
 
+import 'package:platform_detect/platform_detect.dart';
+
 PlatformType lkPlatformImplementation() => PlatformType.web;
+
+BrowserType lkBrowserImplementation() {
+  if (browser.isChrome) return BrowserType.chrome;
+  if (browser.isFirefox) return BrowserType.firefox;
+  if (browser.isSafari) return BrowserType.safari;
+  if (browser.isInternetExplorer) return BrowserType.internetExplorer;
+  if (browser.isWKWebView) return BrowserType.wkWebView;
+  return BrowserType.unknown;
+}

lib/src/widgets/video_track_renderer.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_webrtc/flutter_webrtc.dart' as rtc;
+import 'package:livekit_client/src/support/platform.dart';
 
 import '../events.dart';
 import '../extensions.dart';
@@ -78,15 +79,18 @@ class _VideoTrackRendererState extends State<VideoTrackRenderer> {
   @override
   void didUpdateWidget(covariant VideoTrackRenderer oldWidget) {
     super.didUpdateWidget(oldWidget);
-    //
     if (widget.track != oldWidget.track) {
       oldWidget.track.removeViewKey(_internalKey);
       _internalKey = widget.track.addViewKey();
-      // TODO: re-attach only if needed
       (() async {
         await _attach();
       })();
     }
+
+    if ([BrowserType.safari, BrowserType.firefox].contains(lkBrowser()) &&
+        oldWidget.key != widget.key) {
+      _renderer.srcObject = widget.track.mediaStream;
+    }
   }
 
   @override