Documentation Request: Embedded Webtorrent HOW-TO (as found on webtorrent.io)

[jrnolan2525]

Hello & thank you for such an exciting technology.

How would one demonstrate a single-page setup as found on https://webtorrent.io's embedded stream, including those lovely progress & speed indicators? I've used the Quick Example's 'Downloading a torrent (in the browser)' as found on https://webtorrent.io/intro but I would be interested in seeing the dynamic resize as demostrated.

My skill level: QBasic is still vogue, yes? That said, I did manage to get Node.js & NPM installed though I'm using webtorrent.min.js as preference for dependency mitigation.

TIA.

[yciabaud]

Hello jrnolan2525,

I have set a codepen up for you with some of the styles and the status.

Basically, you need to trigger a function to refresh the status using the torrent API. In the example, a onProgress function is triggered periodically after the ontorrent event and the HTML elements are refreshed with torrent.progress, torrent.numPeers, torrent.downloaded, torrent.length and torrent.timeRemaining.

Is that what you expected?

[jrnolan2525]

Bonjour Mon Ami -

I am gobsmacked. Stunning; absolutely stunning how elegant & impactful of your work. To say the very least, it brings clarity to many of the points of confusion I'm grappling.

I assume it's safe to delete these entries fr codepen:

[yciabaud]

Oh that is codepen stuff, all you really need besides the JS code showed in the window is the webtorrent and moment.js dependencies. (moment.js is used to print human readable remaining time)

In the head:

<script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>

You can try the export as zip feature from codepen and you will have a working static page to load locally without any codepen stuff to bother with.

You definitely can use a magnet link in the webtorrent client, the torrent link is informative but you can set the magnet link in the href.

Remember the torrent needs to be seeded in the webtorrent network (like instant.io)

Regards,

[feross]

@yciabaud Thanks for helping out! I I'm going to add you to this repo too (in addition to bittorrent-tracker, etc.) so you can help out with issues 👍

Also, if you have time, can you add your example to docs/get-started.md?

[yciabaud]

Sure I will.

[lock]

This thread has been automatically locked because it has not had recent activity. To discuss futher, please open a new issue.