仕組み
3 ステップ、設定不要
すべて上のプレーヤーの中で完結します。必要なのは無料の VocalStack アカウントだけです。
01YouTube、Vimeo、または動画や録音のあるページのリンクを貼り付けます。
02VocalStack アカウントを接続します。その動画をすでに文字起こししていれば、すぐに再生されます。
03言語を選びます。字幕が切り替わり、動画がその言語で読み上げられます。
できること
動画を楽しむために必要なものがすべてそろっています
言語を一度選ぶだけで、字幕、文字起こし、音声がすべてその言語に切り替わります。
字幕
話されたままの、または翻訳された字幕を動画の上に表示し、各行の前に話者を示します。
同期する文字起こし
文字起こしが動画に合わせて単語ごとに進みます。文をクリックするとその位置に移動します。
音声翻訳
動画を別の言語で聴けます。話者本人のクローン音声、または標準音声で読み上げます。
背景音を除去
話し声の後ろにある音楽やノイズを消して、声だけを聴けます。
どんなリンクでも貼り付け
YouTube、Vimeo、MP3 のほか、あらゆる動画や音声のリンクに対応しています。すでに文字起こしした動画は、すぐに再生されます。
よくある質問
開発者の方に
プレーヤーをあなたのウェブサイトに
同じプレーヤーを、無料のオープンソース React コンポーネントとして使えます。VocalStack の文字起こしの共有コード、または任意の動画リンクを渡してください。
セットアップ
コンポーネントはひとつだけ
パッケージをインストールし、プレーヤーとスタイルシートをインポートして、VocalStack の文字起こしの共有コードを渡します。
01npm から
@vocalstack/player をインストールします。02
VocalStackPlayer と @vocalstack/player/style.css をインポートします。03共有コードを
id として、または任意の動画リンクを src として渡します。bash
npm install @vocalstack/playertypescript
import { VocalStackPlayer } from '@vocalstack/player'
import '@vocalstack/player/style.css'
export function Video() {
return <VocalStackPlayer id="r4m4srrrhi24" />
}オプション
コードで設定する
視聴者が変更できる設定は、すべてコードからも設定できます。一覧は README にあります。
idVocalStack の共有リンクに含まれる共有コード。共有された文字起こしにはキーは不要です。
src共有コードの代わりに再生する動画または音声のリンク。
settings言語、字幕、話者ラベル、単語のハイライト、音声翻訳、音声、背景音。
controlsエクスポートや共有など、プレーヤーの任意のボタンを非表示にできます。
modeフル機能のビデオプレーヤー、または文字起こしを主体にした閲覧ビュー。