add embeds: youtube, odysee, bitchute, streamable

2026-08-03 07:41:04 +02:00 · 2023-07-07 17:48:24 +02:00
parent 97fb0de9bf
commit 106c865b82
9 changed files with 1076 additions and 336 deletions
@@ -7,34 +7,80 @@ const getCommentMediaInfo = (comment) => {

  if (comment?.link) {
    try {
-      new URL(comment.link);
+      const url = new URL(comment.link);
+      const host = url.hostname;
+      let embedUrl = null;
+
+      if (['youtube.com', 'www.youtube.com', 'youtu.be'].includes(host)) {
+        const videoId = host === 'youtu.be' ? url.pathname.slice(1) : url.searchParams.get('v');
+        embedUrl = `https://www.youtube-nocookie.com/embed/${videoId}`;
+      } else if (host.includes('odysee.com')) {
+        const pathComponents = url.pathname.split('/');
+        const channelAndId = pathComponents[1];
+        const videoAndId = pathComponents[2];
+        embedUrl = `https://odysee.com/$/embed/${channelAndId}/${videoAndId}`;
+
+        // TODO: add support for Rumble, video id is dynamic
+
+      // } else if (host.includes('rumble.com')) {
+      //   const regex = /(\/v.+?)-/;
+      //   const match = regex.exec(url.pathname);
+      //   if (match) {
+      //     const videoId = match[1].slice(1);
+      //     embedUrl = `https://rumble.com/embed/${videoId}/?pub=4`;
+      //   }
+
+
+      } else if (host.includes('bitchute.com')) {
+        const videoId = url.pathname.split('/')[2];
+        embedUrl = `https://www.bitchute.com/embed/${videoId}/`;
+      } else if (host.includes('streamable.com')) {
+        const videoId = url.pathname.split('/')[1];
+        embedUrl = `https://streamable.com/e/${videoId}?quality=highest`;
+        
+        // TODO: Add support for Giphy (doesn't have thumbnails, size is variable)
+
+      // } else if (host.includes('giphy.com')) {
+      //   const hyphenComponents = url.pathname.split('-');
+      //   const gifId = hyphenComponents[hyphenComponents.length - 1];
+      //   embedUrl = `https://giphy.com/embed/${gifId}`;
+      }
+
+      if (embedUrl) {
+        return {
+          url: comment.link,
+          embedUrl,
+          type: 'iframe',
+          thumbnail: comment.thumbnailUrl,
+        };
+      }
+
+      const mime = extName(url.pathname.replace('/', ''))[0]?.mime;
+
+      if (mime?.startsWith('image')) {
+        return {
+          url: comment.link,
+          type: 'image',
+        };
+      }
+
+      if (mime?.startsWith('video')) {
+        return {
+          url: comment.link,
+          type: 'video',
+          thumbnail: comment.thumbnailUrl,
+        };
+      }
+
+      if (mime?.startsWith('audio')) {
+        return {
+          url: comment.link,
+          type: 'audio',
+        };
+      }
    } catch (error) {
-      // console.error("Invalid URL:", comment.link);
      return;
    }
-
-    const mime = extName(new URL(comment?.link).pathname.replace('/', ''))[0]?.mime;
-
-    if (mime?.startsWith('image')) {
-      return {
-        url: comment.link,
-        type: 'image',
-      };
-    }
-
-    if (mime?.startsWith('video')) {
-      return {
-        url: comment.link,
-        type: 'video',
-      };
-    }
-
-    if (mime?.startsWith('audio')) {
-      return {
-        url: comment.link,
-        type: 'audio',
-      };
-    }
  }

  if (comment?.thumbnailUrl && comment?.thumbnailUrl !== comment?.link) {