ウィジェットを作成する
円形プレーヤーを作成する — フローティング円形リスニングコントロール
その サークルプレイヤー ページオーディオ用のフローティング円形コントロールです。コンパクトで、マーケティングページやモバイルレイアウトでうまく機能し、 GSpeech キャッシュされたAI音声を使用したクラウド音声生成。
ナレーションするテキストのコンテンツセレクターを設定し、マウントクラスのレンダリング要素を設定します（多くの場合 .gsp_circle_player）、およびホバーラベルのタイトルテキスト。
- フローティングサークルUI ―最小限の設置面積、強い視覚的合図。
- ホバータイトル — タイトルテキストは、ユーザーがコントロールにカーソルを合わせたときに表示されます。
- カスタムHTMLマウント - <div class="gsp_circle_player"></div>
Open Cloud Console
ボタンプレーヤー
ライブデモ
円形プレイヤーの作成方法
- サインイン （または無料登録）
- ダッシュボードを開いて、ウェブサイトを選択してください。
- ウィジェット → 新しいウィジェットを追加.
- タイトルを入力 → タイプ サークルプレイヤー → 創造する.
- 店は開いています コンテンツ: コンテンツセレクターとレンダリング要素を設定します (# = id、 . = クラス; カンマは要素をまとめる/除外します。
- 作成セッションプロセスで タイトルテキスト （マウスオーバー時に表示されます）
- Save公開し、モバイルとデスクトップでテストする。
HTML値について初めてですか？ id → #、class → .、カンマ音声とほとんどのプレーヤーオプションはデフォルトで グローバルを使用する ウェブサイトの設定から — グローバル設定とカスタム設定.
カスタムHTML
マウントコード
- サークルプレイヤー: <div class="gsp_circle_player"></div>
FAQ
サークルプレイヤーに関するよくある質問
-
はい。重要なCTA（行動喚起）ボタンを覆わないよう、配置をテストしてください。タッチデバイスでは、マウスオーバー時のタイトルテキストが見えにくくなる場合があります。必要に応じて、コンテンツ内の他の箇所でラベルを明瞭に表示してください。
-
フルプレーヤーは、長文記事専用のリスニングバーです。サークルは、プレーヤーのフレームを画面いっぱいに表示せずに音声を再生したい場合に便利な、コンパクトなフローティングコントロールです。
問題？ お問い合わせ.
