fix: default to MSE except safari (#1254)

This change updates the video player logic to use MSE by default if its
not Safari since. Chromium-based browsers with native HLS support were
experiencing issues with captions not available. By defaulting to MSE
except on Safari, we ensure captions work consistently across browsers.

**Changes:**  
- Replaced Chrome detection with Safari detection.
- Updated logic to fallback to MSE for non-Safari browsers.
- Maintains native HLS for Safari for optimal compatibility.

Author: ronalduQualabs

packages/playback-core/src/index.ts

@@ -329,7 +329,6 @@ declare global {
 
 const userAgentStr = globalThis?.navigator?.userAgent ?? '';
 const userAgentPlatform = globalThis?.navigator?.userAgentData?.platform ?? '';
-const browserBrands = globalThis?.navigator?.userAgentData?.brands ?? [];
 
 // NOTE: Our primary *goal* with this is to detect "non-Apple-OS" platforms which may also support
 // native HLS playback. Our primary concern with any check for this is "false negatives" where we
@@ -354,12 +353,8 @@ const isAndroidLike =
   userAgentStr.toLowerCase().includes('android') ||
   ['x11', 'android'].some((platformStr) => userAgentPlatform.toLowerCase().includes(platformStr));
 
-const googleChromeBrand = browserBrands.find((brand) => brand.brand === 'Google Chrome');
-
-const isChromeWithNativeHLS = (mediaEl: Pick<HTMLMediaElement, 'canPlayType'>) =>
-  googleChromeBrand &&
-  parseInt(googleChromeBrand.version ?? '0') >= 141 &&
-  !!mediaEl.canPlayType('application/vnd.apple.mpegurl');
+const isSafari = (mediaEl: Pick<HTMLMediaElement, 'canPlayType'>) =>
+  /^((?!chrome|android).)*safari/i.test(userAgentStr) && !!mediaEl.canPlayType('application/vnd.apple.mpegurl');
 
 // NOTE: Exporting for testing
 export const muxMediaState: WeakMap<
@@ -370,8 +365,7 @@ export const muxMediaState: WeakMap<
 const MUX_VIDEO_DOMAIN = 'mux.com';
 const MSE_SUPPORTED = Hls.isSupported?.();
 
-const shouldDefaultToMSE = (mediaEl: Pick<HTMLMediaElement, 'canPlayType'>) =>
-  isAndroidLike || isChromeWithNativeHLS(mediaEl);
+const shouldDefaultToMSE = (mediaEl: Pick<HTMLMediaElement, 'canPlayType'>) => isAndroidLike || !isSafari(mediaEl);
 
 export const generatePlayerInitTime = () => {
   return mux.utils.now();