テキスト読み上げのウィジェットコード: サイト上のあらゆるテキストを音声に

テキスト読み上げウィジェットを使うと、訪問者がテキストを入力または貼り付けて、自然な声で読み上げてもらえます。発音の確認、手早い音声の下書き、語学学習、そして読むより聞くほうが好きなすべての人に役立ちます。api14では、ほかのすべてのウィジェットと同じ1行の埋め込みコードで追加できます。

訪問者が使えるもの

• あなたの言葉でラベルを付けたテキストボックスとボタン。
• ウィジェット内でそのまま再生される生成音声。
• 音声を保存して再利用できる ダウンロード リンク。

声とモデルはあなたが選びます。訪問者にあなたのAPIキー、残高、モデルの生のエラーメッセージが見えることはありません。

音声ウィジェットを埋め込む

ウィジェット でウィジェットを作成し、種類に 音声 を選んでから、保存してコードをコピーします。

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

プレーヤーを表示したい位置に置くか、data-target で特定の要素内に描画します。音声ウィジェットの高さの既定値は420pxで、data-height で変更できます。フローティングボタン の配置を選ぶと、隅のボタンからウィジェットを開く形になります。

モデルと声を選ぶ

モデル選択欄には、音声モデルが価格付きで並びます。モデルを選ぶと、声 の欄にそのモデルが提供する声が表示されます。声を空欄にすると、ウィジェットはモデルの最初の声を使います。提供元によっては声の明示的な指定が必要なためです。

決める前に、エディターのプレビューでいくつかの声を聞いてみましょう。子ども向けサイトにぴったりの声が、法律事務所には合わないこともあります。

APIキーを選ぶ

すべてのウィジェットは、あなたのAPIキーのいずれかで動作します。エディターでキーを選ぶか、リストの最後にある 新しいAPIキーを作成 でこのウィジェット専用のキーを作りましょう。そのキーの1日の利用上限、リクエスト頻度、許可するモデルがウィジェットのすべてのリクエストに適用され、利用はそのキーの下に記録されます。

おすすめの使い方

• プレースホルダーで、訪問者が何を貼り付けられるかを説明しましょう。例: 「1段落までのテキストを貼り付けてください」。
• ウィジェットに1日の利用上限を設定しましょう。音声の価格はモデルによって決まり、長い入力は短い入力よりコストがかかります。
• 設定、ウィジェットの管理 で、訪問者1人が1日に送れるリクエスト数を制限しましょう。
• 設定、ウィジェットのサイト にドメインを登録し、ウィジェットが自分のページでのみ動くようにしましょう。

アカウントなしで ウィジェットページ から音声ウィジェットを試し、音声モデルについては 音声のドキュメント をご覧ください。