RTCDataChannel: событие message

Событие WebRTC message отправляется обработчику события onmessage на объекте RTCDataChannel, когда от удалённого узла получено сообщение.

Это событие нельзя отменить и оно не распространяется.

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

addEventListener("message", (event) => {});

onmessage = (event) => {};

A MessageEvent. Наследует от Event.

Также наследует свойства от родительского интерфейса, Event.

MessageEvent.data Только для чтения

Данные, отправленные отправителем сообщения.

MessageEvent.origin Только для чтения

Строка, представляющая происхождение отправителя сообщения.

MessageEvent.lastEventId Только для чтения

Строка, представляющая уникальный идентификатор события.

MessageEvent.source Только для чтения

Ссылка на отправителя сообщения, один из WindowProxy, MessagePort или ServiceWorker.

MessageEvent.ports Только для чтения

Массив объектов MessagePort, представляющих порты, связанные с каналом, через который отправляется сообщение (где это уместно, например, в сообщении канала или при отправке сообщения в общий рабочий процесс).

Для данного RTCDataChannel, dc, созданного для соединения с узлом-партнёром с помощью метода createDataChannel(), этот код настраивает обработчик входящих сообщений и обрабатывает их, добавляя данные, содержащиеся в сообщении, в текущий документ в виде нового элемента <p> (абзаца).

dc.addEventListener(
  "message",
  (event) => {
    let newParagraph = document.createElement("p");
    let textNode = document.createTextNode(event.data);
    newParagraph.appendChild(textNode);

    document.body.appendChild(newParagraph);
  },
  false,
);

Сначала мы создаём новый элемент абзаца и добавляем данные сообщения в него как новый узел текста. Затем мы добавляем новый абзац в конец тела документа.

Вы также можете использовать свойство обработчика события RTCDataChannel объекта onmessage для задания обработчика события:

dc.onmessage = (event) => {
  let newParagraph = document.createElement("p");
  let textNode = document.createTextNode(event.data);
  newParagraph.appendChild(textNode);

  document.body.appendChild(newParagraph);
};

• API WebRTC
• Пример RTCDataChannel
• Связанные события: open, close и error
• RTCDataChannel.send()