Speech Synthesis

ElevenLabs

Advanced text-to-speech AI with natural voice synthesis capabilities

ElevenLabs has revolutionized text-to-speech technology with its incredibly natural-sounding voice synthesis capabilities. The platform can clone voices with minimal training data and supports multiple languages and accents. It's widely used for audiobook production, content creation, and accessibility applications, offering unprecedented quality in synthetic speech generation.

Features

Voice Cloning

Minimal training data required

Natural Quality

Human-like speech synthesis

Multi-language

Global language support

Real-time

Instant voice generation

Layout example

Add the widget script to your layout for multiple pages.

File: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" />;
}

File: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>
  )
}