イベントの生成

視聴者が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
        onColorChange(cube, color) {
            let evt = {
                key: ["changeColor", cube],
                value: color,
            };
            this.genvidClient.sendEvent([evt]);
        }
    

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

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

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

  2. sendEventObject()

        // Upon cheering a player
        onCheer(cubeName) {
            this.genvidClient.sendEventObject({
                cheer: cubeName,
            });
        }
    

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

    key が "cheer" です。

    value はキューブ名です。