Ĭlone the preact-todomvc repository and build the web app to get ready to bundle the resources. go get -u /WICG/webpackage/go/bundle/cmd/. go/bundle is a reference implementation of the Web Bundles specification built in Go. The go/bundle CLI is currently the easiest way to bundle a website.
In the meantime, check out Dealing with Common Problems in Unsigned Bundles to learn how to avoid cross-origin issues. Bundling PROXX without signatures doesn't work well due to web worker cross-origin issues. Here's a video that explains this scenario.Ĭurrently Chrome 80 only supports unsigned bundles (that is, Web Bundles without origin signatures). Start playing the game on your own device and try to beat your friend's high score.wbn file in a browser that supports Web Bundles. For example the file could easily be shared peer-to-peer using a file sharing app. But with Web Bundles, here's what you can now do: Before Web Bundles, the story would end there and you would either have to take turns playing the game on your friend's device, or find something else to pass the time. Your friend is playing an interesting web game called PROXX, and tells you that they downloaded the game as a Web Bundle before boarding the plane. You don't like the in-flight entertainment.
For example, say you're on an airplane from Tokyo to San Francisco with your friend. One common scenario is the ability to build a self-contained web app that's easy to share and usable without an internet connection.
Share a web app or piece of web content with your friends via Bluetooth or Wi-Fi Direct.Create your own content and distribute it in all sorts of ways without being restricted to the network.
Now you can Enjoy free video chat with your friend.Bundling a full website as a single file and making it shareable opens up new use cases for the web. Now it should generate a MYId in his browser ask him to give it to you and past it in your chat windos OtherId textbox.
Then you should see a json string in your My Id text box.Ĭopy that string and give it to your fried ask him to open the same link in his/her browerser(make sure there is no #init in his brower)Īsk him to past the json string in OterId box and click on connect (Please note some times it may take long for me it took 2 min once) Wait for a while so that it will generate a key for you. It will create a node server to run in your local host.Ĭlick on Initialize if you want to initiate your chat. Make sure you have node.js or io.js installed in you system.įinally run bash npm i form your cloned directory.
We used only javascript code with HTML5 apis to implement this. We tried to implement a simple peer to peer video chat with out any back end. WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without the need of either internal or external plugins So what we did here? A simple html5 web-rtc peer to peer video chat.