@geekapps/silo-elements-nextjs 0.3.18 → 0.3.20

package/dist/VideoPlayer.js

@@ -29,24 +29,98 @@ 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;
+  }
+}
+var LANG_NAMES = {
+  pt: "Portugu\xEAs",
+  "pt-br": "Portugu\xEAs (Brasil)",
+  "pt-pt": "Portugu\xEAs (Portugal)",
+  en: "English",
+  "en-us": "English (US)",
+  "en-gb": "English (UK)",
+  es: "Espa\xF1ol",
+  "es-419": "Espa\xF1ol (Latino)",
+  fr: "Fran\xE7ais",
+  de: "Deutsch",
+  it: "Italiano",
+  ja: "\u65E5\u672C\u8A9E",
+  ko: "\uD55C\uAD6D\uC5B4",
+  zh: "\u4E2D\u6587",
+  "zh-cn": "\u666E\u901A\u8BDD",
+  "zh-tw": "\u7E41\u9AD4\u4E2D\u6587",
+  ru: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
+  ar: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629",
+  hi: "\u0939\u093F\u0928\u094D\u0926\u0940",
+  nl: "Nederlands",
+  pl: "Polski",
+  sv: "Svenska",
+  tr: "T\xFCrk\xE7e",
+  und: "Original"
+};
+var CODEC_LABELS = {
+  "truehd": "Dolby TrueHD",
+  "atmos": "Dolby Atmos",
+  "eac3": "Dolby Digital Plus",
+  "ec-3": "Dolby Digital Plus",
+  "e-ac-3": "Dolby Digital Plus",
+  "ac3": "Dolby Digital",
+  "ac-3": "Dolby Digital",
+  "dts-hd": "DTS-HD",
+  "dts-hd ma": "DTS-HD MA",
+  "dtshd": "DTS-HD MA",
+  "dts": "DTS",
+  "aac": "AAC",
+  "opus": "Opus",
+  "mp3": "MP3",
+  "flac": "FLAC",
+  "alac": "ALAC"
+};
+var CHANNEL_LABELS = {
+  1: "Mono",
+  2: "Est\xE9reo",
+  6: "5.1",
+  7: "6.1",
+  8: "7.1"
+};
+function friendlyAudioLabel(rawName, lang, codec, channels) {
+  const langKey = (lang ?? "").toLowerCase();
+  const langLabel = LANG_NAMES[langKey] ?? (lang ? lang.toUpperCase() : null);
+  const codecKey = Object.keys(CODEC_LABELS).find((k) => codec.toLowerCase().includes(k));
+  const codecLabel = codecKey ? CODEC_LABELS[codecKey] : null;
+  const chLabel = channels ? CHANNEL_LABELS[channels] ?? `${channels}ch` : null;
+  const looksHuman = rawName && !/^(und|dts|ac3|eac3|aac|opus|truehd|atmos|\w{2,3}-\d+ch|\w{2})/i.test(rawName) && rawName.length > 1;
+  const baseName = looksHuman ? rawName : langLabel ?? "\xC1udio";
+  const suffix = [codecLabel, chLabel].filter(Boolean).join(" ");
+  return suffix ? `${baseName} \u2014 ${suffix}` : baseName;
+}
 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 +906,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,9 +922,10 @@ function Video({
               if (tracks.length > 1) {
                 setAudioTracks(
                   tracks.map((t, i) => {
-                    const codec = t.attrs?.CODECS ?? t.codecSet ?? "";
-                    const supported = isHdrAudioCodec(codec) ? opusSupported : true;
-                    return { id: i, label: t.name ?? t.lang ?? `Track ${i + 1}`, supported };
+                    const codec = (t.attrs?.CODECS ?? t.codecSet ?? "").split(",")[0]?.trim() ?? "";
+                    const supported = deviceSupportsAudioCodec(codec);
+                    const label = friendlyAudioLabel(t.name, t.lang, codec, t.channels ?? t.attrs?.CHANNELS);
+                    return { id: i, label, supported };
                   })
                 );
                 if (pinnedAudio === -1) setSelectedAudio(hls.audioTrack ?? 0);
@@ -858,13 +937,13 @@ 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;
-                    return { id: i, label: t.name ?? t.lang ?? `Track ${i + 1}`, supported };
+                    const codec = (t.attrs?.CODECS ?? t.codecSet ?? "").split(",")[0]?.trim() ?? "";
+                    const supported = deviceSupportsAudioCodec(codec);
+                    const label = friendlyAudioLabel(t.name, t.lang, codec, t.channels ?? t.attrs?.CHANNELS);
+                    return { id: i, label, supported };
                   })
                 );
               }