WebVTT (.vtt) または Web Video Text Tracks 形式は、ビデオの字幕で広くサポートされている形式です。このガイドでは、AssemblyAI に従って、Node.js と AssemblyAI API を使用してビデオ用の WebVTT ファイルを作成する方法を学習します。
ステップ1: 開発環境をセットアップする
まず、システムに Node.js 18 以降をインストールします。新しいプロジェクト フォルダーを作成し、そのフォルダーにディレクトリを変更して、新しい Node.js プロジェクトを初期化します。
mkdir vtt-subtitles cd vtt-subtitles npm init -y
package.json ファイルを開き、プロパティのリストに type: “module” を追加します。
{ … “タイプ”: “モジュール”、… }
これにより、Node.js はモジュールのエクスポートとインポートに ES モジュール構文を使用するようになります。次に、AssemblyAI JavaScript SDK をインストールします。
npm インストール –save アセンブリai
次に、ダッシュボードから AssemblyAI API キーを取得します。これを ASSEMBLYAI_API_KEY 環境変数として設定します。
# Mac/Linux: ASSEMBLYAI_API_KEY をエクスポートする=
# Windows: ASSEMBLYAI_API_KEY= を設定します
ステップ2: ビデオを書き起こす
開発環境の準備ができたら、ビデオ ファイルの文字起こしを開始します。このサンプル ビデオを練習に使用してください。index.js というファイルを作成し、次のコードを追加します。
'assemblyai' から AssemblyAI をインポートします。const client = new AssemblyAI({ apiKey: process.env.ASSEMBLYAI_API_KEY }); const transitive = await client.transcripts.transcribe({ audio: “https://storage.googleapis.com/aai-web-samples/aai-overview.mp4”, });
転写が成功すると、転写オブジェクトが作成されます。エラーがあれば確認してログに記録します。
transcript.status === “error” の場合 { 新しい Error(transcript.error) をスローします。 }
ステップ3: WebVTTファイルを生成する
WebVTT 形式で字幕を生成します。WebVTT ファイルをディスクに保存するために必要なモジュールをインポートします。
「fs/promises」から{writeFile}をインポートします。
VTT ファイルを生成してダウンロードするには、次のコードを追加します。
const vtt = await client.transcripts.subtitles(transcript.id, “vtt”); await writeFile(“./subtitles.vtt”, vtt);
必要に応じて、キャプションあたりの最大文字数をカスタマイズします。
const vtt = await client.transcripts.subtitles(transcript.id, “vtt”, 32); await writeFile(“./subtitles.vtt”, vtt);
ステップ4: スクリプトを実行する
シェルからスクリプトを実行します:
ノードインデックス.js
実行後、ディスク上に新しいファイル subtitles.vtt が作成されます。
WEBVTT 00:00.200 –> 00:04.430 AssemblyAIは、音声データを使ったAIアプリケーションの構築を支援するAIシステムを構築しています。音声認識、要約、知識、音声データを使った大規模言語モデルの拡張のための超人的なAIモデルを作成します。
次のステップ
字幕ファイルができたので、動画プレーヤーで設定したり、YouTube Studio にアップロードしたりできます。また、動画に字幕をバンドルしたり、焼き付けたりする他のツールも調べてみましょう。オーディオおよび動画アプリケーションのその他の機能については、AssemblyAI の Audio Intelligence モデルと LeMUR をご覧ください。
より詳しい教育コンテンツについては、AssemblyAI のブログまたは YouTube チャンネルをご覧ください。
画像出典: Shutterstock
