VocalStack ロゴVocalStack ロゴ
VOCALSTACK FOR CONTENTFUL

コンテンツモデルが理解する音声

Contentful のエントリーエディターに、エントリーがリンクする音声のための「文字起こし」ボタンを。文字起こしは編集可能なテキストとタイミング付きの文としてエントリーに保存されるため、Content Delivery API と GraphQL がほかのデータと一緒に配信します。

CONTENTFUL APP FRAMEWORK · ANY SPACE · 音声 1 時間あたり $0.20 から
app.contentful.com/spaces/acme/entries/42
AcmeContent modelContentMediaApps
←Episode
タイトルエピソード 42:公開しながらつくる
音声
MP3episode-042.mp346.3 MB · audio/mpeg
文字起こし
00:00番組へおかえりなさい。今日のテーマは、早めにリリースすること。
00:07最初のバージョンは荒削りでしたが、それこそが狙いでした。
STATUSDRAFTPublishVocalStack
文字起こし中31:06 / 48:20
停止

エントリーの一部として

文字起こしはエントリーの JSON フィールドなので、Content Delivery API、Preview API、GraphQL がほかのデータと一緒に返します。

進捗が見える

サイドバーには処理済みの音声の割合が表示され、再読み込みしても消えません。不要になったジョブは「停止」で終了できます。

主導権は編集者に

編集者はエントリーエディターで文字起こしを修正し、Contentful のいつものワークフローでエントリーと一緒に公開します。

今あるコンテンツモデルのまま

既存のコンテンツタイプとフィールドをアプリに指定するだけ。移行は不要で、アプリの実行は Contentful が担います。

セットアップ

スペースにインストール

Contentful の組織でカスタムアプリを作成し、GitHub からデプロイします。アプリと、VocalStack と通信する関数は Contentful がホストします。あとは音声の横に文字起こし用の JSON フィールドを追加し、アプリの設定画面でキーを貼り付けるかアカウントを接続するだけです。

01設定画面、エントリーフィールド、サイドバーのロケーションを持つカスタムアプリを作成します。
02npm run deploy でアプリとその関数を Contentful にデプロイします。
03文字起こし用の JSON フィールドを追加し、スペースにアプリをインストールして「文字起こし」をクリックします。
bash
git clone https://github.com/vocalstack/contentful-app
cd contentful-app
npm install && npm run build
npm run deploy
オプション

あなたの構成にフィット

妥当なデフォルトと、コンテンツモデルが異なるあらゆる箇所に対応する設定。

apiKey

VocalStack の API キー。アプリの関数だけが読み取れるシークレットパラメーターとして保存されます。

audioField

エントリー内で音声をリンクするメディアフィールド。デフォルトでは、音声ファイルをリンクする最初のフィールド。

spokenLanguage

音声で話されている言語。省略すると自動で検出します。

contentTypes

「文字起こし」ボタンを表示するコンテンツタイプ。アプリの設定画面で選択します。

料金

アプリ料金なし

VocalStack へのお支払いは文字起こしした音声の分だけ。料金はダッシュボードや API と同じです。秒単位の課金で、文字起こし 1 件あたりの最低料金は 5 分 です。

ファイル$0.201 時間あたり

文字起こしするすべての音声ファイル。話者、句読点、タイミング付き。

よくある質問

GitHub で見るREADME を読む