@geekapps/silo-elements-nextjs 0.3.18 → 0.3.19

package/dist/VideoPlayer.js

@@ -29,24 +29,36 @@ function deviceSupportsOpus() {
     return false;
   }
 }
-function deviceSupportsCodec(codecStr) {
-  if (typeof window === "undefined") return true;
+function deviceSupportsVideoCodec(codec) {
+  if (!codec || typeof window === "undefined") return true;
+  if (/^avc1/i.test(codec)) return true;
   try {
     if (typeof MediaSource !== "undefined" && MediaSource.isTypeSupported) {
-      return MediaSource.isTypeSupported(`video/mp4; codecs="${codecStr}"`);
+      return MediaSource.isTypeSupported(`video/mp4; codecs="${codec}"`);
     }
     return true;
   } catch {
     return true;
   }
 }
+function deviceSupportsAudioCodec(codec) {
+  if (!codec || typeof window === "undefined") return true;
+  if (/^mp4a/i.test(codec)) return true;
+  if (/^opus/i.test(codec)) return deviceSupportsOpus();
+  try {
+    if (typeof MediaSource !== "undefined" && MediaSource.isTypeSupported) {
+      return MediaSource.isTypeSupported(`audio/mp4; codecs="${codec}"`);
+    }
+    const a = document.createElement("audio");
+    return a.canPlayType(`audio/mp4; codecs="${codec}"`) !== "";
+  } catch {
+    return true;
+  }
+}
 function isHdrLevel(level) {
   const range = level?.videoRange ?? level?.video_range ?? "";
   return range === "PQ" || range === "HLG" || range === "HDR10" || typeof level?.name === "string" && /hdr/i.test(level.name);
 }
-function isHdrAudioCodec(codecStr) {
-  return /opus/i.test(codecStr);
-}
 var PLAYBACK_SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2];
 function Source(_props) {
   return null;
@@ -832,10 +844,14 @@ function Video({
                 AUTO_QUALITY,
                 ...levels.map((level, index) => {
                   const hdr = isHdrLevel(level);
-                  const codecStr = level.videoCodec ?? level.attrs?.CODECS ?? "";
-                  const supported = hdr ? hdrSupported : deviceSupportsCodec(codecStr);
+                  const rawCodecs = (level.attrs?.CODECS ?? "").split(",").map((c) => c.trim());
+                  const videoCodec = level.videoCodec ?? rawCodecs.find((c) => /^avc1|^hvc1|^hev1|^av01|^vp09/i.test(c)) ?? rawCodecs[0] ?? "";
+                  const audioCodec = level.audioCodec ?? rawCodecs.find((c) => /^mp4a|^opus|^ec-3|^ac-3/i.test(c)) ?? "";
+                  const videoOk = deviceSupportsVideoCodec(videoCodec);
+                  const audioOk = deviceSupportsAudioCodec(audioCodec);
+                  const supported = (hdr ? hdrSupported : true) && videoOk && audioOk;
                   const baseName = level.name ?? (level.height ? `${level.height}p` : `${index + 1}`);
-                  const label = hdr ? `${baseName} HDR` : baseName;
+                  const label = hdr && hdrSupported ? `${baseName} HDR` : baseName;
                   return { id: `hls-${index}`, label, type: "hls", index, supported, hdr };
                 })
               ]);
@@ -844,8 +860,8 @@ function Video({
               if (tracks.length > 1) {
                 setAudioTracks(
                   tracks.map((t, i) => {
-                    const codec = t.attrs?.CODECS ?? t.codecSet ?? "";
-                    const supported = isHdrAudioCodec(codec) ? opusSupported : true;
+                    const codec = (t.attrs?.CODECS ?? t.codecSet ?? "").split(",")[0]?.trim() ?? "";
+                    const supported = deviceSupportsAudioCodec(codec);
                     return { id: i, label: t.name ?? t.lang ?? `Track ${i + 1}`, supported };
                   })
                 );
@@ -858,12 +874,11 @@ function Video({
             hls.on(Hls.Events.AUDIO_TRACKS_UPDATED, (_, data) => {
               const tracks = data.audioTracks ?? [];
               console.debug("[Silo/hls] AUDIO_TRACKS_UPDATED", tracks.length);
-              const opusSupported = deviceSupportsOpus();
               if (tracks.length > 1) {
                 setAudioTracks(
                   tracks.map((t, i) => {
-                    const codec = t.attrs?.CODECS ?? t.codecSet ?? "";
-                    const supported = isHdrAudioCodec(codec) ? opusSupported : true;
+                    const codec = (t.attrs?.CODECS ?? t.codecSet ?? "").split(",")[0]?.trim() ?? "";
+                    const supported = deviceSupportsAudioCodec(codec);
                     return { id: i, label: t.name ?? t.lang ?? `Track ${i + 1}`, supported };
                   })
                 );