Have you heard about ? A project started by WebTorrent Feross Aboukhadijeh is a streaming torrent client for and the . YEP, THAT’S RIGHT. THE BROWSER. It’s written completely in — the language of the web — so the same code works in both runtimes. WebTorrent node.js browser JavaScript Basically, it allows a file to be shared using the BitTorrent protocol, which is P2P, in the browser. Awesome right?! So let’s get started Things you’ll need: NPM (Comes with ) NodeJS A file you want hosted in the Swarm CDN (Any type, some file types can be rendered or even streamed in the browser) CORS and HTTPS Highly Recomended Motivation and/or Madness! Optional CDN… Even better right!? Step 1 — Get a file I have selected an streamable mp4 video as the example, you can download it as a Web-seeded — WebTorrent or with direct HTTPS download. here here A is peer that serves the pieces of the torrent through HTTP(S), allowing 24/7 seeded torrents. The pieces are requested with HTTP range requests. In the current WebTorrent implementation, each requests is up to the size of each piece. webseed Either way the original file is publicly available (HTTPS CORS Enabled) at the following address: https://webseed.btorrent.xyz/ timedrift-alpine-4k-timelapse.mp4 You may notice that the ’s URL has a link to a .torrent file( ), instead of the file. This is because the .torrent has the information about the pieces of the file and the URL of the HTTP-Accessible original file (The Webseed). βTorrent https://btorrent.xyz/download# https:%2F%2Fwebseed.btorrent.xyz%2Ftimedrift.torrent mp4 mp4 Step 2— Upload the original file Upload the video to your website’s hosting/server and make sure it’s publicly available in a URL, if it’s on a different domain, make sure it’s CORS enabled. In the example we’ll use as the URL. mp4 https://webseed.btorrent.xyz/timedrift-alpine-4k-timelapse.mp4 Step 3— Create the torrent file to your file Okay, now we need to create a .torrent file which contains the metadata and the URL where the original file is hosted. To do this, we must first install one of , : WebTorrent Project’s Modules create-torrent NPM Module npm i -g create-torrent Once installed, we must create the .torrent. In the same folder as the original file we type the following command: create-torrent --urlList ' ' timedrift-alpine-4k-timelapse.mp4 > timedrift.torrent https://webseed.btorrent.xyz/timedrift-alpine-4k-timelapse.mp4 Basically, the generic command is: create-torrent --urlList ' ' > .torrent <ORIGINAL FILE URL> <ORIGINAL FILE NAME> <TORRENT FILE NAME> Step 4 — Upload the torrent file Upload the video to your website’s hosting/server and make sure it’s publicly available in a URL, if it’s on a different domain, make sure it’s CORS enabled. In the example we’ll use h as the URL. torrent ttps://webseed.btorrent.xyz/timedrift.torrent Step 5 — Setup your viewer We now just need a static HTML & JS to render and stream this file with ! The simple following code will do: WebTorrent Same as https://webseed.btorrent.xyz/demo.html Upload to your website’s hosting/server and you are done. Step 6 — Enjoy, the more viewers the faster everything is! DEMO WORKING How to do it with files Although video is the best use case because of it size, you may want to host files and use the Swarm CDN on large files to just like . To do this, we must use WebTorrent’s API to create a clickable URL to the file that is available on memory once the download is complete. Step 1 In this example we’ll be downloading: through : https://webseed.btorrent.xyz/juanpabloaj/other-page.md WebTorrent Same as https://webseed.btorrent.xyz/demo2.html Finally Show speed, % done, etc Finally, if you’d like to report torrent’s stats to give the user some idea of how much time/bytes are missing , check the and to get an idea of how to do it. WebTorrent API βTorrent’s Source Instant webseed for your files With you can get an instant URL to a torrent and have your original file hosted. Peerify Need any help? Check WebTorrent’s and feel free to mention me @DiegoRBaquero Gitter channel Links ( ) WebTorrent Website GitHub ( ) βTorrent Website GitHub I personally use for my virtual servers. Get using my . Thank you! Vultr $10 referral link Update 1: July 20, 2016 HTTP 2 performance By default, WebTorrent opens a maximum of 4 requests to a webseed simultaneously, each initial XHR on HTTP 1.1 would open each a TCP connection, and if the webseed has TLS/SSL the latency would increase for the maximum of 6 connections a browser has to a host that would be reused later for the rest of requests. Now, with the new HTTP2 protocol, a webseed can now use a single TCP connection over TLS improving the performance of a webseed. Improvement can be seen as: 83% saved in initial connections RTT latency and up to 50% faster completion of the XHR requests made to the webseed (Depends on available bandwidth). So go ahead and activate HTTP 2 (DIRECTLY, CloudFlare wouldn’t fully work) in your hosts, not only to improve WebTorrent and webseeds but everything loaded from your servers! A small demo using HTTP 2 can be seen . here Single connection for all requests, single timeline

BitTorrent

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

How to create a Swarm (P2P) CDN for free with WebTorrent

Too Long; Didn't Read

Coin Mentioned

Diego Rodríguez Baquero

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

How to create a Swarm (P2P) CDN for free with WebTorrent

Too Long; Didn't Read

Coin Mentioned

Diego Rodríguez Baquero

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES