コード スニペットサンプル

以下のコードブロックには、ホステッドエクスペリエンスで使用することができる、標準的なコードスニペットが含まれています。これらのスニペットは、UIに表示されるテキストを日本語に置換するためのlanguageStringキーのリストの例です。

  • スニペットをコピーしてindex.html等のファイルに挿入してください。
 

サンプル

<script>
        window.uneeqInteractionsOptions = {
            personaShareId: "ペルソナShareIDを入れる",
            // layoutMode: 'overlay',
            layoutMode: 'fullScreen',
            // layoutMode: 'contained',
            // layoutMode: 'splitScreen',
            // position: 'right', // スプリットスクリーンビューのみ
            cameraPosition: {
                "camera_position_vertical": -0.5,
                "camera_position_horizontal": 0.0,
                "camera_position_distance": 0.8
            }, //Gen3用
            displayCallToAction: true,
            enableMicrophone: true,
            enableTransparentBackground: true,
            mobileViewWidthBreakpoint: 900,
            playWelcome: true,
            renderContent: true,
            showUserInputInterface: true,
            voiceInputMode: "SPEECH_RECOGNITION", //エンハンスド・スピーチ・レコグニッション
            // voiceInputMode: "VOICE_ACTIVITY", //音声区間検出モード 2024年6月1日に終息します
            // voiceInputMode: "PUSH_TO_TALK", //プッシュトゥトークモード 2024年6月1日に終息します
            // containedAutoLayout: true,
            autoStart: false,
            // ctaThumbnailUrl: "https://cdn.your-domain.com/<ファイル名>.jpg",
            // backgroundImageUrl: "https://<弊社から提供したURL>/<ファイル名>.jpg",
            showClosedCaptions: true,
            languageStrings: {
                "ja": {
                    "callToActionText": '👋 こんにちはデジタルヒューマンのソフィーです.',
                    "confirmExitDescription": '本当に終了しますか?',
                    "confirmExitEndButton": '終了',
                    "confirmExitStayButton": '戻る',
                    "errorText": 'エラーが発生しました',
                    "hideContentButton": 'コンテンツを非表示',
                    "hideDigitalHumanButton": 'デジタルヒューマンを非表示',
                    "microphoneEnabledHintText": 'マイクに向かって話しかけてください。',
                    "microphoneEnabledHintTitle": 'マイクが有効になりました',
                    "microphoneEnabledHintTitleOverlay": 'マイク有効',
                    "microphoneNotAllowedMessage": 'マイクの許可が許可されませんでした。ブラウザの設定からマイクへのアクセスを許可して再度お試しください。',
                    "microphonePermissionBlockedButtonToolTip": 'マイクの使用を許可してください',
                    "muteMicrophoneToolTip": 'ミュート',
                    "recordingRequestingMicrophonePrompt": 'マイクを要求する',
                    "recordingSpeakNowPrompt": '今すぐ話す',
                    "recordingStopButtonToolTip": 'ストップ レコーディング',
                    "recordingTapStopWhenDone": '完了したら停止をタップ',
                    "recordingTapToStart": 'タップして録音、もう一度タップして送信',
                    "sendQuestionButtonToolTip": 'メッセージの送信',
                    "settingsExitButton": '終了',
                    "startRecordingButtonToolTip": 'スタート レコーディング',
                    "textInputPlaceholder": "ここに入力...",
                    "unmuteMicrophoneToolTip": 'ミュート解除'
                },
                "de-DE": {
                    "callToActionText": "Hi! Klicken Sie hier, um ein Gespräch zu beginnen.",
                    "textInputPlaceholder": "Geben Sie hier ein ..."
                },
                "default": {
                    "callToActionText": "Hi! Click here to start a conversation.",
                    "textInputPlaceholder": "Type here..."
                }
            }
        }
    </script>
    <script src="https://hosted.us.uneeq.io/interactions/v1/deploy"></script>
 

上記以外にもカスタムデーターを受け渡しする事ができます。

カスタムデータ

 

Javascriptコンソールに詳細なログを出力したい場合は、上記のスニペットの下に以下のコードを追記してください。

# ホステッドエクスペリエンスで詳細なログを出力する

<script>
    window.addEventListener('UneeqMessage', (event) => {
        const msg = event.detail;
        console.log('UneeQ Message: ', msg);

    })
</script>
 

サンプルファイル

サンプルのHTMLファイルです。ダウンロードしてご利用ください。

お役に立ちましたか?
😞
😐
🤩

最終更新日 June 17, 2023