Next.js Discord

Discord Forum

OG Video Not working

Unanswered
Arinji posted this in #help-forum
Open in Discord
im not sure whats wrong with the above
export async function generateMetadata({
  params,
  searchParams,
}: {
  params: { link: string };
  searchParams: { [key: string]: string };
}): Promise<Metadata> {
  let showImage = 0;

  if (searchParams.type === "img" && typeof searchParams.tagline === "string") {
    showImage = 1;
  } else if (
    searchParams.type === "vid" &&
    typeof searchParams.url === "string"
  ) {
    showImage = 2;
  }

  const title = searchParams.title!;
  const embed = searchParams.embed!;

  const headersList = headers();

  const http = headersList.get("x-forwarded-proto") || "http";
  const domain = headersList.get("host") || "";

  const image: string =
    showImage === 1
      ? `${http}://${domain}/api/og?name=${searchParams.tagline}`
      : "";

  console.log(showImage, searchParams.url);

  return {
    metadataBase: new URL(`${http}://${domain}`),
    title: title,
    description: embed,

    openGraph: {
      type: showImage === 2 ? "video.other" : "website",
      url: `${http}://${domain}/en/article/${params.link}`,
      title: title,
      description: embed,

      videos: showImage === 2 ? [{ url: searchParams.url }] : undefined,
      images: showImage === 1 ? [{ url: image }] : undefined,
    },
  };
}


URL:
http://localhost:3000/en/article/how-to-setup-a-custom-ip-ymhlw8?title=test&embed=test&type=vid&url=https://www.youtube.com/watch?v=YB-oyfnryTk

7 Replies

like i wanna get something like that..
Bump