show video thumbnail on link

MarconLP · Aug 12, 2023 · 20fef9d · 20fef9d · vercel · Aug 12, 2023
1 parent 24389ee
commit 20fef9d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/pages/share/[videoId].tsx b/src/pages/share/[videoId].tsx
@@ -86,6 +86,10 @@ const VideoList: NextPage = () => {
         <title>
           {video?.title ?? "Snapify | The Open Source Loom Alternative"}
         </title>
+        <meta property="og:image" content={video?.thumbnailUrl} />
+        <meta property="og:image:type" content="image/png" />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="600" />
         <meta
           name="description"
           content="Share high-quality videos asynchronously and collaborate on your own schedule"

diff --git a/src/server/api/routers/video.ts b/src/server/api/routers/video.ts
@@ -93,7 +93,15 @@ export const videoRouter = createTRPCRouter({
 
       const signedUrl = await getSignedUrl(s3, getObjectCommand);
 
-      return { ...video, video_url: signedUrl };
+      const thumbnailUrl = await getSignedUrl(
+        s3,
+        new GetObjectCommand({
+          Bucket: env.AWS_BUCKET_NAME,
+          Key: video.userId + "/" + video.id + "-thumbnail",
+        })
+      );
+
+      return { ...video, video_url: signedUrl, thumbnailUrl };
     }),
   getUploadUrl: protectedProcedure
     .input(z.object({ key: z.string() }))