Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

WebTransportDatagramDuplexStream

Baseline 2026 *
Neu verfügbar

Seit March 2026 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Das WebTransportDatagramDuplexStream-Interface der WebTransport API repräsentiert einen Duplex-Stream, der für den unzuverlässigen Transport von Datagrammen zwischen Client und Server verwendet werden kann. Es bietet Zugriff auf einen ReadableStream zum Lesen eingehender Datagramme, einen WritableStream zum Schreiben ausgehender Datagramme sowie verschiedene Einstellungen und Statistiken im Zusammenhang mit dem Stream.

Dies ist über die WebTransport.datagrams-Eigenschaft zugänglich.

"Unzuverlässig" bedeutet, dass die Datenübertragung nicht garantiert wird und auch nicht die Ankunft in einer bestimmten Reihenfolge. Dies ist in einigen Situationen akzeptabel und ermöglicht eine sehr schnelle Zustellung. Beispielsweise möchten Sie möglicherweise regelmäßige Aktualisierungen des Spielzustands übermitteln, bei denen jede Nachricht die vorherige, die ankommt, ersetzt und die Reihenfolge nicht wichtig ist.

Instanz-Eigenschaften

incomingHighWaterMark

Ruft die Hochwassermarke für eingehende Datenblöcke ab oder legt sie fest – dies ist die maximale Größe in Blöcken, die die interne Warteschlange des eingehenden ReadableStream erreichen kann, bevor sie als voll betrachtet wird. Weitere Informationen finden Sie unter Interne Warteschlangen und Warteschlangenstrategien.

incomingMaxAge

Ruft das maximale Alter für eingehende Datagramme in Millisekunden ab oder legt es fest. Gibt null zurück, wenn kein maximales Alter festgelegt wurde.

maxDatagramSize Schreibgeschützt

Gibt die maximal zulässige Größe ausgehender Datagramme in Bytes zurück, die in den writable geschrieben werden können.

outgoingHighWaterMark

Ruft die Hochwassermarke für ausgehende Datenblöcke ab oder legt sie fest – dies ist die maximale Größe in Blöcken, die die interne Warteschlange des ausgehenden WritableStream erreichen kann, bevor sie als voll betrachtet wird. Weitere Informationen finden Sie unter Interne Warteschlangen und Warteschlangenstrategien.

outgoingMaxAge

Ruft das maximale Alter für ausgehende Datagramme in Millisekunden ab oder legt es fest. Gibt null zurück, wenn kein maximales Alter festgelegt wurde.

readable Schreibgeschützt

Gibt eine ReadableStream-Instanz zurück, die verwendet werden kann, um eingehende Datagramme aus dem Stream zu lesen.

writable Schreibgeschützt

Gibt eine WritableStream-Instanz zurück, die verwendet werden kann, um ausgehende Datagramme in den Stream zu schreiben.

Beispiele

Schreiben ausgehender Datagramme

Dieser Code verwendet die createWritable()-Methode, falls sie unterstützt wird, um eine WebTransportDatagramsWritable-Instanz zu erhalten, die zum Schreiben von Daten in den Transport verwendet werden kann. Andernfalls wird auf die writable-Eigenschaft zurückgegriffen, die ein WritableStream-Objekt zurückgibt, in das Sie mit einem Writer Daten schreiben können:

js
const writableStream =
  typeof transport.datagrams.createWritable === "function"
    ? transport.datagrams.createWritable()
    : transport.datagrams.writable; // Deprecated and non-standard.

const writer = writableStream.getWriter();
const data1 = new Uint8Array([65, 66, 67]);
const data2 = new Uint8Array([68, 69, 70]);
await writer.ready;
writer.write(data1);
await writer.ready;
writer.write(data2);

Lesen eingehender Datagramme

Die readable-Eigenschaft gibt ein ReadableStream-Objekt zurück, das Sie verwenden können, um Daten vom Server zu empfangen:

js
async function readData() {
  const reader = transport.datagrams.readable.getReader();
  while (true) {
    const { value, done } = await reader.read();
    if (done) {
      break;
    }
    // value is a Uint8Array.
    console.log(value);
  }
}

Spezifikationen

Spezifikation
WebTransport
# webtransportdatagramduplexstream

Browser-Kompatibilität

Siehe auch