mozzius · October 18, 2024 21:00 · Oct 18, 2024
diff --git a/sad-path.ts b/sad-path.ts
@@ -0,0 +1,69 @@
+import { AppBskyEmbedVideo, AtpAgent } from "npm:@atproto/api";
+
+const userAgent = new AtpAgent({
+  service: prompt("Service URL (default: https://bsky.social):") ||
+    "https://bsky.social",
+});
+
+await userAgent.login({
+  identifier: prompt("Handle:")!,
+  password: prompt("Password:")!,
+});
+
+console.log(`Logged in as ${userAgent.session?.handle}`);
+
+const videoPath = prompt("Video file (.mp4):")!;
+
+const file = await Deno.open(videoPath);
+const { size } = await file.stat();
+
+// optional: print upload progress
+let bytesUploaded = 0;
+const progressTrackingStream = new TransformStream({
+  transform(chunk, controller) {
+    controller.enqueue(chunk);
+    bytesUploaded += chunk.byteLength;
+    console.log(
+      "upload progress:",
+      Math.trunc(bytesUploaded / size * 100) + "%",
+    );
+  },
+  flush() {
+    console.log("upload complete ✨");
+  },
+});
+
+const { data } = await userAgent.com.atproto.repo.uploadBlob(
+  // @ts-expect-error - expecting an Uint8Array, but a ReadableStream is fine
+  file.readable.pipeThrough(progressTrackingStream),
+);
+
+console.log("video uploaded, posting...");
+
+await userAgent.post({
+  text: "This post should have a video attached",
+  langs: ["en"],
+  embed: {
+    $type: "app.bsky.embed.video",
+    video: data.blob,
+    aspectRatio: await getAspectRatio(videoPath),
+  } satisfies AppBskyEmbedVideo.Main,
+});
+
+console.log("done ✨ (video will take a little bit to process)");
+
+// bonus: get aspect ratio using ffprobe
+// in the browser, you can just put the video uri in a <video> element
+// and measure the dimensions once it loads. in React Native, the image picker
+// will give you the dimensions directly
+
+import { ffprobe } from "https://deno.land/x/[email protected]/ffprobe.ts";
+
+async function getAspectRatio(fileName: string) {
+  const { streams } = await ffprobe(fileName, {});
+  const videoSteam = streams.find((stream) => stream.codec_type === "video");
+  return {
+    width: videoSteam.width,
+    height: videoSteam.height,
+  };
+}