The new 0.16 version of the open source Node.js multiplayer framework, #Colyseus, is introducing #StateView, experimental support for #WebTransport, and more.

https://gamedevjs.com/tools/colyseus-0-16-released/

Exploring the WebTransport API: A New Era of Web Communication https://jsdev.space/webtransport-api/ #javascript #webtransport

Rustでマルチスレッドプログラミング！ リアルタイム通信ではどのようにスレッドを立てるのか - Speaker Deck :
---
https://speakerdeck.com/yuki_uchida/rusttemarutisuretutohurokuraminku-riarutaimutong-xin-tehatonoyounisuretutowoli-terunoka

Hey, I wanted to share my little project – a multiplayer Arkanoid game built in Rust. I was in the mood to try something cool in this language and also see what HTTP/3 and MessagePack are capable of.

Here’s the [repo](https://github.com/ArtemkaKun/ping-pong-arkanoid) with the code.

More details in the

(Oh, and the lag is in the video, not the game itself. I didn’t bother recording it again.)

At the #fokusmws event in Berlin, @tidoust, @w3c Media specialist, presents the technical foundations on the web of #metaverse and #ai - #webgl #webgpu #WebNN #WebTransport #webxr and many more

#fokusmws Great overview of #metaverse devices, enablers, etc., by Louay Bassbouss, incl. @w3c Immersive Web related technologies: #webxr #wasm #WebTransport and more

[Перевод] Сравнение технологий WebSockets, Server-Sent-Events, Long-Polling, WebRTC и WebTransport

При работе с современными веб-приложениями реального времени незаменима возможность отправлять события с сервера на клиент. Именно этой необходимостью продиктовано то, что за годы работы было изобретено несколько методов для этой цели, каждый с собственным набором достоинств и недостатков. Первоначально единственным вариантом был длинный опрос. Затем в качестве альтернативы появились веб-сокеты — более надёжное решение для двунаправленной коммуникации. Вслед за веб-сокетами появились события, отправляемые сервером (SSE), более простой метод, обеспечивающий однонаправленную связь от сервера к клиенту. Забегая вперёд, сейчас разрабатывается ещё и протокол WebTransport, который может тем более изменить ландшафт этой области, обеспечивая более эффективный и гибкий подход, располагающий к масштабированию. В некоторых нишевых случаях можно присмотреться и к технологии WebRTC, предназначенной для работы с событиями в направлении сервер-клиент. В этой статье мы подробно разберём данные технологии, сравним их производительность, подчеркнём их достоинства и недостатки, а также порекомендуем, что делать в различных практических случаях, расскажем, как принимать информированные решения при создании веб-приложений реального времени. Эта статья — экстракт моего совокупного опыта, приобретённого в ходе реализации протокола репликации RxDB, обеспечивающего совместимость с различными технологиями серверной части.

https://habr.com/ru/articles/809535/

Знакомство с WebTransport API

Hello world! На днях я прочитал статью о WebTransport API как будущей альтернативе или даже замене WebSockets . Мне стало интересно, что это такое и с чем его едят. Давайте разбираться вместе.

https://habr.com/ru/companies/timeweb/articles/782448/

Google released #WebRTC in 2011 as a way of fixing a very specific problem:

> How do we build Google Meet?

Back then, the web was a very different place. Flash was the only way to do live media and it was a mess. #HTML5 #video was primarily for pre-recorded content.

https://quic.video/blog/replacing-webrtc/

For #w3cTPAC, Louay Bassbouss (@FraunhoferFOKUS) demoes "#Metaverse Cloud Rendering on the Web" as a use case currently under discussion within the @w3c Web & Networks #InterestGroup
#EdgeRendering #WebRTC #WebCodecs #WebTransport
Transcript at https://www.w3.org/2023/09/TPAC/demos/web-networks.html
https://youtu.be/AR4l7xIPdZA?si=ncQjdNufni6vqqNq

Wanna get an overview of current @w3c work? Watch this from @plehegar about #WebNN #MachineLearning #Security #WebRTC #PrivateAdvertising #WebAssembly #WebGPU #WebTransport #WebCodecs, #DIDs #WCAG, and much more!
https://youtu.be/rNFpgT8ZRqQ?si=H74Z5Eyo0718eH2o

This talk is among the 20 presentations recorded during the "Web Technology Forum" event, organized by the W3C China team.
English and Chinese captions are avail.!: https://www.youtube.com/watch?v=3VxD4_4NTBI&list=PLNhYw8KaLq2UvXR79_FPMFcHLG0ipGly4

Read more about this successful event: https://www.w3.org/blog/2023/infinite-intelligence-and-secure-connection-w3c-chinas-web-technology-forum-report/

Watch Chad Hart's itw of @tidoust talking about #Streams and explaining the game of processing dominoes #WebCodecs, #WebTransport, #WebRTC, etc.
https://www.youtube.com/watch?t=933&v=lyOSQW6ic_I&feature=youtu.be

Uh. #WebTransport is enabled by default as of #Firefox 114!

That only leaves Safari until full support by all major browsers!

https://www.mozilla.org/en-US/firefox/114.0/releasenotes/

9 June at 11am ET: webrtcH4cKS organizes a live panel discussion on #WebTransport, #WebCodecs and the future of #WebRTC w/ @tidoust (@w3c), Bernard Aboba (Microsoft) and Jordi Cenzano (Meta).
Get a cal invite here: https://webrtchacks.com/livestream/

This follows a series of 2 articles by @tidoust and @dontcallmeDOM: https://webrtchacks.com/real-time-video-processing-with-webcodecs-and-streams-processing-pipelines/

What’s the best way to keep a video and data streams in sync in a browser?

#WebRTC looks like a good fit but I have not yet found a way to attach frame IDs, timestamps or similar.

I also thought about multiplexing both streams via #WebTransport but don’t know how to feed the stream back as Insertable Streams for MediaStreamTrack API is still experimental in #Firefox

https://developer.mozilla.org/en-US/docs/Web/API/Insertable_Streams_for_MediaStreamTrack_API

You've enjoyed reading the creation of a multi-step video processing pipeline? This second article by @tidoust explores the actual processing of video frames! https://webrtchacks.com/video-frame-processing-on-the-web-webassembly-webgpu-webgl-webcodecs-webnn-and-webtransport/

Technologies involved are #JavaScript #WebAssembly #WebGPU #WebCodecs #WebGL #WebTransport #WebNN.

Give feedback and contribute to an experimental code for creating video processing pipelines using these web technologies: https://github.com/tidoust/media-tests/ Thanks!