イベントの生成

視聴者が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 はキューブ名です。