intercom-session-o80e9gcb

_cfuvid

intercom-device-id-o80e9gcb

_ga_92106FSNR1

_clck

gdpr_consent

euconsent

cookieconsent_status

_clsk

consent

_gcl_au

pageviewCount

_rdt_uuid

intercom-id-o80e9gcb

The domain name 'aistudios.com' uses the commercial generic top-level domain (.com) while skipping any subdomain. The second-level label 'aistudios' is 9 characters long with 5 vowels and 4 consonants. Tokenizing the label suggests three words: a, i, studios. Expect one character per word on average. No strong language cues emerged from the frequency lists.

value

checkbox-5

checkbox-2

checkbox-3

checkbox-4

wf-form-

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/hosted-libraries-pushers

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

New Model Available: Kling 3.0 Turbo — Faster rendering, improved lip-sync, lower costs
Try Now >

AI Video Generator, Text-to-Video, Generative Videos, Custom Avatar, 2,000+ Avatars, AI Dubbing with Translation, TTS with 150+ Languages, and 7,000+ Video Templates — for HR Training, and YouTube Creators.

description

https://cdn.prod.website-files.com/63da3362f67ed6f71c9489c1/69047f747c871f4cbc58dffb_og_AIStudios.jpg

twitter:title

twitter:description

twitter:image

twitter:card

viewport

google-site-verification=fTXOcCEYAmi8DkudOyIyqbLXlzeDOqoLV1cwSjOpViM

google-site-verification

pls add julia@deepbrain.io to GA account 203327557 with 'Administrator' permissions - date 2026-07-10

GooGhywoiu9839t543j0s7543uw1

naver-site-verification

facebook-domain-verification

robots

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

101domain GRS Limited

AISTUDIOS.COM

Amazon EC2 Abuse

IP Management

Amazon AWS Network Operations

Amazon Data Services Northern Virginia

Amazon EC2 Network Operations

AMAZON-IAD

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Poppins:300,400,500,600,700"]  }});

!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);

DeepBrain AI's video generator and conversational AI technology aim to bridge the gap between the advantages of human interaction and digital convenience.

ISO 27001

SOC 2 Type II

GDPR Compliant

Content Authenticity Initiative (CAI) Member

DeepBrain AI

AI STUDIOS

Fast, simple, and truly all-in-one. Start with a script, image, or short clip, and our All-in-One AI STUDIO Best AI Video Generator builds the full video with voiceovers, translations, avatars, and visuals perfectly tailored to your brand.

Best AI Video Generator | AI STUDIO

All-in-One AI Video Generator with 2,000+ realistic AI avatars, 150+ language dubbing, interactive avatars, and generative video models including Sora 2, Veo 3.1, Kling 3.0 Pro, and Nano Banana Pro.

Free plan available with limited credits. Paid plans (Personal, Team, Enterprise) unlock higher limits and advanced features.

As someone new to content creation, it provided me the tools necessary to create videos for my YouTube channel. The avatars are so realistic, it's unbelievable.

Great tool for producing videos at a much lower cost compared to working with a professional studio. It's intuitive and easy to use.

They are the best. I translate videos daily, and this company is above everyone else. The emotions are very lifelike, and the translation is almost 100 percent accurate.

Home

Core features of AI STUDIOS, each available on dedicated pages with detailed schema.

AI Avatars

Localize videos in 150+ languages with voice cloning and lip-sync

AI Dubbing

Create videos directly with top AI models like Sora 2, Veo 3.1

AI Video Generator

Topic to Video

Video Templates

Real-time conversational AI avatars with 150+ languages and 1,000+ voices, compatible with LLMs like OpenAI, Claude, Gemini

Interactive AI Avatar

Real-time deepfake detection solution across the web

Deepfake Detector

AI STUDIOS Core Features

AI STUDIO

 
  gtag("js", new Date()); 
  gtag('config', 'G-92106FSNR1'); 



  const amplitude = new Proxy({}, {
    get: () => () => { },
  });
  window.amplitude = amplitude;



  window.addEventListener("DOMContentLoaded", function () {
    var language = navigator.language || navigator.userLanguage;
    const userLanguage = localStorage.getItem('lang');
    const isKorean = language.includes("ko");
    const isChinese = language.includes("zh");

    // Redirect는 비활성화되어 있음
    // if (userLanguage === "ko" || (!userLanguage && isKorean)) {
    //   window.location.href = "/";
    // }
  });


window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};


document.addEventListener('DOMContentLoaded', function() {
  const logoList = document.querySelector('.partners-logo__slilde__list');
  const originalLogos = logoList.innerHTML;
  logoList.innerHTML = originalLogos + originalLogos + originalLogos;
});    



  class aiStudiosHero {
    constructor() {
      this.slides = document.querySelectorAll('.embla__slide');
      this.dots = document.querySelectorAll('.embla__dot');
      this.highlight = document.querySelector('.embla-dot-highlight');
      this.highlightBg = document.querySelector('.embla-dot-highlight-bg');
      this.audioToggle = document.getElementById('audioToggle');
      this.audioLabel = document.getElementById('audioLabel');
      this.container = document.querySelector('.embla__container');
      this.currentSlide = 0;
      this.isMuted = true;
      this.autoAdvanceInterval = null;

      // 각 비디오의 실제 길이
      this.videoDurations = {};
      this.observer = null;
      this.init();
    }

    init() {
      this.preloadVideoDurations().then(() => {
        // 초기 상태
        this.slides.forEach(slide => slide.classList.remove('is-active'));
        this.dots.forEach(dot => dot.classList.remove('is-active'));

        this.slides[0].classList.add('is-active');
        this.dots[0].classList.add('is-active');

        setTimeout(() => {
          this.updateHighlight();
          this.bindEvents();
          this.playActiveVideo();
          this.observeSection(); // #mainHowTo 관찰 시작
        }, 100);
      });
    }

    preloadVideoDurations() {
      const promises = [];
      this.slides.forEach((slide, index) => {
        const video = slide.querySelector('video');
        if (video) {
          const p = new Promise((resolve) => {
            const setDur = () => {
              this.videoDurations[index] = video.duration || 7;
              resolve();
            };
            if (video.readyState >= video.HAVE_METADATA) {
              setDur();
            } else {
              video.addEventListener('loadedmetadata', setDur, { once: true });
              video.load();
            }
          });
          promises.push(p);
        }
      });
      return Promise.all(promises);
    }

    bindEvents() {
      // dot 클릭 → manual
      this.dots.forEach(dot => {
        dot.addEventListener('click', (e) => {
          const target = e.currentTarget || e.target;
          const index = parseInt(target.dataset.index, 10);
          if (!Number.isNaN(index)) this.goToSlide(index, 'manual');
        });
      });

      // 오직 버튼 클릭으로만 음소거 토글
      if (this.audioToggle) {
        this.audioToggle.addEventListener('click', (e) => {
          e.stopPropagation();
          this.toggleAudio();
        });
      }

      // hover UI
      if (this.container) {
        this.container.addEventListener('mouseenter', () => {
          this.audioToggle?.classList.add('is-hover');
        });
        this.container.addEventListener('mouseleave', () => {
          this.audioToggle?.classList.remove('is-hover');
        });
      }

      window.addEventListener('resize', () => {
        this.updateHighlight();
        this.centerActiveDot();
      });
    }

    // 섹션 관찰: 이탈 시 음소거, 재진입 시 0번부터 시작(음소거 유지)
    observeSection() {
      const section = document.getElementById('mainHowTo');
      if (!section) return;

      this.observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
                // 섹션 재진입: 항상 음소거 유지 + 0번부터 '처음' 재생
                this.isMuted = true;
                this.updateMuteButtonUI();
                this.goToSlide(0, 'manual', true); // ← force = true 로 동일 인덱스여도 리셋
              } else {
                // 섹션 이탈: 즉시 음소거
                this.isMuted = true;
                this.updateMuteButtonUI();
                const currentVideo = this.slides[this.currentSlide]?.querySelector('video');
                if (currentVideo) currentVideo.muted = true;
              }
          });
        },
        { threshold: 0.3 } // 섹션의 30% 이상 보일 때 진입으로 간주
      );

      this.observer.observe(section);
    }

    goToSlide(index, reason = 'manual', force = false) {
      // 기존: if (index === this.currentSlide) return;
      if (!force && index === this.currentSlide) return;

      this.stopProgressAnimation();

      // 수동 전환일 때만 강제 음소거 리셋
      if (reason === 'manual' && !this.isMuted) {
        this.isMuted = true;
        this.updateMuteButtonUI();
      }

      // 이전 슬라이드/비디오 상태 정리
      this.slides[this.currentSlide]?.classList.remove('is-active');
      this.dots[this.currentSlide]?.classList.remove('is-active');
      const prevVideo = this.slides[this.currentSlide]?.querySelector('video');
      if (prevVideo) prevVideo.pause();

      // 새 슬라이드 활성화
      this.currentSlide = index;
      this.slides[this.currentSlide]?.classList.add('is-active');
      this.dots[this.currentSlide]?.classList.add('is-active');

      this.updateHighlight();
      this.centerActiveDot();
      this.playActiveVideo(); // 내부에서 currentTime = 0 처리됨
    }


    updateHighlight() {
      const activeDot = this.dots[this.currentSlide];
      if (activeDot && this.highlight) {
        const dotsContainer = activeDot.parentElement;
        const containerRect = dotsContainer.getBoundingClientRect();
        const dotRect = activeDot.getBoundingClientRect();

        const leftPx = dotRect.left - containerRect.left;
        const leftRem = leftPx / 16;
        const widthRem = dotRect.width / 16;

        this.highlight.style.left = `${leftRem}rem`;
        this.highlight.style.width = `${widthRem}rem`;
      }
    }

    centerActiveDot() {
      if (window.innerWidth < 767) {
        const activeDot = this.dots[this.currentSlide];
        const dotsWrapper = document.querySelector('.embla__dots-wrapper');
        if (activeDot && dotsWrapper) {
          const centerOffset = activeDot.offsetLeft - dotsWrapper.offsetWidth / 2 + activeDot.offsetWidth / 2;
          dotsWrapper.scrollTo({ left: centerOffset, behavior: 'smooth' });
        }
      }
    }

    playActiveVideo() {
      // 다른 비디오 정지/리셋
      this.slides.forEach((slide, idx) => {
        if (idx === this.currentSlide) return;
        const v = slide.querySelector('video');
        if (v) {
          v.pause();
          v.currentTime = 0;
        }
      });

      const video = this.slides[this.currentSlide]?.querySelector('video');
      if (!video) return;

      video.currentTime = 0;
      video.muted = this.isMuted;

      const startPlayback = () => {
        video.play().catch(e => console.warn('Video play failed:', e));
        const duration = this.videoDurations[this.currentSlide] || video.duration || 7;
        this.startProgressAnimation(duration);
        this.setAutoAdvance(duration);
      };

      if (video.readyState >= video.HAVE_ENOUGH_DATA) {
        startPlayback();
      } else {
        video.addEventListener('canplay', startPlayback, { once: true });
      }
    }

    startProgressAnimation(duration) {
      this.stopProgressAnimation();
      if (!this.highlightBg) return;

      this.highlightBg.style.transition = 'none';
      this.highlightBg.style.maxWidth = '0%';
      void this.highlightBg.offsetHeight; // reflow

      requestAnimationFrame(() => {
        const durationMs = duration * 1000;
        this.highlightBg.style.transition = `max-width ${durationMs}ms linear`;
        this.highlightBg.style.maxWidth = '100%';
      });
    }

    stopProgressAnimation() {
      if (this.highlightBg) {
        const currentWidth = window.getComputedStyle(this.highlightBg).maxWidth;
        this.highlightBg.style.transition = 'none';
        this.highlightBg.style.maxWidth = currentWidth;
      }
      if (this.autoAdvanceInterval) {
        clearTimeout(this.autoAdvanceInterval);
        this.autoAdvanceInterval = null;
      }
    }

    setAutoAdvance(duration) {
      if (this.autoAdvanceInterval) {
        clearTimeout(this.autoAdvanceInterval);
      }
      const durationMs = duration * 1000;
      this.autoAdvanceInterval = setTimeout(() => {
        const nextSlide = (this.currentSlide + 1) % this.slides.length;
        this.goToSlide(nextSlide, 'auto'); // 자동 전환은 상태 유지
      }, durationMs);
    }

    toggleAudio() {
      this.isMuted = !this.isMuted;
      this.updateMuteButtonUI();
      const currentVideo = this.slides[this.currentSlide]?.querySelector('video');
      if (currentVideo) currentVideo.muted = this.isMuted;
    }

    updateMuteButtonUI() {
      const mutedPath = document.getElementById('mutedPath');
      const mutedX = document.getElementById('mutedX');
      const unmutedWaves = document.getElementById('unmutedWaves');

      if (this.isMuted) {
        mutedPath && (mutedPath.style.display = 'block');
        mutedX && (mutedX.style.display = 'block');
        unmutedWaves && (unmutedWaves.style.display = 'none');
        if (this.audioLabel) this.audioLabel.textContent = 'Listen';
      } else {
        mutedPath && (mutedPath.style.display = 'block');
        mutedX && (mutedX.style.display = 'none');
        unmutedWaves && (unmutedWaves.style.display = 'block');
        if (this.audioLabel) this.audioLabel.textContent = 'Mute';
      }
    }

    stopAllVideos() {
      this.slides.forEach(slide => {
        const v = slide.querySelector('video');
        if (v) {
          v.pause();
          v.currentTime = 0;
        }
      });
    }

    destroy() {
      if (this.observer) {
        this.observer.disconnect();
        this.observer = null;
      }
      this.stopProgressAnimation();
      this.stopAllVideos();
    }
  }

  document.addEventListener('DOMContentLoaded', () => {
    setTimeout(() => {
      new aiStudiosHero();
    }, 100);
  });



// 박스 호버 효과 스크립트
document.addEventListener('DOMContentLoaded', function() {
  
  // 모든 create-acatar 박스를 선택
  const avatarBoxes = document.querySelectorAll('.create-acatar__item');
  
  avatarBoxes.forEach(function(box) {
    // 각 박스의 버튼, 화살표 요소들을 찾기
    const btn = box.querySelector('.create-acatar__btn');
    const arrow = box.querySelector('.arrow');
    const arrowSecond = box.querySelector('.arrow-second');
    
    // 박스 클릭 시 해당 링크로 이동
    box.addEventListener('click', function() {
      const link = box.querySelector('a');
      if (link && link.href) {
        window.location.href = link.href;
      }
    });
    
    
    // 호버 진입 시
    box.addEventListener('mouseenter', function() {
      if (btn) {
        btn.classList.add('hovered');
      }
      if (arrow) {
        arrow.style.transform = 'translate(15px, -15px)';
        arrow.style.opacity = '0';
      }
      if (arrowSecond) {
        arrowSecond.style.transform = 'translate(0, 0)';
        arrowSecond.style.opacity = '1';
      }
    });
    
    // 호버 해제 시
    box.addEventListener('mouseleave', function() {
      if (btn) {
        btn.classList.remove('hovered');
      }
      if (arrow) {
        arrow.style.transform = '';
        arrow.style.opacity = '';
      }
      if (arrowSecond) {
        arrowSecond.style.transform = 'translate(-15px, 15px)';
        arrowSecond.style.opacity = '0';
      }
    });
  });
  
});



// Form을 더 늦게 초기화 - 모든 리소스(비디오 포함) 로딩 완료 후 실행
window.addEventListener('load', function() {
  const form = document.getElementById('art-generate-form');
  if (!form) {
    console.error('art-generate-form을 찾을 수 없습니다');
    return;
  }
  
  form.addEventListener('submit', function(event) {
    event.preventDefault(); 
    
    const submitButton = document.getElementById('submitButton');
    const loadingIndicator = document.getElementById('loading');
    const inputValueElement = document.getElementById('inputValue');
    
    // 필수 요소들 존재 확인
    if (!submitButton || !loadingIndicator || !inputValueElement) {
      console.error('필수 요소들을 찾을 수 없습니다');
      return;
    }
    
    // 입력값 검증
    const inputValue = inputValueElement.value ? inputValueElement.value.trim() : '';
    if (!inputValue) {
      alert('Please enter a value');
      return;
    }
    
    // 비활성화 및 로딩 상태 표시
    submitButton.disabled = true;
    submitButton.classList.add('disabled');
    loadingIndicator.style.display = 'inline';
    
    const targetUrl = 'https://app.aistudios.com/tools/ai-video-generator';
    const fullUrl = targetUrl + '?topic=' + encodeURIComponent(inputValue);
    
    const eventName = "get_converted";
    const page_path = window.location.pathname;
    const eventProperties = {
      page_path
    };
    
    // gtag 존재 여부 확인 후 실행
    if (typeof gtag === 'function') {
      gtag('event', eventName, eventProperties);
    }
    
    // URL로 리다이렉트
    setTimeout(() => {
      window.location.href = fullUrl;
    }, 1000);
  });
});


An AI Video Generator uses AI to automatically create videos from your input—no cameras, actors, or manual editing needed. AI STUDIOS lets you paste a script, upload a document, or share a URL, then generates a polished video with lifelike AI avatars, visuals, and narration in minutes, all in one platform.

What is an AI Video Generator and how does AI STUDIOS work?

AI Studio and AI Studios both refer to DeepBrain AI’s official AI avatar video creation platform. They’re essentially the same product name used in slightly different ways, and both represent DeepBrain AI’s cloud-based service for creating AI avatar videos, text-to-video content, and video translation.

What is the difference between AI STUDIOS and AI STUDIO?

Yes. AI STUDIOS offers a free plan with limited credits so new users can try core features. You can create short AI videos, generate AI images, and test AI dubbing, but video length, avatar options, and exports are capped. Paid plans unlock higher limits, pro templates, and advanced tools.

Is AI STUDIOS a free AI Video Generator, and what features are included in the free plan?

Generative Credits are used only for select features like AI Images, Generative Video, and Product/Custom Avatar creation. Each tool consumes credits differently, while most editing and avatar-video features don’t require credits. Plans include monthly credits (Free 16, Personal 60, Team 150), and you can buy add-on packs anytime.

How do Generative Credits work in AI STUDIOS? Can I purchase add-ons if I run out?

Yes. AI STUDIOS turns text into video in a few steps: choose a template, paste your script, select an AI Avatar, and generate scenes automatically. Then pick from 2,000+ AI voices in 150 languages or use voice cloning. You’ll get a share-ready video in minutes.

Can I convert text to video with AI STUDIOS?

Yes. AI STUDIOS includes built-in Text-to-Speech (TTS) with 2,000+ natural AI voices across 150+ languages. You can use TTS for avatar videos or as standalone audio, and create a custom voice clone for consistent branding. This makes fast, high-quality narration easy for any workflow.

Does AI STUDIOS include Text-to-Speech features?

Yes. AI STUDIOS translates and dubs videos into 150+ languages, including English to Spanish, with natural voiceovers and accurate lip-sync. You can review and edit translations before exporting, choose from 2,000+ voices, or apply a custom voice clone to keep your tone consistent across languages.

Can I translate and dub videos with AI STUDIOS (e.g., English to Spanish)?

Yes. AI STUDIOS lets you choose from 2,000+ ready-to-use AI avatars or create your own Custom Avatar from a short video recording. You can also generate Photo Avatars from still images and Product Avatars that naturally interact with products. All avatars support 150+ languages and 2,000+ voices for fully personalized video creation.

Can I create an AI Avatar or a Custom Avatar in AI STUDIOS?

AI STUDIOS consolidates avatar video, text-to-video, dubbing, TTS, and generative tools in one workspace. Instead of managing multiple subscriptions, you create, edit, translate, and export in a single flow. This saves time and cost while supporting 2,000+ avatars/voices, 150+ languages, and 4K exports.

How does AI STUDIOS fit into my workflow compared to using multiple separate AI tools?

AI STUDIOS is a video-creation SaaS for building AI avatar videos, text-to-video content, and multilingual dubbing. Google AI Studio is a developer tool for experimenting with large language models (LLMs). The two products are unrelated — AI STUDIOS is for making videos, while Google AI Studio is for model testing.

How does AI STUDIO compare to Google AI Studio?

AI STUDIOS combines lifelike avatars, text/document-to-video, editing, and 150+-language dubbing in one platform. Tools like Synthesia or Heygen focus mainly on avatar videos, and InVideo is template-editing-centric. Generative models like SORA or VEO3 create cinematic clips but don’t include avatars or dubbing workflows.

How does AI STUDIO compare to other AI video generators like Synthesia, Heygen, InVideo, or generative models like SORA and VEO3?

AI STUDIOS delivers high quality with 2,000+ realistic avatars, 2,000+ AI voices, and natural lip-sync. It supports translation/dubbing in 150+ languages, 4K exports, and automation features like Video Messages and Topic-to-Video. Together, these tools help you produce professional videos quickly at scale.

What makes AI STUDIO one of the best AI Video Generators in terms of quality?

Marketers use AI STUDIOS for ads, Product Avatars, and short-form highlights; creators scale YouTube/TikTok content with avatars and multilingual dubbing; educators convert PDFs, PPTs, and lessons into e-learning videos with clear narration and lip-sync. One platform replaces multiple apps and speeds up production.

How can marketers, creators, or educators use AI STUDIOS?

Yes. AI STUDIO is available worldwide and designed for secure, compliant video creation. The platform follows major standards including ISO 27001 (information security), ISO 42001 (AI management), SOC 2 (data protection), and GDPR (privacy). These measures help ensure your data and content are handled responsibly.

Is AI STUDIOS available worldwide and compliant with standards like ISO 27001, ISO 42001, SOC2, and GDPR?

AI STUDIOS offers tiered subscriptions for different needs. Personal is for individuals, Team supports small-group collaboration with higher limits, and Enterprise provides custom pricing, advanced controls, and dedicated support. All plans include core features like AI avatars, text-to-video, and dubbing, with higher tiers adding more credits and flexibility.

How much does AI STUDIOS cost, and what subscription plans are available for individuals and businesses?


  // 모든 아코디언 아이템 가져오기
  const accordionItems = document.querySelectorAll('.accordion-item');

  accordionItems.forEach(item => {
    const trigger = item.querySelector('.accordion-item-trigger');

    trigger.addEventListener('click', () => {
      // 이미 open 상태라면 닫기, 아니면 열기
      item.classList.toggle('open');
    });
  });



  document.addEventListener('DOMContentLoaded', function() {
   new Swiper(".blog-swiper", {
      slidesPerView: 5,
      spaceBetween: 5,
      loop: true,
      navigation: {
        nextEl: ".blog-swiper-button-next",
        prevEl: ".blog-swiper-button-prev",
      },
    });
  });

  


// 버튼으로 전환되는 비디오들을 컨트롤하는 스크립트 입니다.

// 전역 비디오 매니저
const videoManager = {
  players: {},
  activePlayer: null,
  
  register(id, player) {
    this.players[id] = player;
  },
  
  setActive(id) {
    if (this.activePlayer !== id) {
      Object.values(this.players).forEach(player => {
        if (player.containerId !== id) player.mute();
      });
      this.activePlayer = id;
    }
  }
};

// 최적화된 비디오 플레이어 클래스
class VideoPlayer {
  constructor(containerId, videoSources, options = {}) {
    this.containerId = containerId;
    this.container = document.querySelector(`[data-video-player="${containerId}"]`);
    
    if (!this.container) return;
    
    this.videoContainer = this.container.querySelector('.video-container');
    if (!this.videoContainer) return;
    
    this.buttons = this.container.querySelectorAll('.video-button');
    this.muteButton = this.container.querySelector('.mute-button');
    this.volumeIcon = this.container.querySelector('.volume-icon');
    this.videoSources = videoSources;
    this.videos = [];
    this.currentIndex = 0;
    this.isMuted = true;
    this.isLoaded = false;
    this.loadedVideos = new Set(); // 로드 완료된 비디오 추적
    this.loadingVideos = new Set(); // 로딩 중인 비디오 추적
    
    this.options = { autoplayOnVisible: true, ...options };
    
    this.init();
    videoManager.register(containerId, this);
  }

  init() {
    this.createVideos();
    this.bindEvents();
    this.setupObserver();
    this.activateFirstButton();
  }

  createVideos() {
    this.videoSources.forEach((src, i) => {
      const video = document.createElement('video');
      video.className = 'video-player scroll-video';
      video.loop = true;
      video.playsInline = true;
      video.muted = true;
      video.preload = 'metadata';
      video.controls = false;
      video.style.display = i === 0 ? 'block' : 'none';
      
      // src가 객체인 경우 url과 poster 처리
      if (typeof src === 'object') {
        video.dataset.src = src.url;
        if (src.poster) {
          video.poster = src.poster;
        }
      } else {
        video.dataset.src = src;
      }
      
      // 로딩 이벤트 리스너
      video.addEventListener('loadeddata', () => {
        this.loadedVideos.add(i);
        this.loadingVideos.delete(i);
      });
      
      video.addEventListener('loadstart', () => {
        this.loadingVideos.add(i);
      });
      
      this.videoContainer.appendChild(video);
      this.videos.push(video);
    });
  }

  setupObserver() {
    const observer = new IntersectionObserver(([entry]) => {
      if (entry.isIntersecting) {
        this.loadVideosProgressive();
        observer.disconnect();
      }
    }, { rootMargin: '300px' });
    
    observer.observe(this.videoContainer);
  }

  // 모든 비디오 즉시 로딩
  loadVideosProgressive() {
    if (this.isLoaded) return;
    
    // 모든 비디오를 즉시 로딩
    this.videos.forEach((video, i) => {
      if (video.dataset.src) {
        video.src = video.dataset.src;
        delete video.dataset.src;
      }
    });
    
    this.isLoaded = true;
    
    if (this.options.autoplayOnVisible) {
      this.videos[0].play().catch(() => {});
    }
  }

  loadVideo(index) {
    const video = this.videos[index];
    if (video.dataset.src && !this.loadingVideos.has(index)) {
      video.src = video.dataset.src;
      delete video.dataset.src;
    }
  }

  bindEvents() {
    this.buttons.forEach((btn, i) => {
      btn.addEventListener('click', () => this.switchVideo(i));
    });

    this.muteButton?.addEventListener('click', () => this.toggleMute());
  }
  
  switchVideo(index) {
    // 로딩되지 않은 비디오면 즉시 로딩 시작
    if (!this.loadedVideos.has(index) && !this.loadingVideos.has(index)) {
      this.loadVideo(index);
    }
    
    if (this.currentIndex === index) {
      this.videos[index].currentTime = 0;
      this.unmute();
      this.videos[index].play().catch(() => {});
      return;
    }
    
    // 이전 비디오 숨기기
    this.videos[this.currentIndex].style.display = 'none';
    this.videos[this.currentIndex].pause();
    
    // 새 비디오 표시
    this.videos[index].style.display = 'block';
    this.currentIndex = index;
    
    // 버튼 상태 업데이트
    this.buttons.forEach(btn => btn.classList.remove('active'));
    this.buttons[index].classList.add('active');
    
    // 로딩 완료되면 재생, 아니면 로딩 완료 대기
    if (this.loadedVideos.has(index)) {
      this.unmute();
      this.videos[index].play().catch(() => {});
    } else {
      this.waitForVideoLoad(index);
    }
  }
  
  waitForVideoLoad(index) {
    const video = this.videos[index];
    const checkLoaded = () => {
      if (this.loadedVideos.has(index)) {
        this.unmute();
        video.play().catch(() => {});
      } else {
        setTimeout(checkLoaded, 100);
      }
    };
    checkLoaded();
  }
  
  toggleMute() {
    this.isMuted ? this.unmute() : this.mute();
  }
  
  unmute() {
    this.isMuted = false;
    this.videos[this.currentIndex].muted = false;
    this.updateVolumeIcon();
    videoManager.setActive(this.containerId);
  }

  mute() {
    this.isMuted = true;
    this.videos[this.currentIndex].muted = true;
    this.updateVolumeIcon();
  }

  updateVolumeIcon() {
    if (!this.volumeIcon) return;
    
    const paths = {
      mute: 'M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z',
      volume: 'M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'
    };
    
    this.volumeIcon.innerHTML = `<path d="${this.isMuted ? paths.mute : paths.volume}"/>`;
  }

  activateFirstButton() {
    this.buttons[0]?.classList.add('active');
  }
}

// 비디오 소스 (poster 사용 예시 포함)
const videoSources = {
  visual: [
    {
      url: 'https://assets.aistudios.com/renewal_resources/videos/common/main_vod_new.mp4',
      poster: 'https://assets.aistudios.com/renewal_resources/videos/common/main_vod_new_img.webp' // poster 추가 (선택사항)
    }
  ],
  visualKo: [
    {
      url: 'https://assets.aistudios.com/renewal_resources/videos/common/main_vod_new_ko.mp4',
      poster: 'https://assets.aistudios.com/renewal_resources/videos/common/main_vod_new_img.webp'
     }
  ]
};

// 초기화
document.addEventListener('DOMContentLoaded', () => {
  const players = {};
 
  Object.keys(videoSources).forEach(key => {
    const container = document.querySelector(`[data-video-player="${key}"]`);
    if (container) {
      players[key] = new VideoPlayer(key, videoSources[key], { autoplayOnVisible: true });
    }
  });

  window.videoPlayers = { ...players, manager: videoManager };
});



// 지연로딩
document.addEventListener('DOMContentLoaded', function() {
  const videos = document.querySelectorAll('.video-delay');
  
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const video = entry.target;
        const source = video.querySelector('source[data-src]');
        
        // 포스터 이미지 지연로딩 처리
        if (video.dataset.poster) {
          video.poster = video.dataset.poster;
        }
        
        // 비디오 소스 처리
        if (source) {
          source.src = source.dataset.src;
          video.load();

          // 슬라이더(wrapper) 내부이면 자동재생 금지
          if (!video.closest('#dbvSliderWrapper')) {
             video.play().catch(() => {});
           }
        }
        
        observer.unobserve(video);
      }
    });
  }, {
    rootMargin: '300px'
  });
  
  videos.forEach(video => observer.observe(video));
});



  // 🎥 스크롤 비디오 자동 재생
  document.addEventListener('DOMContentLoaded', function () {
    const observer = new IntersectionObserver(
      entries => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            const video = entry.target;
            video.currentTime = 0;
            video.play().catch(error => console.warn('비디오 재생 실패:', error));
          }
        });
      },
      { threshold: 0.1 }
    );

    const videos = document.querySelectorAll('video.scroll-video');
    videos.forEach(video => observer.observe(video));
  });
document.querySelector('.btn-move-pricing').addEventListener('click', (e) => {
  e.preventDefault();
  const href = e.currentTarget.href;
  window.location.href = href + '#interactive-avatar';
});


_linkedin_partner_id="2617276";window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[];window._linkedin_data_partner_ids.push(_linkedin_partner_id);

(function(a){a||(window.lintrk=function(c,d){window.lintrk.q.push([c,d])},window.lintrk.q=[]);a=document.getElementsByTagName("script")[0];var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://snap.licdn.com/li.lms-analytics/insight.min.js";a.parentNode.insertBefore(b,a)})(window.lintrk);

(function(d,e,f,b,c,a){c="";b="https://tracking.g2crowd.com/attribution_tracking/conversions/"+d+".js?p\x3d"+encodeURI(e)+"\x26e\x3d"+c;a=document.createElement("script");a.type="application/javascript";a.async=!0;a.src=b;f.getElementsByTagName("head")[0].appendChild(a)})("1009209",document.location.href,document);

window.addEventListener("message",function(a){"hsFormCallback"===a.data.type&&"onFormSubmitted"===a.data.eventName&&window.dataLayer.push({event:"generate_leads","hs-form-guid":a.data.id})});

Requests	IP Address	Location	AS Autonomous System
18	98.88.132.87Aws · CLOUD	Ashburn, Virginia, United States	AS14618Amazon.com, Inc.
5	146.75.121.140Fastly · CDN	Frankfurt am Main, Hesse, Germany	AS54113Fastly, Inc.
5	142.251.110.157Google · CDN	United States	AS15169Google LLC
5	104.18.161.117Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
5	104.20.34.21Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
5	13.226.247.220Cloudfront · CDN	United States	AS16509Amazon.com, Inc.
5	104.18.160.117Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
5	3.174.46.92Cloudfront · CDN	United States	AS16509Amazon.com, Inc.
5	104.16.79.73Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
5	3.174.46.47Cloudfront · CDN	United States	AS16509Amazon.com, Inc.
178	33	-	-

Security Scan Report: aistudios.com

Summary

AI Security Verdict

Details

Screenshot

Page Load Overview

Domain & IP Information

Scan History