VOCALSTACK VIDEO PLAYER

Watch any video in your language

Paste a link to a video or a recording. VocalStack writes the subtitles and reads the video to you in your language, in the speakers’ own voices.

Get started free See how it works

100 LANGUAGES · ANY VIDEO LINK · SPEAKERS’ OWN VOICES

HOW IT WORKS

Three steps, no setup

Everything happens in the player above. You only need a free VocalStack account.

01Paste a link from YouTube, Vimeo or any page with a video or a recording.

02Connect your VocalStack account. If you have already transcribed that video, it plays at once.

03Choose a language. The subtitles change, and the video is read to you in that language.

WHAT IT DOES

Everything you need to follow a video

Choose a language once, and the subtitles, the transcript and the voice all follow.

Subtitles

Captions over the video, as spoken or translated, with who is speaking before each line.

A synced transcript

The transcript follows the video word by word. Click a sentence to jump to it.

Spoken translations

Hear the video in another language, read in the speakers’ own cloned voices or in stock voices.

Background sound removed

Turn off the music and noise behind the speech, and hear only the voices.

Paste any link

YouTube, Vimeo, an MP3 or any other video or audio link. A video you have already transcribed plays straight away.

Frequently Asked Questions

: A free VocalStack account. The player asks you to connect it the first time you paste a link.
: YouTube, Vimeo, an MP3 or any other video or audio link. If you have already transcribed a video with VocalStack, it plays straight away.
: Each speaker’s own cloned voice, when that speaker has agreed to it. Otherwise a natural voice that matches the speaker.
: Yes. Turn on Remove background sound in the player’s settings, and the music and noise behind the speech go away.

Get started free See how it works

FOR DEVELOPERS

Put the player on your website

The same player is a free, open-source React component. Give it the share code of a VocalStack transcription, or any video link.

View on GitHub View on npm

SETUP

One component

Install the package, import the player and its stylesheet, and give it the share code of a VocalStack transcription.

01Install @vocalstack/player from npm.

02Import VocalStackPlayer and @vocalstack/player/style.css.

03Pass a share code as id, or any video link as src.

bash

npm install @vocalstack/player

typescript

import { VocalStackPlayer } from '@vocalstack/player'
import '@vocalstack/player/style.css'

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

OPTIONS

Set it up in code

Every setting a viewer can change, you can set too. The README lists them all.

id

The share code from a VocalStack share link. Shared transcriptions need no key.

src

A video or audio link to play instead of a share code.

settings

Language, subtitles, speaker labels, word highlighting, spoken translation, voices and background sound.

controls

Hide any of the player’s buttons, such as export or share.

mode

The full video player, or a reading view with the transcript first.

Read the README

Developer questions

: Yes. The player is free to put on your website, and its code is open source under the MIT license.
: No. Shared transcriptions play with their share code alone. For a private transcription, pass a browser token. Never put an API key in a web page.
: Yes. Override the player’s CSS variables, such as its corner radius, its brand colour and its font.

View on GitHub View on npm