JavaScript
アプリケーションの実行
オープン client_js.html をブラウザで表示する。
テキストフィールドと Call ボタンが表示される。
のテキストフィールドに携帯電話の番号を入力してください。 E.164 フォーマット(例えば、 447700900000をクリックしてください。
また、ウェブブラウザのコンソールを開き、ウェブアプリと Client SDK のログメッセージを表示することもできます。アプリケーションは、あなたが提供したターゲット番号に接続しようとしていることがわかります。
電話がかかってきたら、それに応答し、In-App Voiceコールを聞くことができます。
ウェブフック
電話をかけながら、端末に切り替えてください。 /voice/answer NCCO を取得するために呼び出されるエンドポイント:
NCCO request:
- callee: 447700900000
また、通話がさまざまな段階を経て進むにつれて、 /voice/event が送られる:
...
---
VOICE EVENT:
{
from: null,
to: 'Alice',
uuid: '2da93da3-bcac-47ee-b48e-4a18fae7db08',
conversation_uuid: 'CON-1a28b1f8-0831-44e6-8d58-42739e7d4c77',
status: 'started',
direction: 'inbound',
timestamp: '2021-03-10T10:36:21.285Z'
}
---
VOICE EVENT:
{
headers: {},
from: 'Alice',
to: '447700900000',
uuid: '8aa86e22-8d45-4201-b8d8-3dcd76e76429',
conversation_uuid: 'CON-1a28b1f8-0831-44e6-8d58-42739e7d4c77',
status: 'started',
direction: 'outbound',
timestamp: '2021-03-10T10:36:27.080Z'
}
---
...
---
VOICE EVENT:
{
start_time: null,
headers: {},
rate: null,
from: 'Alice',
to: '447700900000',
uuid: '8aa86e22-8d45-4201-b8d8-3dcd76e76429',
conversation_uuid: 'CON-1a28b1f8-0831-44e6-8d58-42739e7d4c77',
status: 'answered',
direction: 'outbound',
network: null,
timestamp: '2021-03-10T10:36:31.604Z'
}
---
VOICE EVENT:
{
headers: {},
end_time: '2021-03-10T10:36:36.000Z',
uuid: '8aa86e22-8d45-4201-b8d8-3dcd76e76429',
network: '23433',
duration: '5',
start_time: '2021-03-10T10:36:31.000Z',
rate: '0.10000000',
price: '0.00833333',
from: 'Unknown',
to: '447700900000',
conversation_uuid: 'CON-1a28b1f8-0831-44e6-8d58-42739e7d4c77',
status: 'completed',
direction: 'outbound',
timestamp: '2021-03-10T10:36:35.585Z'
}
---
VOICE EVENT:
{
headers: {},
end_time: '2021-03-10T10:36:35.000Z',
uuid: '2da93da3-bcac-47ee-b48e-4a18fae7db08',
network: null,
duration: '15',
start_time: '2021-03-10T10:36:20.000Z',
rate: '0.00',
price: '0',
from: null,
to: 'Alice',
conversation_uuid: 'CON-1a28b1f8-0831-44e6-8d58-42739e7d4c77',
status: 'completed',
direction: 'inbound',
timestamp: '2021-03-10T10:36:36.187Z'
}
注: 通話が完了すると、イベントには通話時間と料金の情報も含まれる。
In-Appで音声通話をする
JavaScriptクライアントSDKを使用して、Webアプリから電話へ音声通話を行います。
手順
1
はじめに2
Prerequisites3
ウェブフック・サーバーの作成4
Vonageアプリケーションの作成5
Vonage番号をリンクする6
ユーザーの作成7
JWTの生成8
Client SDKのインストール9
クライアント側アプリケーションの作成10
アプリケーションの実行11
次はどうする?