WordPress テキスト読み上げ TTS プラグイン

GSpeech Cloud Consoleは、当社の最新世代製品です。最高のAI音声を活用し、音声コンテンツを70以上の言語にリアルタイム翻訳できます。複数のプレーヤータイプをサポートしています。

• フルページプレーヤー
• ボタンプレーヤー
• サークルプレイヤー
• ハイライトテキストの読み取り(RHT)プレーヤー
• ウェルカムメッセージ

確認するには デモページ.

使用するには、Cloud Console を有効にする必要があります。
「GSpeech->クラウド コンソール」に移動してください。サイトのデフォルト言語とパスワードを選択し、「アクティブ化」をクリックします。

gspeech.io にすでにサインアップしている場合は、アクティベーションではなくログインしてください。ログイン後、アクティベーション ボタンが有効になります。

有効化後、設定ページにリダイレクトされます。主な設定はいくつかのタブに分かれています。

「一般設定」タブ: ここで主な設定を制御します:

• 言語 - ウェブサイトのメイン言語。すべてのオーディオ ウィジェットのデフォルト値として使用されます。
• 計画 - デフォルトでは無料プランになっています。商用プランへの移行は、ここでワンクリックで行えます。
• ステータス - 公開済み、未公開。
• 提携 - アフィリエイトになって 15% のコミッションを獲得しましょう。プレーヤーにあなたの特別なキーが入った小さなリンクが表示されます。ダッシュボードであなたのキーを使った売上を確認できます。
  この方法では、製品の人気を高めることにも貢献できます。
• 遅延読み込み - オンにすると、GSpeech はページの読み込み時間にまったく影響しません。
• セッションをリロード - クラウド コンソールを再アクティブ化するときに認証トークンを更新するには、これをオンにします。
• 自動有効化 - プレーヤーを自動的に有効にします。
• ホームページに表示 - ホームページにプレーヤーを表示します。
• タイトルを読む - オーディオの冒頭にタイトルテキストを含めます。
• 多言語ウェブサイト - サイトの現在の言語を自動的に取得し、適切なデータを読み込みます。
• ポストタイプ - どの投稿タイプにプレイヤーが表示されるか。
• カテゴリー - どのカテゴリーにプレーヤーが表示されるか。
• ボイス - デフォルトの音声。すべてのオーディオ ウィジェットのデフォルト値として使用されます。
• 音声速度 - AI音声のみ利用可能です。
• 声の高さ - AI音声のみ利用可能です。
• 音声パネル - プレーヤーに音声パネルを表示し、ユーザーが希望する音声を選択できるようにします。
• コンテンツを除外 - CSS 値を使用して、オーディオから一部の要素のコンテンツを除外します。ID 経由で要素にアクセスする場合は # を使用し、クラスで使用する場合はドット (.) を使用します。複数の値はコンマ (,) で区切ります。
  例: #some_id,.some_class
• 許可された URL - プレーヤーをレンダリングする URL のリスト。1 行につき 1 つの URL を配置します。任意の文字に一致するにはアスタリスク (*) を使用します。
  例: https://yourdomain.io/blog/*
• ブロックされたURL - プレーヤーをレンダリングしない URL のリスト。1 行につき 1 つの URL を配置します。任意の文字に一致するにはアスタリスク (*) を使用します。
  例: https://yourdomain.io/blog/*
• オンフライ翻訳 - サイトでオンフライ翻訳方式を使用している場合は、これをオンにします。このオプションを使用すると、翻訳の準備ができるまで待機し、翻訳されたコンテンツにプレーヤーを適用できます。
  注意: 「Multi-Lang」オプションも有効にする必要があります。

プレーヤータブ: ここでプレーヤーの設定を制御します:

• アニメーションの出現 - プレイヤーがどのように表示されるか。
• スピードパネル - 速度制御を表示します。
• ボリュームパネル - 音量コントロールを表示します。
• テキストパネル - テキスト パネルを開き、赤くなっているテキストの部分を強調表示します。
• ダウンロードパネル - mp3 ファイルをダウンロードするために、プレーヤーにダウンロード アイコンを表示します。
• 再生回数 - 特定のプレイヤーがプレイした回数を表示します。

翻訳タブ: ここで言語のリストと各言語の音声を指定します。プレーヤーに地球儀アイコンが表示され、言語のリストが開きます。

カスタムコード: ここでカスタム CSS または JavaScript を記述できます。

エイリアスたとえば、AI を Artificial Intelligence と読み取る必要があります。次の行を追加するだけです: ai:人工知能.

それでは、さまざまなプレーヤー タイプについて説明しましょう。これらはオーディオ ウィジェットを介して制御されます。各プレーヤーには、そこにウィジェットがあります。

ハイライトテキスト読み上げ (RHT) プレーヤーを使用すると、ユーザーはサイト上の選択したテキストを音声で聞くことができます。これは、あらゆる Web サイトにとって非常に優れたアクセシビリティ機能です。

管理するには、「ウィジェット -> RHT プレーヤー」に移動します。

そこにはタブで区切られたすべてのオプションのリストが表示されます。

「一般設定」タブ: ここで一般的な設定を制御します。

• Title - ウィジェットの名前。ダッシュボードでのみ使用されます。
• ステータス - 公開済み、未公開。
• カスタム言語/音声を使用しますか? - 無効にすると、設定セクションで指定されたグローバル値が使用されます。ここではカスタム値を使用できます。
• 複数の音声 - プレーヤーに音声パネルを表示し、さまざまな音声を選択する機会を提供します。

[コンテンツ]タブ: ここでコンテンツの構成を制御します。

• タイトルテキスト - ユーザーがマウスをホバーすると表示されるプレーヤーのタイトル。
• 許可された URL - このプレーヤーをアクティブにする URL を指定します。デフォルトでは、すべてのページでアクティブになります。1 行につき 1 つの URL を挿入できます。アスタリスクを使用して任意の文字に一致させることができます。たとえば、すべてのブログ ページでアクティブにする必要がある場合は、次のように記述します。 https://example.com/blog/* .
• ブロックされたURL - このプレーヤーを非表示にする URL を指定します。

プレーヤータブ: クラウド設定のプレーヤータブと同じですが、カスタム値を使用する機会が与えられます。たとえば、ボリュームパネルがデフォルトで有効になっているが、このプレーヤーに表示したい場合などです。

テキストタブ: プレーヤー内のすべてのテキストを制御します:

タブデザイン: ライブプレビューでプレーヤーの外観を制御します。

• プレビュー - プレイヤーの表情をリアルタイムで確認。
• テンプレート - 16 種類の美しいカラー スキームから XNUMX つを選択します。
• ブロックビュー - RHT プレーヤー ビュー。ビュー 2 とビュー 3 では、言語パネルとテキスト パネルが展開されています。
• アイコンの位置 - 左/右。Web サイトでアクティブな TTS サービスについて通知する TTS アイコンの位置。
• 上オフセット - そのアイコンのオフセット。
• ショーバナー - ユーザーがどのように使用できるかを示す TTS イラスト バナーを表示/非表示にします。
• バナーの位置 - バナーを表示する場所。
• バナークローズイベント - いつでもバナーを表示したり、セッション中は非表示にしたりできます。

エイリアス: クラウド設定エイリアスと同じですが、このプレーヤーにのみ適用されます。

GSpeech フル ページ プレーヤーは、強力な機能を備えたフルサイズのテキストからオーディオへのプレーヤーです。

📚 フルページプレーヤー - ショートコード

コンテンツ内の任意の場所にフルページプレーヤーを挿入するには、 [gspeech] ショートコード。
ショートコード経由で挿入されたフルページ プレーヤーを管理するには、「ウィジェット -> フルページ プレーヤー - ショートコード」に移動します。

タブで区切られたすべてのオプションが開きます。

「一般設定」タブ: ここで一般的な設定を制御します。

• Title - ウィジェットの名前。ダッシュボードでのみ使用されます。
• ショート - コンテンツ内の任意の場所に挿入できるショートコード。
• カスタムHTML - HTML 経由で挿入することもできます。
• ステータス - 公開済み、未公開。
• カスタム言語/音声を使用しますか? - 無効にすると、設定セクションで指定されたグローバル値が使用されます。ここではカスタム値を使用できます。
• 複数の音声 - プレーヤーに音声パネルを表示し、さまざまな音声を選択する機会を提供します。

[コンテンツ]タブ: ここでコンテンツの構成を制御します。

• コンテンツセレクター - オーディオに含めるコンテンツの要素の HTML 値を指定します。コンマ (,) で区切ります。
  例： 記事、セクション、#my_id、.my_class.
  　 親クラスデフォルト値は、挿入された親要素の内容を取得します。
• レンダリング要素 - そうあるべきだ .gsp_full_player このオーディオウィジェット用。
• レンダリング位置 - ショートコードには必要ありません。
• 除外リスト - 読み取らない要素の HTML 値を指定します。コンマ (,) で区切ります。例: #要素ID、.要素クラス.
• タイトルセレクター - プレーヤーのタイトルを記事のタイトルにする必要がある場合は、ここで HTML 値を指定します。例: h1使用時は空白のままにしてください タイトルテキスト.
• タイトルテキスト - プレイヤーのタイトル。
• コンテンツテキスト - このプレーヤーで特定のコンテンツのみを読み取るようにしたい場合は、ここで指定します。
• 許可された URL - ショートコードには必要ありません。
• ブロックされたURL - ショートコードには必要ありません。

プレーヤータブ: ここでプレーヤーの設定を制御します。クラウド設定のプレーヤー タブと同じですが、カスタム値を使用することもできます。

• 自動ロード - ページが読み込まれると、再生ボタンをクリックしなくても自動的にオーディオが生成されます。文字数が多くなる可能性があるため、注意して使用してください。

テキストタブ: プレーヤー内のすべてのテキストを制御します:

タブデザイン: プレイヤーの外観を制御します:

• プレビュー - プレイヤーの表情をリアルタイムで確認。
• テンプレート - 16 種類の美しいカラー スキームから XNUMX つを選択します。
• BGテーマ - プレーヤーの背景のスタイル。
• 幅（Width） - プレーヤーの幅。パーセントまたはピクセルで指定できます。
• 余白 - 上/下 - プレーヤーの上部と下部の余白。

エイリアス: クラウド設定エイリアスと同じですが、このプレーヤーにのみ適用されます。

このオーディオ ウィジェットを使用すると、複数のページでプレーヤーを自動的にレンダリングできます。
フルページ プレーヤー - マルチページ ウィジェットを管理するには、「ウィジェット -> マルチページ (フルページ プレーヤー)」に移動します。

タブで区切られたすべてのオプションが開きます。 フルページプレーヤー - ショートコードすべてのオプションについては説明しませんので、上のセクションを確認してください。このウィジェットに関連するオプションについてのみ説明します。
デフォルトでは非公開になっているため、最初に公開する必要があります。
[全般]タブ：

• ステータス - 有効にするには、「公開済み」に設定します。

コンテンツタブ:

• コンテンツセレクター - オーディオに含めるコンテンツの要素の HTML 値を指定します。コンマ (,) で区切ります。
  例： 記事、セクション、#my_id、.my_class.
  　 自己クラスデフォルト値である を使用すると、挿入されている要素のコンテンツが取得されます。
• レンダリング要素 - デフォルトでは次の値になります: .entry-content、.post-content、.post_content、.post、.blog、.blog-body、.content、.section、記事 コンテンツで特別なクラス名を使用している場合は、ここに配置します。
• レンダリング位置 - コンテンツの後または前。
• 除外リスト - 読み取らない要素の HTML 値を指定します。コンマ (,) で区切ります。例: #要素ID、.要素クラス.
• タイトルセレクター - プレーヤーのタイトルを記事のタイトルにする必要がある場合は、ここで HTML 値を指定します。例: h1使用時は空白のままにしてください タイトルテキスト.
• タイトルテキスト - プレイヤーのタイトル。
• コンテンツテキスト - このプレーヤーで特定のコンテンツのみを読み取るようにしたい場合は、ここで指定します。
• 許可された URL - このプレーヤーをアクティブにする URL を指定します。デフォルトでは、すべてのページでアクティブになります。1 行につき 1 つの URL を挿入できます。アスタリスクを使用して任意の文字に一致させることができます。たとえば、すべてのブログ ページでアクティブにする必要がある場合は、次のように記述します。 https://example.com/blog/* .
• ブロックされたURL - このプレーヤーを非表示にする URL を指定します。ホームページで非表示にする場合は、ここにホームページの URL を入力します。

他のタブのオプションは フルページプレーヤー - ショートコードですので、上記のセクションを確認してください。

GSpeech ボタン プレーヤーは、ボタン スタイルのオーディオ プレーヤーで、ドット アイコンをクリックすると開く強力なオプション パネルを備えています。

コンテンツ内の任意の場所にボタンプレーヤーを挿入するには、 [gspeech-button] ショートコード。
ショートコード経由で挿入されたボタン プレーヤーを管理するには、「ウィジェット -> ボタン プレーヤー - ショートコード」に移動します。

タブで区切られたすべてのオプションが開きます。
ここでの構造は フルページプレーヤー - ショートコードですので、上記のセクションをご確認ください。
違いは、ボタン プレーヤーの配色を制御する [デザイン] タブにあります。
デザインタブ:

• プレビュー - プレイヤーの表情をリアルタイムで確認。
• テンプレート - 16 種類の美しいカラー スキームから XNUMX つを選択します。
• 幅（Width） - プレーヤーの幅。パーセントまたはピクセルで指定できます。
• 余白 - 上/下 - プレーヤーの上部と下部の余白。

他のオプションも同様です。 フルページプレーヤー - ショートコードですので、上記のセクションをご確認ください。

📚 サークルプレーヤーにはボタンプレーヤーと同様の設定があります

2.X モードで使用する場合、ユーザーがサイト上のテキストをハイライトすると、スピーカー アイコンが表示されます。

2.X モードで使用するには、GSpeech -> GSpeech 2.X に移動します。
「2.X バージョンを使用する」を「はい」に設定し、Web サイトのデフォルト言語を選択して、「保存」をクリックします。

スタイルを設定するには、「スタイル」タブに移動します。50 種類以上のスピーカー アイコンから 2 つを選択し、すべての色を設定できます。デフォルトのプレーヤーは「スタイル XNUMX」を使用しています。