VocalStack 로고VocalStack 로고
VOCALSTACK 동영상 플레이어

어떤 동영상이든 내 언어로 보세요

동영상이나 녹음 링크를 붙여넣으세요. VocalStack이 자막을 만들고, 화자 본인의 목소리로 동영상을 내 언어로 읽어 줍니다.

100개 언어 · 모든 동영상 링크 · 화자 본인의 목소리
작동 방식

설정 없이 세 단계

모든 것이 위의 플레이어 안에서 이루어집니다. 무료 VocalStack 계정만 있으면 됩니다.

01YouTube, Vimeo 또는 동영상이나 녹음이 있는 페이지의 링크를 붙여넣으세요.
02VocalStack 계정을 연결하세요. 그 동영상을 이미 전사했다면 바로 재생됩니다.
03언어를 고르세요. 자막이 바뀌고, 동영상을 그 언어로 읽어 줍니다.
주요 기능

동영상을 따라가는 데 필요한 모든 것

언어를 한 번만 고르면 자막, 전사본, 음성이 모두 그 언어로 바뀝니다.

자막

원문 그대로 또는 번역된 자막을 동영상 위에 표시하고, 각 줄 앞에 누가 말하는지 보여 줍니다.

동기화된 전사본

전사본이 동영상을 단어 단위로 따라갑니다. 문장을 클릭하면 그 위치로 이동합니다.

음성 번역

동영상을 다른 언어로 들어 보세요. 화자 본인의 복제 음성이나 기본 음성으로 읽어 줍니다.

배경 소리 제거

말소리 뒤의 음악과 소음을 끄고 목소리만 들으세요.

어떤 링크든 붙여넣기

YouTube, Vimeo, MP3 등 어떤 동영상이나 오디오 링크든 됩니다. 이미 전사한 동영상은 바로 재생됩니다.

자주 묻는 질문

무료로 시작하기작동 방식 보기
개발자용

웹사이트에 플레이어 넣기

같은 플레이어를 무료 오픈 소스 React 컴포넌트로 쓸 수 있습니다. VocalStack 전사본의 공유 코드나 아무 동영상 링크를 전달하세요.

설정

컴포넌트 하나

패키지를 설치하고, 플레이어와 스타일시트를 가져온 뒤, VocalStack 전사본의 공유 코드를 전달하세요.

01npm에서 @vocalstack/player를 설치합니다.
02VocalStackPlayer와 @vocalstack/player/style.css를 가져옵니다.
03공유 코드를 id로, 또는 아무 동영상 링크를 src로 전달합니다.
bash
npm install @vocalstack/player
typescript
import { VocalStackPlayer } from '@vocalstack/player'
import '@vocalstack/player/style.css'

export function Video() {
  return <VocalStackPlayer id="r4m4srrrhi24" />
}
옵션

코드로 설정하기

시청자가 바꿀 수 있는 모든 설정은 코드에서도 설정할 수 있습니다. 전체 목록은 README에 있습니다.

id

VocalStack 공유 링크의 공유 코드입니다. 공유된 전사본에는 키가 필요 없습니다.

src

공유 코드 대신 재생할 동영상 또는 오디오 링크입니다.

settings

언어, 자막, 화자 라벨, 단어 강조, 음성 번역, 음성, 배경 소리.

controls

내보내기나 공유 등 플레이어의 버튼을 원하는 대로 숨기세요.

mode

전체 동영상 플레이어, 또는 전사본을 먼저 보여 주는 읽기 보기.

README 읽기

개발자 질문

GitHub에서 보기npm에서 보기