AI video generation platform that creates professional videos from text
Synthesia transforms text into professional-quality videos featuring AI-generated avatars that can speak in multiple languages. The platform eliminates the need for cameras, studios, or actors, making video production accessible to businesses and individuals. It's particularly popular for training videos, marketing content, and educational materials where consistent, professional presentation is required.
Add the widget script to your layout for multiple pages.
components/SensayScript.tsx
"use client"; import Script from "next/script"; import { useEffect, useId } from "react"; export default function SensayScript({ src }: { src: string }) { // Generate a unique ID for script so NextJS can run it on client side navigation. // NextJS Script component by default runs script only once based on the src value. const id = useId(); const url = new URL(src); url.searchParams.set("id", id); // Destroy the chatbot when the component unmounts. // Destroy chatbot elements as NextJS doesn't clean up the Script component on client side navigation. useEffect(() => { return () => { window.SensayChatbot?.destroy(); }; }, []); return <Script src={url.toString()} strategy="afterInteractive" />; }
app/products/layout.tsx
import SensayScript from "@/components/SensayScript"; export default function ProductsLayout({ children }) { return ( <div> {children} <SensayScript src="https://chat-widget.sensay.io/<chatbot-identifier>/embed-script.js" /> </div> ) }