JavaScript
シグナルを送る
セッションに接続し、セッション・オブジェクトを得たので、シグナルを送信することができます。シグナルとは、セッションで送信される任意のテキストやデータのことで、特定のクライアントや接続されているすべてのクライアントに送信することができます。シグナルについて詳しくは Vonage ビデオシグナリング開発者ガイド.このチュートリアルでは、テキストを送信します。
- 以下のコードをコピーし、既存のコードの下に貼り付けます。
app.jsファイルの後にinitializeSession()関数である:
const form = document.querySelector('form');
const msgTxt = document.querySelector('#msgTxt');
// Send a signal once the user enters data in the form
form.addEventListener('submit', (event) => {
event.preventDefault();
session.signal({
type: 'msg',
data: msgTxt.value
}, (error) => {
if (error) {
handleError(error);
} else {
msgTxt.value = '';
}
});
});
このコードは、先のhtmlページからフォームとそれを含むテキストを参照するための変数を作成します。フォームが送信されると session.signal が呼び出され、テキストがシグナルとして送信される。 session.signal は、シグナルのタイプといくつかのデータを取ります。タイプはオプションですが、アプリ内でシグナルのタイプを区別するために使用できます。
シグナルが正常に送信された場合はフォームがクリアされ、そうでない場合は同じ handleError 関数を使った。
基本的なテキストチャット
このチュートリアルに従って、Vonage Video API を使用して基本的なテキストチャットをゼロから構築してください。これは、ビデオプラットフォーム上でこの機能の概念実証を構築する最も簡単な方法です。
手順
1
概要2
始める前に3
Vonageビデオアプリケーションの設定4
プロジェクトフォルダーとHTMLテンプレートの作成5
認証の設定6
セッションへの接続7
シグナルを送る8
信号の受信9
ブラウザでコードをテストする10
CSSのカスタマイズ11
結論