div.mt-12.lg\:mt-8:first-of-type {
    margin-top: 30px;
}


div.mt-12.lg\:mt-8 {
    margin-top: 17px;
}

html:has([data-current-page="/"]) #header,
html:has([data-current-page*="/"]) #header {
  display: none !important;
 }  

.help-header {
  margin-top: 30px;
  background-color: #a462f017;
  background-image: 
    linear-gradient(to bottom, rgba(164, 98, 240, 0.8), rgba(164, 98, 240, 0.4)),
    url("https://mintlify.s3.us-west-1.amazonaws.com/captions/src/img/header-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 50px 20rem 40px; /* this is too much on small screens */
  font-size: larger;
  color: rgba(255, 255, 255, 0.788);
}

@media (max-width: 768px) {
  .help-header {
    padding: 40px 2rem 30px;
  }
}

@media (max-width: 480px) {
  .help-header {
    padding: 30px 1rem 20px;
  }
}


.help-header a {
  transition: color 0.3s ease;
  color: #ffffffb9;
  margin-top: 20px;
}
.help-header a:hover {
  color: #ffffff;
}

.help-header h1 {
  font-size: 3.7ch;
  color: #efe7ff;
  margin-bottom: 10px;
}
.help-header h2 {
  padding-top: 0.6%;
}
.help-header span {
  color: #ffffff91;
  font-size: 16px;
}

.section {
  padding: 35px 15%;
  margin-top: 40px;
}
.section img {
  margin: 10px 0;
}
.section h3 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 3vh;
}
  

#custom-search-button {
  background-color: #ffffff57;
  border: 1px solid #00000062;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 20px;
  margin-top: 10;
  cursor: pointer;
  font-size: 14px;
  transition: border-color 0.1s;
  display: inline-block;
  vertical-align: middle;
  min-width: 50%;
  text-align: left;
  color: #00000085;
}

#custom-search-button:hover {
  border-color: #a462f04f;
}

.card-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 45px;
  width: 100%;
}

.card-grid-column {
  min-width: 0;
}

@media (max-width: 768px) {
  .card-grid-container {
    grid-template-columns: 1fr; 
  }
}

/* card grid */
.custom-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

/* card styles */
.custom-card {
  display: flex;
  flex-direction: column;
  padding: 14px 24px;
  border-radius: 12px;
  border: 1px solid #aaaaaa48;
  background-color: #fff;
  transition: border-color 0.0s;
  align-items: flex-start;
  max-height: 14rem;
  min-height: 11.5rem;
}
.custom-card-center {
  display: flex;
  flex-direction: column;
  padding: 14px 24px;
  border-radius: 12px;
  border: 1px solid #aaaaaa48;
  background-color: #fff;
  transition: border-color 0.0s;
  align-items: flex-start;
  max-height: 14rem;
  min-height: 11.5rem;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .custom-card {
    align-items: center;
    text-align: center;
  }

  .custom-card-icon {
    justify-content: center;
    width: 100%;
  }

  .custom-card-title,
  .custom-card-text {
    text-align: center;
  }
}
@media (prefers-color-scheme: dark) {
  .custom-card-title {
    color: #ffffffde;
  }
}


.custom-card-link {
  border-bottom: none;
  text-decoration: none;
  color: inherit;
  display: block;
}

.custom-card:hover {
  border-color: #9C51EF;
}
.custom-card-center:hover {
  border-color: #9C51EF;
}

/* card icon */
.custom-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: #9966FF;
}
.custom-card-icon img {
  display: block;
  margin-bottom: 5px;
  margin-top: 4px;
}


.custom-card-icon svg {
  fill: none;
  stroke: currentColor;
  width: 40px;
  height: 40px;
}


/* card content */
.custom-card-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 0px;
}
.custom-card-title span {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: 0px;
  color: #00000085;
}

.custom-card-text {
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
  font-weight: 400;
  margin-top: -15px;
}


/* responsive adjustments*/
@media (max-width: 768px) {
  .custom-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media (max-width: 480px) {
  .custom-card-grid {
    grid-template-columns: 1fr;
  }
  
  .custom-card {
    padding: 20px;
  }
}






.carousel-container {
  max-width: 900px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  min-width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.carousel-slide img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 1rem;
}

.prompt {
  font-size: 1.1rem;
  text-align: center;
  color: #333;
}

.controls {
  text-align: center;
  margin-top: 1rem;
}

.controls button {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 0.6rem 1rem;
  margin: 0 0.5rem;
  border-radius: 8px;
  cursor: pointer;
}

.controls button:hover {
  background: #0056b3;
}

@media (min-width: 768px) {
  .carousel-slide {
    flex-direction: row;
    justify-content: space-around;
  }

  .carousel-slide img {
    margin-bottom: 0;
  }

  .prompt {
    max-width: 400px;
    text-align: left;
  }
}


.scroll-carousel {
  display: flex;
  overflow-x: auto;
  gap: 1rem;
  padding: 1rem 0;
  margin-bottom: 60px;
  margin-top: 10px;
}
.scroll-carousel .card {
  min-width: 200px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #a462f086; 
  border-radius: 8px;      
  overflow: hidden;
  max-width: 600px;
}
.scroll-carousel .card-tiny {
  min-width: 200px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #a462f086; 
  border-radius: 8px;    
  overflow: hidden;
  max-width: 280px;
}

.scroll-carousel .card:hover,
.scroll-carousel .card-tiny:hover {
  transition: 0.1s;
  border: 1px solid #A562F0;

}


#actor-prompt-container {
  display: flex;
  align-items: flex-start; 
  gap: 20px; 
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

#actor-image-wrapper {
  flex-shrink: 0; 
}

#actor-image {
  width: 180px;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

#actor-text-wrapper {
  flex: 1;
}

#actor-text-wrapper h3 {
  margin-top: 0;
}

#actor-text-wrapper p {
  line-height: 1.5;
}
@media (max-width: 768px) {
  #actor-prompt-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #actor-image-wrapper {
    margin-top: 0;
    margin-bottom: -20px;
  }

  #actor-text-wrapper {
    text-align: left;
    width: 100%;
  }
}


@media (max-width: 768px) {
  .scroll-carousel {
    padding-left: 1rem;  
    padding-right: 1rem;
    gap: 1rem;           
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .scroll-carousel .card {
    min-width: 280px;
    max-width: 90vw;
    scroll-snap-align: start;
  }
    .scroll-carousel .card-tiny {
    min-width: 280px;
    max-width: 90vw;
    scroll-snap-align: start;
  }
}


.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


// Adjust the content based on the user's device
var isMacOS = navigator.platform.toUpperCase().indexOf('MAC') >= 0;

if (isMacOS) {
    console.log("On MacOS");
} else {
    console.log("Not on MacOS");
}


var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
var iosTab = document.getElementById('ios-tab');
var desktopTab = document.getElementById('desktop-tab');

if (iosTab && desktopTab) {
    if (isIOS) {
        iosTab.style.display = 'block';      
        desktopTab.style.display = 'none';   
    } else {
        iosTab.style.display = 'none';       
        desktopTab.style.display = 'block'; 
    }
} else {
    console.log('One or both tabs not found.');
}



function adjustTabsForDevice() {
    var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    var iosTab = document.getElementById('ios-tab');
    var desktopTab = document.getElementById('desktop-tab');

    if (iosTab && desktopTab) {
        iosTab.style.display = isIOS ? 'block' : 'none';
        desktopTab.style.display = isIOS ? 'none' : 'block';
    } else {
        console.log('One or both tabs not found.');
    }
}


document.addEventListener('click', function() {
    setTimeout(adjustTabsForDevice, 200);
});


// Open social media links in new tabs
function openLinksInNew(){
    var footerDiv = document.querySelector('footer > div');

    if (footerDiv) {
        
        var links = footerDiv.querySelectorAll('a');
        links.forEach(function(link) {
            link.setAttribute('target', '_blank');
        });
    }
}
var footerDiv = document.querySelector('footer > div');

    if (footerDiv) {
        
        var links = footerDiv.querySelectorAll('a');
        links.forEach(function(link) {
            link.setAttribute('target', '_blank');
        });
    }
document.addEventListener('click', function() {
    setTimeout(openLinksInNew, 200);
});



function addInkeepWidgetScript(version) {
    var script = document.createElement('script');
    script.type = 'module';
    script.src = 'https://unpkg.com/@inkeep/widgets-embed@' + version + '/dist/embed.js';
    script.defer = true;
    document.head.appendChild(script);
  }
  
  addInkeepWidgetScript('0.2.258');
  

  async function addInkeepWidgetScriptToBody() {
    await import('https://unpkg.com/@inkeep/widgets-embed@0.2.258/dist/embed.js');

    const inkeepWidget = Inkeep().embed({
        componentType: "ChatButton",
        colorModeSync: {
          observedElement: document.documentElement,
          isDarkModeCallback: (el) => {
            return el.classList.contains("dark");
          },
          colorModeAttribute: 'class',
        },
        properties: {
          chatButtonType: 'ICON_TEXT',
          baseSettings: {
            apiKey: "5d049785cb31eb93792b6471a95e1ce3eb27ffe559f62be1",
            integrationId: "clrzjzn3y0004bvkgge21vr15",
            organizationId: "clqzbsd41000c10vtbsl9rjp1",
            organizationDisplayName: "Captions",
            primaryBrandColor: "#9C3EF7",
          }
        },
        modalSettings: {
            defaultView: "SEARCH"
          },
      });
  }


setTimeout(runSearchButtonSetup, 1000);

function runSearchButtonSetup() {
  const customButton = document.getElementById('custom-search-button');
  const searchButton = document.getElementById('search-bar-entry');

  console.log('[Custom Search] Custom button:', customButton);
  console.log('[Custom Search] Search bar button:', searchButton);

  if (!customButton) {
    console.warn('[Custom Search] custom-search-button NOT found.');
  }

  if (!searchButton) {
    console.warn('[Custom Search] search-bar-entry NOT found.');
  }

  if (customButton && searchButton) {
    console.log('[Custom Search] Binding click handler...');
    customButton.addEventListener('click', function () {
      console.log('[Custom Search] Clicking search bar entry');
      searchButton.click();
      searchButton.focus();
    });
  }
}


setInterval(() => {
  const styleId = 'custom-max-width-style';

  const existingStyle = document.getElementById(styleId);
  if (existingStyle) {
    existingStyle.remove();
  }

  const style = document.createElement('style');
  style.id = styleId;
  style.textContent = `
    .max-w-3xl {
      max-width: 200rem !important;
    }
  `;
  document.head.appendChild(style);
}, 0.1);

メディアの追加：

メディアの編集：

使い方

よくある質問

Generate, add or replace video clips and images in your project

Media Overlay

Captions

Welcome to Captions! Captions is an AI-powered video creative studio that allows you to generate and edit engaging videos at scale

Introduction

Introduction to Captions

Download and access the Captions iPhone app.

iPhone

Captions for iPhone

Desktop

Captions for Desktop

Download and access the Captions Android app

Android

Captions for Android

Sign Up & Sign In

Learn about all of the plans and pricing options that Captions has to offer.

Subscriptions & Plans

AI Creator allows you to generate high quality videos in any language, without a camera. Simply write your script, choose a creator, and generate your video. You'll never have to hit 'record' again.

AI Creator

AI Twin allows you to create a digital clone of yourself for use with AI Creator. Once you generate your AI Twin, you can use it as an avatar in any of the AI Creator modes

AI Twin

Use AI Echo to generate AI Creator videos with extreme precision. Rather than typing or pasting your script, simply record your script how you like, and the avatar you choose will have the exact tone, intonation, and pronunciation as your original recording.

AI Echo

AI Ads

AI Edit is an entirely new way to edit your videos. Simply choose a style, and captions will return a fully edited video with captions, trim, transitions, sound effects, music, AI-generated images, B-Roll, and motion graphics.

AI Edit

Automatically dub your videos with natural lip and face movement.

Lipdub

AI Shorts

Reddit to video

Script Generator

Camera & Teleprompter

Adding captions makes your video more engaging and accessible. You can add captions in the original language or translate them into another language.

Add Captions

Adjust the look and feel of your captions

Styles

After applying settings and styles to all of your captions, you may want to edit individual words, add additional effects, or override settings for individual words

Word Effects

Use Keyframes to set the starting and ending position of your captions. The app will automatically animate the position change between the two over the time you've set.

Keyframes

Change the location, rotation, and size of captions for an entire project.

Move, Resize, Rotate

Move, Resize, and Rotate Captions

After you've added captions automatically, hiding captions is helpful if you'd like to export without captions and deleting may be helpful if you'd like to simply delete all and add your own manually.

Hide & Delete

Hide & Delete Captions

If the automatic captions weren't 100% accurate, it's easy to edit the spelling of captions.

Edit Spelling

Edit Spelling of Captions

Adjust the timing of when captions appear on screen.

Adjust timing

Automatically dub your video into a new language

Dub Your Video

Social Studio allows you to seamlessly generate a social strategy in minutes simply by pasting a link to your website. Let AI plan, generate, and post your social media videos.

Social Studio

With Ad Studio, you can generate ads at scale, remix existing ones, and change the hook, music, and speaker.

Ad Studio

Use AI to adjust your eye gaze in videos, making it appear as if you’re looking directly at the camera. This can help enhance your video by creating a more natural, connected feel to your audience.

Eye Contact

Use AI to remove the background of your video or overlays and replace it with other images

Cutout

Background Removal / Cutout

Generate a one-of-a-kind music track for your project

Music

Add sound effects to key parts of your video.

Sound effects

Remove background noises and echos while boosting spoken audio.

Denoise audio

Automatically censor curse words in your video.

Censor

Automatically add zooms to the most engaging parts of your video

Zoom

Voiceover

Automatically add a title at the start of your video

Title

Text

Add & Delete Clips

Split & Merge Clips

Reorder shots in the timeline of your project

Reorder Shots

Trim

Shots & Transitions

Our customer support team is available 24/7 to help you get the most of Captions

Contact Support

Affiliate Program

Scale

Scale & Content Fit

Export your project

Export

Undo & Redo

Manage Projects

Captions Cloud

Delete Account

Willkommen bei Captions! Captions ist ein KI-gestütztes kreatives Videostudio, mit dem Sie ansprechende Videos in großem Umfang erstellen und bearbeiten können

Greifen Sie auf die Captions Desktop-App zu.

Captions für Desktop

Laden Sie die Captions Android-App herunter und greifen Sie darauf zu.

Captions für Android

Erfahren Sie mehr über alle Pläne und Preismöglichkeiten, die Captions zu bieten hat.

Abonnements & Pläne

Social Studio ermöglicht es Ihnen, in wenigen Minuten eine Social-Strategie nahtlos zu erstellen, indem Sie einfach einen Link zu Ihrer Website einfügen. Lassen Sie die KI Ihre Social Media-Videos planen, erstellen und posten.

Verwenden Sie AI Echo, um AI Creator-Videos mit extremer Präzision zu erstellen. Anstatt Ihr Skript zu tippen oder einzufügen, nehmen Sie einfach Ihr Skript auf, wie es Ihnen gefällt, und der von Ihnen gewählte Avatar wird den genauen Ton, die Intonation und die Aussprache Ihrer ursprünglichen Aufnahme haben.

AI Skits ermöglicht es Ihnen, ein Video von zwei Avataren zu erstellen, die ein Gespräch führen. Sie können ansprechende soziale Inhalte erstellen, ohne jemals auf 'Aufnahme' zu drücken.

AI Skits

Sprechen Sie Ihre Videos automatisch mit natürlichem Lippen- und Gesichtsbewegungen nach.

Kamera & Teleprompter

Untertitel hinzufügen macht Ihr Video ansprechender und zugänglicher. Sie können Untertitel in der Originalsprache hinzufügen oder sie in eine andere Sprache übersetzen.

Untertitel hinzufügen

Das Aussehen und Verhalten Ihrer Captions anpassen

Stile

Nachdem Sie Einstellungen und Stile für alle Ihre Untertitel angewendet haben, möchten Sie möglicherweise einzelne Wörter bearbeiten, zusätzliche Effekte hinzufügen oder Einstellungen für einzelne Wörter überschreiben.

Worteffekte

Ändern Sie den Standort, die Drehung und die Größe von Untertiteln für ein gesamtes Projekt

Verschieben, Größe ändern, Drehen

Verschieben, Ändern der Größe und Drehen von Captions

Nachdem Sie Untertitel automatisch hinzugefügt haben, ist das Ausblenden von Untertiteln hilfreich, wenn Sie ohne Untertitel exportieren möchten, und das Löschen kann hilfreich sein, wenn Sie alle löschen und Ihre eigenen manuell hinzufügen möchten.

Wenn die automatischen Untertitel nicht zu 100 % korrekt sind, ist es einfach, die Rechtschreibung der Untertitel zu bearbeiten

Rechtschreibung bearbeiten

Rechtschreibung der Captions bearbeiten

Passen Sie das Timing an, wann Untertitel auf dem Bildschirm erscheinen.

Timing anpassen

Automatisch dein Video in eine neue Sprache synchronisieren

Übersetze dein Video

Verwenden Sie KI, um Ihren Blick in Videos anzupassen, sodass es so aussieht, als ob Sie direkt in die Kamera schauen. Dies kann Ihr Video verbessern, indem es ein natürlicheres, verbundenes Gefühl für Ihr Publikum schafft.

Augenkontakt

Füge Videoclips und andere Assets zu deinem Video hinzu

Medienüberlagerung

Fügen Sie wichtigen Teilen Ihres Videos Soundeffekte hinzu.

Soundeffekte

Hintergrundgeräusche und Echos entfernen und gesprochene Audioinhalte verstärken.

Zensieren Sie automatisch Schimpfwörter in Ihrem Video.

Zensieren

Zooms automatisch zu den spannendsten Teilen Ihres Videos hinzufügen

Erstellen Sie ein Voiceover für Ihr Video.

Automatisch einen Titel am Anfang Ihres Videos hinzufügen

Fügen Sie statischen Text zu Ihrem Video hinzu

Clips hinzufügen & löschen

Clips teilen & zusammenführen

Trim Video

Hintergrund ausschneiden und mit einem anderen ersetzen

Hintergrund ausschneiden

Unser Kundenserviceteam steht Ihnen rund um die Uhr zur Verfügung, um Ihnen zu helfen, das Beste aus Captions herauszuholen

Kontakt Support

Rückgängig & Wiederholen

Projekte verwalten

Konto löschen

Baixe e acesse o aplicativo Captions para Android.

Captions para Android

Saiba mais sobre todos os planos e opções de preços que a Captions tem a oferecer.

Assinaturas e Planos

Social Studio permite gerar facilmente uma estratégia social em minutos, simplesmente colando um link para o seu website. Deixe a IA planejar, gerar e postar seus vídeos de mídia social.

Use o AI Echo para gerar vídeos com o AI Creator com extrema precisão. Em vez de digitar ou colar seu roteiro, simplesmente grave seu roteiro como preferir, e o avatar escolhido terá o tom, a entonação e a pronúncia exatos da sua gravação original.

AI Skits permite gerar um vídeo de dois avatares tendo uma conversa. Você pode gerar conteúdo social envolvente sem nunca apertar 'gravar.'

Dê dublagem automática aos seus vídeos com movimento natural dos lábios e rosto.

Câmera e Teleprompter

Adicionar legendas torna seu vídeo mais envolvente e acessível. Você pode adicionar legendas no idioma original ou traduzi-las para outro idioma.

Adicionar Captions

Após aplicar configurações e estilos a todas as suas legendas, você pode querer editar palavras individuais, adicionar efeitos adicionais ou substituir configurações para palavras individuais

Efeitos de Palavras

Alterar a localização, rotação e tamanho das captions para um projeto inteiro.

Mover, Redimensionar, Girar

Mover, Redimensionar e Girar Captions

Depois de adicionar captions automaticamente, ocultar captions é útil se você quiser exportar sem elas e excluir pode ser útil se você quiser simplesmente deletar todas e adicionar as suas manualmente.

Ocultar & Excluir

Ocultar & Excluir Captions

Se as legendas automáticas não estiverem 100% precisas, é fácil editar a ortografia das captions.

Editar Ortografia

Editar Ortografia das Captions

Ajustar o tempo de quando as legendas aparecem na tela.

Ajustar tempo

Dubbe automaticamente seu vídeo em um novo idioma

Dublar Seu Vídeo

Use AI para ajustar seu olhar em vídeos, fazendo parecer que está olhando diretamente para a câmera. Isso pode ajudar a aprimorar seu vídeo criando uma sensação mais natural e conectada com seu público.

Adicione clipes de vídeo e outros ativos ao seu vídeo

Sobreposição de Mídia

Adicione efeitos sonoros a partes-chave do seu vídeo.

Efeitos sonoros

Remova ruídos de fundo e ecos enquanto aprimora o áudio falado.

Denoise áudio

Censure automaticamente palavrões em seu vídeo.

Censura

Adicione automaticamente zooms nas partes mais envolventes do seu vídeo

Adicione automaticamente um título no início do seu vídeo

Adicionar & Excluir Clipes

Dividir e Unir Clipes

Trimar Vídeo

Recortar o fundo e substituir por uma alternativa

Recortar Fundo

Nossa equipe de suporte ao cliente está disponível 24/7 para ajudar você a aproveitar ao máximo o Captions

スタート

ワークフロー

動画を生成

動画リンク

動画を録画

字幕と吹き替え

AI機能

タイムライン編集

設定とアカウント

Media Overlay

使い方

メディアの追加：

メディアの編集：

よくある質問

スタート

ワークフロー

動画を生成

動画リンク

動画を録画

字幕と吹き替え

AI機能

タイムライン編集

設定とアカウント

​使い方

​メディアの追加：

​メディアの編集：

​よくある質問

使い方

メディアの追加：

メディアの編集：

よくある質問