feat: convert srt to vtt if required

apps/expo/src/app/videoPlayer.tsx

@@ -53,7 +53,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ data }) => {
       const fetchVideo = async () => {
         if (!data) return null;
         const { id, type } = data;
-        const media = await fetchMediaDetails(id, type);
+        const media = await fetchMediaDetails(id, type).catch(() => null);
         if (!media) return null;
 
         const { result } = media;
@@ -72,7 +72,10 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ data }) => {
           episode,
         );
 
-        const stream = await getVideoStream(scrapeMedia);
+        const stream = await getVideoStream({
+          media: scrapeMedia,
+          forceVTT: true,
+        }).catch(() => null);
         if (!stream) {
           await ScreenOrientation.lockAsync(
             ScreenOrientation.OrientationLock.PORTRAIT_UP,

packages/provider-utils/package.json

@@ -30,6 +30,7 @@
   "prettier": "@movie-web/prettier-config",
   "dependencies": {
     "@movie-web/providers": "^2.2.0",
+    "srt-webvtt": "^2.0.0",
     "tmdb-ts": "^1.6.1"
   }
 }

packages/provider-utils/src/video.ts

@@ -1,3 +1,5 @@
+import { default as toWebVTT } from "srt-webvtt";
+
 import type {
   FileBasedStream,
   Qualities,
@@ -11,9 +13,13 @@ import {
   targets,
 } from "@movie-web/providers";
 
-export async function getVideoStream(
+export async function getVideoStream({
-  media: ScrapeMedia,
+  media,
-): Promise<Stream | null> {
+  forceVTT,
+}: {
+  media: ScrapeMedia;
+  forceVTT?: boolean;
+}): Promise<Stream | null> {
   const providers = makeProviders({
     fetcher: makeStandardFetcher(fetch),
     target: targets.NATIVE,
@@ -24,9 +30,23 @@ export async function getVideoStream(
     media,
   };
 
-  const results = await providers.runAll(options);
+  const result = await providers.runAll(options);
-  if (!results) return null;
+  if (!result) return null;
-  return results.stream;
+
+  if (forceVTT) {
+    if (result.stream.captions && result.stream.captions.length > 0) {
+      for (const caption of result.stream.captions) {
+        if (caption.type === "srt") {
+          const response = await fetch(caption.url);
+          const srtSubtitle = await response.blob();
+          const vttSubtitleUrl = await toWebVTT(srtSubtitle);
+          caption.url = vttSubtitleUrl;
+          caption.type = "vtt";
+        }
+      }
+    }
+  }
+  return result.stream;
 }
 
 export function findHighestQuality(

pnpm-lock.yaml

@@ -170,6 +170,9 @@ importers:
       '@movie-web/providers':
         specifier: ^2.2.0
         version: 2.2.0
+      srt-webvtt:
+        specifier: ^2.0.0
+        version: 2.0.0
       tmdb-ts:
         specifier: ^1.6.1
         version: 1.6.1
@@ -9741,6 +9744,10 @@ packages:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: false
 
+  /srt-webvtt@2.0.0:
+    resolution: {integrity: sha512-G2Z7/Jf2NRKrmLYNSIhSYZZYE6OFlKXFp9Au2/zJBKgrioUzmrAys1x7GT01dwl6d2sEnqr5uahEIOd0JW/Rbw==}
+    dev: false
+
   /ssri@8.0.1:
     resolution: {integrity: sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==}
     engines: {node: '>= 8'}