RTCSctpTransport: statechange event

Baseline 2023

Newly available

Since ⁨May 2023⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

A statechange event is sent to an RTCSctpTransport to provide notification when the RTCSctpTransport.state property has changed.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("statechange", (event) => { })

onstatechange = (event) => { }

Given an RTCSctpTransport, transport, and an updateStatus() function that presents connection state information to the user, this code sets up an event handler to let the user know when the transport is connected.

pc.addEventListener(
  "statechange",
  (event) => {
    switch (transport.state) {
      case "connected":
        updateStatus("Connection started");
        break;
    }
  },
  false,
);

Using onstatechange, it looks like this:

transport.onstatechange = (event) => {
  switch (transport.state) {
    case "connected":
      updateStatus("Connection started");
      break;
  }
};