設置手順
準備
設置作業
フロントエンド表示用のファイルを作成
tml
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ホステッドエクスペリエンス2.0 HTMLテンプレート</title>
<script src="https://cdn.uneeq.io/hosted-experience/deploy/index.js"></script>
<link rel="stylesheet" href="https://hosted-experience.jp/css/dhx.css">
<script>
let uneeqOptions = {
"connectionUrl": "https://api.uneeq.io",
"personaId": "デジタルヒューマン株式会社から提供",
"displayCallToAction": true,
"renderContent": true,
"welcomePrompt": "こんにちは。自己紹介してください。",
"mobileViewWidthBreakpoint": 900,
"layoutMode": "fullScreen",
"cameraAnchorHorizontal": "center",
"cameraAnchorDistance": "loose_close_up",
"logLevel": "info",
"enableMicrophone": true,
"showUserInputInterface": true,
"enableVad": true,
"enableInterruptBySpeech": true,
"autoStart": false,
"containedAutoLayout": true,
"showClosedCaptions": false,
"captionsPosition": "top-left",
"languageStrings": {
"ja": {
"callToActionText": "👋 こんにちは！P2デジタルヒューマンです",
"errorText": "エラーが発生しました。",
"textInputPlaceholder": "こちらにメッセージを入力...",
"showContentToolTip": "コンテンツを表示",
"sendQuestionButtonToolTip": "メッセージを送信",
"startRecordingButtonToolTip": "録音開始",
"unmuteMicrophoneToolTip": "ミュート解除",
"muteMicrophoneToolTip": "ミュート",
"microphonePermissionNotAllowedButtonToolTip": "マイクの使用が許可されていません",
"microphoneEnabledHintTitle": "マイクが有効です",
"microphoneEnabledHintText": "お話しください。お聞きしております。",
"microphoneEnabledHintTitleOverlay": "マイク ON",
"microphoneNotAllowedMessage": "マイクの使用が許可されていません。ブラウザの設定でマイクへのアクセスを許可してから、もう一度お試しください。",
"recordingTapToStart": "タップして録音開始、もう一度タップして送信",
"recordingSpeakNowPrompt": "お話しください",
"recordingTapStopWhenDone": "終了したらタップして停止",
"recordingStopButtonToolTip": "録音停止",
"recordingRequestingMicrophonePrompt": "マイクにアクセス中",
"settingsExitButton": "終了",
"confirmExitDescription": "本当に終了しますか？",
"confirmExitStayButton": "続ける",
"confirmExitEndButton": "終了する",
"hideContentButton": "コンテンツを非表示",
"hideDigitalHumanButton": "デジタルヒューマンを非表示",
"sessionEndedDueToInactivity": "デジタルヒューマンとの会話が非アクティブのため終了しました。",
"sessionEndedByUser": "デジタルヒューマンとの会話が終了しました。",
"sessionEndedDueToConnectionLoss": "接続の問題により、デジタルヒューマンとの会話が終了しました。",
"sessionEndedUnexpectedly": "予期せぬ理由により、デジタルヒューマンとの会話が終了しました。",
"sessionTransferred": "デジタルヒューマンとの会話が引き継がれました。",
"reconnectingText": "再接続中..."
},
"default": {
"callToActionText": "Hi! Click here to start a conversation.",
"textInputPlaceholder": "Type here..."
}
},
"customMetadata": {
"company": "デジタルヒューマン株式会社",
"customerId": "ABC-123",
"name": "田中太郎"
},
"speechRecognitionLocales": "ja-JP:en-US:ko-KR:th-TH",
"speechRecognitionHintPhrases": "決定事項, 議題, 課題, 宿題, 持ち帰り, 確認事項, 参加者, 欠席者, 開始時間, 終了時間",
"speechRecognitionHintPhrasesBoost": 0
}
const uneeq = new Uneeq(uneeqOptions);
window.dhxOptions = {
"personaIdentifier": 'デジタルヒューマン株式会社から提供',
"uneeq": uneeq,
"connectionBaseUrl": "https://ai-orch-001.digitalhumans.ne.jp",
"cameraAnchorDuration": 2000,
"dhxCustomStyles": "",
"showCaption": true,
"showEndSession": true,
"showMute": true,
"showStartupSpinner": false,
"showStopSpeaking": true,
"showWaitingMessage": true,
"showWaitingSpinner": true,
"timeDetail": true,
"useDhxCustomEvent": true,
"waitingMessageText": "順番に接続しますので、お待ちください。<br>ただ今、他の方の対応をしております。{position}番目にお繋ぎいたします。"
}
</script>
</head>
<body>
<h1>ホステッドエクスペリエンス2.0 HTMLテンプレート</h1>
<script src="https://hosted-experience.jp/js/dhx.js"></script>
</body>
</html>ファイルのアップロード
話しかけてみる
現象
原因の可能性
会話AIの設定を行う
カスタマイズする
マニュアル オーバーライド
既存サイトに組み込む
最終更新