イベントの生成

視聴者がWebブラウザ内のストリームに働きかけたときに、開発者はその内容に基づいて Genvid イベントシステムにイベントを送信することができます。

Web ページからイベントを送信するには、Web ページ内で genvidClient.createGenvidClient() 関数で作成される IGenvidClient を使用する必要があります。

Genvid イベントシステムは、 key:value ペアにフォーマットされたイベントオブジェクトを受け取ります。イベントは 2 つのメソッドで送信できます:

1. sendEvent()

           // Method used when clicking on a color to change the color of a cube
           private onColorChange(cube: string, color: string) {
               let evt = {
                   key: ["changeColor", cube],
                   value: color,
               };
               this.client.sendEvent([evt]);
           }
   

   この例では、視聴者が特定のキューブの色の変化を報告しています。この場合、キーと値を含む構造体を作成します。

   key は 「changeColor」 とキューブ名を含む配列です。

   value はキューブに適用する色です。

2. sendEventObject()

           // Upon cheering a player
           private onCheer(cubeName: string) {
               this.client.sendEventObject({ cheer: cubeName });
           }
   

   この例では、視聴者が特定のキューブに cheer を報告しています。この場合、キーと値を関連付けます。

   key が 「cheer」 です。

   value はキューブ名です。