What is WebTransport Protocol?

1   const transport = new WebTransport('https://example.com/echo');
2   transport.ready.then(() => {
3       console.log('Transport is ready');
4   }).catch(error => {
5       console.error('Failed to establish transport:', error);
6   });
7

1   const writer = transport.datagrams.writable.getWriter();
2   writer.write(new Uint8Array([0, 1, 2, 3])).then(() => {
3       console.log('Data sent successfully');
4   }).catch(error => {
5       console.error('Failed to send data:', error);
6   });
7

1   const reader = transport.datagrams.readable.getReader();
2   reader.read().then(({ value, done }) => {
3       if (done) {
4           console.log('Stream closed');
5       } else {
6           console.log('Received data:', value);
7       }
8   }).catch(error => {
9       console.error('Failed to read data:', error);
10   });
11

1   const stream = await transport.createBidirectionalStream();
2   const reader = stream.readable.getReader();
3   const writer = stream.writable.getWriter();
4   
5   // Writing to stream
6   writer.write(new TextEncoder().encode('Hello, World!')).then(() => {
7       console.log('Message sent via stream');
8   });
9   
10   // Reading from stream
11   reader.read().then(({ value, done }) => {
12       if (done) {
13           console.log('Stream closed');
14       } else {
15           console.log('Received stream message:', new TextDecoder().decode(value));
16       }
17   });
18