Логотип VocalStackЛоготип VocalStack
ВІДЕОПЛЕЄР VOCALSTACK

Дивіться будь-яке відео своєю мовою

Вставте посилання на відео або запис. VocalStack створює субтитри й читає вам відео вашою мовою, власними голосами мовців.

100 МОВ · БУДЬ-ЯКЕ ПОСИЛАННЯ НА ВІДЕО · ВЛАСНІ ГОЛОСИ МОВЦІВ
ЯК ЦЕ ПРАЦЮЄ

Три кроки, жодного налаштування

Усе відбувається в плеєрі вище. Вам потрібен лише безкоштовний обліковий запис VocalStack.

01Вставте посилання з YouTube, Vimeo або будь-якої сторінки з відео чи записом.
02Підключіть свій обліковий запис VocalStack. Якщо ви вже транскрибували це відео, воно відтворюється одразу.
03Оберіть мову. Субтитри зміняться, а відео буде прочитано вам цією мовою.
ЩО ВІН РОБИТЬ

Усе, що потрібно, щоб стежити за відео

Оберіть мову один раз — і субтитри, транскрипт і голос перемкнуться на неї.

Субтитри

Субтитри поверх відео, як було сказано або в перекладі, з позначкою, хто говорить, перед кожним рядком.

Синхронізований транскрипт

Транскрипт іде за відео слово за словом. Клацніть речення, щоб перейти до нього.

Озвучений переклад

Слухайте відео іншою мовою, озвучене власними клонованими голосами мовців або стандартними голосами.

Фоновий звук прибрано

Вимкніть музику й шум за мовленням і чуйте лише голоси.

Вставте будь-яке посилання

YouTube, Vimeo, MP3 або будь-яке інше посилання на відео чи аудіо. Відео, яке ви вже транскрибували, відтворюється одразу.

Поширені запитання

Почати безкоштовноЯк це працює
ДЛЯ РОЗРОБНИКІВ

Додайте плеєр на свій сайт

Цей самий плеєр — безкоштовний React-компонент із відкритим кодом. Передайте йому код для поширення транскрипції VocalStack або будь-яке посилання на відео.

НАЛАШТУВАННЯ

Один компонент

Встановіть пакет, імпортуйте плеєр і його таблицю стилів і передайте йому код для поширення транскрипції VocalStack.

01Встановіть @vocalstack/player з npm.
02Імпортуйте VocalStackPlayer і @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