├── .gitignore
├── Gemfile
├── Gemfile.lock
├── LICENSE
├── README.md
├── _config.yml
├── _includes
    ├── disqus_comments.html
    ├── footer.html
    ├── google-analytics.html
    ├── head.html
    ├── header.html
    ├── icon-github.html
    ├── icon-github.svg
    ├── icon-twitter.html
    └── icon-twitter.svg
├── _layouts
    ├── default.html
    └── page.html
├── _sass
    ├── minima
    │   ├── _base.scss
    │   ├── _layout.scss
    │   └── _syntax-highlighting.scss
    └── player.scss
├── about.md
├── assets
    ├── clippy.svg
    ├── logo.svg
    └── thumbnail.png
├── css
    ├── bootstrap.css
    └── main.scss
├── favicon.png
├── feed.xml
├── index.html
├── js
    ├── bootstrap.min.js
    ├── bundle.js
    ├── clipboard.min.js
    ├── kudosplease-min.js
    ├── main.js
    └── webtorrent.js
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | _site/
2 | .sass-cache/
3 | .jekyll-metadata
4 | 
5 | node_modules/
6 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | source "https://rubygems.org"
 2 | ruby RUBY_VERSION
 3 | 
 4 | # Hello! This is where you manage which Jekyll version is used to run.
 5 | # When you want to use a different version, change it below, save the
 6 | # file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
 7 | #
 8 | #     bundle exec jekyll serve
 9 | #
10 | # This will help ensure the proper Jekyll version is running.
11 | # Happy Jekylling!
12 | gem "jekyll", "4.2.2"
13 | 
14 | # This is the default theme for new Jekyll sites. You may change this to anything you like.
15 | gem "minima"
16 | 
17 | # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
18 | # uncomment the line below. To upgrade, run `bundle update github-pages`.
19 | # gem "github-pages", group: :jekyll_plugins
20 | 
21 | # If you have any plugins, put them here!
22 | # group :jekyll_plugins do
23 | #   gem "jekyll-github-metadata", "~> 1.0"
24 | # end
25 | 
26 | # Required after upgrading from Ruby v2 to v3
27 | # (see https://stackoverflow.com/a/67048226/2047110)
28 | gem "webrick"  #, "~> 1.7"
29 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GEM
 2 |   remote: https://rubygems.org/
 3 |   specs:
 4 |     addressable (2.8.0)
 5 |       public_suffix (>= 2.0.2, < 5.0)
 6 |     colorator (1.1.0)
 7 |     concurrent-ruby (1.1.10)
 8 |     em-websocket (0.5.3)
 9 |       eventmachine (>= 0.12.9)
10 |       http_parser.rb (~> 0)
11 |     eventmachine (1.2.7)
12 |     ffi (1.15.5)
13 |     forwardable-extended (2.6.0)
14 |     http_parser.rb (0.8.0)
15 |     i18n (1.10.0)
16 |       concurrent-ruby (~> 1.0)
17 |     jekyll (4.2.2)
18 |       addressable (~> 2.4)
19 |       colorator (~> 1.0)
20 |       em-websocket (~> 0.5)
21 |       i18n (~> 1.0)
22 |       jekyll-sass-converter (~> 2.0)
23 |       jekyll-watch (~> 2.0)
24 |       kramdown (~> 2.3)
25 |       kramdown-parser-gfm (~> 1.0)
26 |       liquid (~> 4.0)
27 |       mercenary (~> 0.4.0)
28 |       pathutil (~> 0.9)
29 |       rouge (~> 3.0)
30 |       safe_yaml (~> 1.0)
31 |       terminal-table (~> 2.0)
32 |     jekyll-feed (0.16.0)
33 |       jekyll (>= 3.7, < 5.0)
34 |     jekyll-sass-converter (2.2.0)
35 |       sassc (> 2.0.1, < 3.0)
36 |     jekyll-seo-tag (2.8.0)
37 |       jekyll (>= 3.8, < 5.0)
38 |     jekyll-watch (2.2.1)
39 |       listen (~> 3.0)
40 |     kramdown (2.4.0)
41 |       rexml
42 |     kramdown-parser-gfm (1.1.0)
43 |       kramdown (~> 2.0)
44 |     liquid (4.0.3)
45 |     listen (3.7.1)
46 |       rb-fsevent (~> 0.10, >= 0.10.3)
47 |       rb-inotify (~> 0.9, >= 0.9.10)
48 |     mercenary (0.4.0)
49 |     minima (2.5.1)
50 |       jekyll (>= 3.5, < 5.0)
51 |       jekyll-feed (~> 0.9)
52 |       jekyll-seo-tag (~> 2.1)
53 |     pathutil (0.16.2)
54 |       forwardable-extended (~> 2.6)
55 |     public_suffix (4.0.7)
56 |     rb-fsevent (0.11.1)
57 |     rb-inotify (0.10.1)
58 |       ffi (~> 1.0)
59 |     rexml (3.2.5)
60 |     rouge (3.29.0)
61 |     safe_yaml (1.0.5)
62 |     sassc (2.4.0)
63 |       ffi (~> 1.9)
64 |     terminal-table (2.0.0)
65 |       unicode-display_width (~> 1.1, >= 1.1.1)
66 |     unicode-display_width (1.8.0)
67 |     webrick (1.7.0)
68 | 
69 | PLATFORMS
70 |   ruby
71 | 
72 | DEPENDENCIES
73 |   jekyll (= 4.2.2)
74 |   minima
75 |   webrick
76 | 
77 | RUBY VERSION
78 |    ruby 3.1.2p20
79 | 
80 | BUNDLED WITH
81 |    2.3.16
82 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2016 Henrique Ferrolho
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Magnet Player
 2 | 
 3 | **Magnet Player** is a site where anyone can stream torrents directly from their browser.
 4 | 
 5 | It uses **[WebTorrent](https://webtorrent.io/)** - the first torrent client that works in the browser. **WebTorrent** uses **[WebRTC](https://webrtc.org/)** for true peer-to-peer transport. No browser plugin, extension, or installation is required.
 6 | 
 7 | ---
 8 | 
 9 | ### Note
10 | 
11 | *In the browser, WebTorrent can only download torrents that are seeded by a WebRTC-capable torrent client.*
12 | 
13 | > What does that mean?
14 | 
15 | It means that, for now, not every torrent will work on this site.
16 | 
17 | > Why??
18 | 
19 | Because most people use native torrent clients like *BitTorrent*, *Transmission*, *μTorrent*, etc. which do not use the [WebRTC](https://en.wikipedia.org/wiki/WebRTC) transport protocol, but the [TCP](https://en.wikipedia.org/wiki/Transmission_Control_Protocol)/[uTP](https://en.wikipedia.org/wiki/Micro_Transport_Protocol).
20 | 
21 | > Will I be able to stream more torrents in the future?
22 | 
23 | **Yes!** It is just a matter of time until developers add WebTorrent support for the most popular native torrent clients. **[Vuze](http://www.vuze.com/)** [already has support](https://wiki.vuze.com/w/WebTorrent) for WebTorrent!
24 | 
25 | You can subscribe to [this issue](https://github.com/feross/webtorrent/issues/369) for updates on this matter.
26 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
 1 | # Welcome to Jekyll!
 2 | #
 3 | # This config file is meant for settings that affect your whole blog, values
 4 | # which you are expected to set up once and rarely edit after that. If you find
 5 | # yourself editing these this file very often, consider using Jekyll's data files
 6 | # feature for the data you need to update frequently.
 7 | #
 8 | # For technical reasons, this file is *NOT* reloaded automatically when you use
 9 | # 'jekyll serve'. If you change this file, please restart the server process.
10 | 
11 | # Site settings
12 | # These are used to personalize your new site. If you look in the HTML files,
13 | # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
14 | # You can create any custom variable you would like, and they will be accessible
15 | # in the templates via {{ site.myvariable }}.
16 | title: Magnet Player
17 | author: Henrique Ferrolho
18 | email: henrique.ferrolho@gmail.com
19 | description: > # this means to ignore newlines until "baseurl:"
20 |   A place for streaming torrents directly from your browser.
21 | baseurl: "/magnet-player" # the subpath of your site, e.g. /blog
22 | url: "http://ferrolho.github.io" # the base hostname & protocol for your site
23 | twitter_username: hferrolho
24 | github_username:  ferrolho
25 | 
26 | # Build settings
27 | markdown: kramdown
28 | theme: minima
29 | 


--------------------------------------------------------------------------------
/_includes/disqus_comments.html:
--------------------------------------------------------------------------------
 1 | {% if page.comments != false and jekyll.environment == "production" %}
 2 |   {% if site.url %}
 3 |     {% assign disqus_url = page.url | prepend: site.url %}
 4 |   {% elsif site.github.url %}
 5 |     {% assign disqus_url = page.url | prepend: site.github.url %}
 6 |   {% endif %}
 7 | 
 8 |   <div id="disqus_thread"></div>
 9 |   <script>
10 |     var disqus_config = function () {
11 |       this.page.url = '{{ disqus_url }}';
12 |       this.page.identifier = '{{ disqus_url }}';
13 |     };
14 | 
15 |     (function() {
16 |       var d = document, s = d.createElement('script');
17 | 
18 |       s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
19 | 
20 |       s.setAttribute('data-timestamp', +new Date());
21 |       (d.head || d.body).appendChild(s);
22 |     })();
23 |   </script>
24 |   <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
25 | {% endif %}
26 | 


--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
 1 | <footer class="site-footer">
 2 | 
 3 |   <div class="wrapper">
 4 | 
 5 |     <h2 class="footer-heading">{{ site.title | escape }}</h2>
 6 | 
 7 |     <div class="footer-col-wrapper">
 8 |       <div class="footer-col footer-col-1">
 9 |         <ul class="contact-list">
10 |           <li>
11 |             {% if site.author %}
12 |               © {{ 'now' | date: "%Y" }} {{ site.author | escape }}
13 |             {% else %}
14 |               {{ site.title | escape }}
15 |             {% endif %}
16 |             </li>
17 |           <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
18 |         </ul>
19 |       </div>
20 | 
21 |       <div class="footer-col footer-col-2">
22 |         <ul class="social-media-list">
23 |           {% if site.github_username %}
24 |           <li>
25 |             {% include icon-github.html username=site.github_username %}
26 |           </li>
27 |           {% endif %}
28 | 
29 |           {% if site.twitter_username %}
30 |           <li>
31 |             {% include icon-twitter.html username=site.twitter_username %}
32 |           </li>
33 |           {% endif %}
34 |         </ul>
35 |       </div>
36 | 
37 |       <div class="footer-col footer-col-3">
38 |         <p>{{ site.description | escape }}</p>
39 |       </div>
40 |     </div>
41 | 
42 |     <p><small>Powered by <a href="http://webtorrent.io" target="_blank">WebTorrent</a>. Works in Chrome, Firefox, and Opera. Source code available on <a href="https://github.com/ferrolho/magnet-player" target="_blank">GitHub</a>, 100% open source, free software.</small></p>
43 | 
44 |   </div>
45 | 
46 | </footer>
47 | 


--------------------------------------------------------------------------------
/_includes/google-analytics.html:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 3 |   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 4 |   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 5 |   })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 6 | 
 7 |   ga('create', '{{ site.google_analytics }}', 'auto');
 8 |   ga('send', 'pageview');
 9 | 
10 | </script>
11 |   
12 | 


--------------------------------------------------------------------------------
/_includes/head.html:
--------------------------------------------------------------------------------
 1 | <head>
 2 | 	<meta charset="utf-8">
 3 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 4 | 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 5 | 	<meta name="theme-color" content="#bf1717">
 6 | 
 7 | 	<meta property="og:image" content="{{ site.url }}{{ site.baseurl }}/assets/thumbnail.png">
 8 | 
 9 | 	<link rel="icon" href="{{ site.baseurl }}/favicon.png" type="image/png">
10 | 
11 | 	<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
12 | 	<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
13 | 
14 | 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Asap:400,700">
15 | 
16 | 	<!-- GitHub Corner - https://github.com/simonwhitaker/github-fork-ribbon-css -->
17 | 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" />
18 | 
19 | 	<link rel="stylesheet" href="https://rawgit.com/TimPietrusky/KudosPlease/master/css/kudosplease.css">
20 | 
21 | 	<link rel="stylesheet" href="{{ "/css/bootstrap.css" | prepend: site.baseurl }}">
22 | 	<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
23 | 	<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl }}">
24 | 	<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | prepend: site.baseurl }}">
25 | 
26 | 	{% if jekyll.environment == 'production' and site.google_analytics %}
27 | 	{% include google-analytics.html %}
28 | 	{% endif %}
29 | </head>
30 | 


--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
 1 | <!-- GitHub Corner - https://github.com/simonwhitaker/github-fork-ribbon-css -->
 2 | <a class="github-fork-ribbon" href="https://github.com/ferrolho/magnet-player/" title="Fork me on GitHub">Fork me on GitHub</a>
 3 | 
 4 | <header class="site-header" role="banner">
 5 | 
 6 | 	<div class="wrapper">
 7 | 
 8 | 		{% assign custom_url = site.url | append: site.baseurl %}
 9 | 		{% assign full_base_url = site.github.url | default: custom_url %}
10 | 		<a class="site-title" href="{{ site.baseurl }}/">{{ site.title | escape }}</a>
11 | 
12 | 		<nav class="site-nav">
13 | 			<a href="#" class="menu-icon">
14 | 				<svg viewBox="0 0 18 15" width="18px" height="15px">
15 | 					<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
16 | 					<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
17 | 					<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
18 | 				</svg>
19 | 			</a>
20 | 
21 | 			<div class="trigger">
22 | 				{% for my_page in site.pages %}
23 | 				{% if my_page.title %}
24 | 				<a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title | escape }}</a>
25 | 				{% endif %}
26 | 				{% endfor %}
27 | 			</div>
28 | 		</nav>
29 | 
30 | 	</div>
31 | 
32 | </header>
33 | 


--------------------------------------------------------------------------------
/_includes/icon-github.html:
--------------------------------------------------------------------------------
1 | <a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
2 | 


--------------------------------------------------------------------------------
/_includes/icon-github.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
2 | 


--------------------------------------------------------------------------------
/_includes/icon-twitter.html:
--------------------------------------------------------------------------------
1 | <a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
2 | 


--------------------------------------------------------------------------------
/_includes/icon-twitter.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
2 | 


--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{ page.lang | default: site.lang | default: "en" }}">
 3 | 
 4 | {% include head.html %}
 5 | 
 6 | <body>
 7 | 
 8 | 	{% include header.html %}
 9 | 
10 | 	<main class="page-content" aria-label="Content">
11 | 		<div class="wrapper">
12 | 			{{ content }}
13 | 		</div>
14 | 	</main>
15 | 
16 | 	{% include footer.html %}
17 | 
18 | 
19 | 	<!-- jQuery -->
20 | 	<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
21 | 
22 | 	<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
23 | 
24 | 	<!-- clipboard.js -->
25 | 	<script src="{{ site.baseurl }}/js/clipboard.min.js"></script>
26 | 
27 | 	<!-- kudosplease-min.js -->
28 | 	<script src="{{ site.baseurl }}/js/kudosplease-min.js"></script>
29 | 
30 | 	<!-- Include the latest version of WebTorrent -->
31 | 	<script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
32 | 
33 | 	<!-- `browserify main.js -o bundle.js` -->
34 | 	<script src="{{ site.baseurl }}/js/bundle.js"></script>
35 | 
36 | </body>
37 | 
38 | </html>
39 | 


--------------------------------------------------------------------------------
/_layouts/page.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | 
 5 | <article class="post">
 6 | 
 7 | 	<header class="post-header">
 8 | 		<h1 class="post-title">{{ page.title | escape }}</h1>
 9 | 	</header>
10 | 
11 | 	<div class="post-content">
12 | 		{{ content }}
13 | 	</div>
14 | 
15 | </article>
16 | 


--------------------------------------------------------------------------------
/_sass/minima/_base.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 | * Reset some basic elements
  3 | */
  4 | body, h1, h2, h3, h4, h5, h6,
  5 | p, blockquote, pre, hr,
  6 | dl, dd, ol, ul, figure {
  7 |     margin: 0;
  8 |     padding: 0;
  9 | }
 10 | 
 11 | 
 12 | 
 13 | /**
 14 | * Basic styling
 15 | */
 16 | body {
 17 |     font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
 18 |     color: $text-color;
 19 |     background-color: $background-color;
 20 |     -webkit-text-size-adjust: 100%;
 21 |     -webkit-font-feature-settings: "kern" 1;
 22 |     -moz-font-feature-settings: "kern" 1;
 23 |     -o-font-feature-settings: "kern" 1;
 24 |     font-feature-settings: "kern" 1;
 25 |     font-kerning: normal;
 26 |     overflow-x: hidden;
 27 | }
 28 | 
 29 | 
 30 | 
 31 | /**
 32 | * Set `margin-bottom` to maintain vertical rhythm
 33 | */
 34 | h1, h2, h3, h4, h5, h6,
 35 | p, blockquote, pre,
 36 | ul, ol, dl, figure,
 37 | %vertical-rhythm {
 38 |     margin-bottom: $spacing-unit / 2;
 39 | }
 40 | 
 41 | hr {
 42 |     background-image: linear-gradient(to right, rgba(51, 77, 92, 0), rgba(51, 77, 92, 0.75), rgba(51, 77, 92, 0));
 43 |     border: 0;
 44 |     height: 1px;
 45 |     margin: 5% 0;
 46 | }
 47 | 
 48 | 
 49 | 
 50 | /**
 51 | * Images
 52 | */
 53 | img {
 54 |     max-width: 100%;
 55 |     vertical-align: middle;
 56 | }
 57 | 
 58 | 
 59 | 
 60 | /**
 61 | * Figures
 62 | */
 63 | figure > img {
 64 |     display: block;
 65 | }
 66 | 
 67 | figcaption {
 68 |     font-size: $small-font-size;
 69 | }
 70 | 
 71 | 
 72 | 
 73 | /**
 74 | * Lists
 75 | */
 76 | ul, ol {
 77 |     margin-left: $spacing-unit;
 78 | }
 79 | 
 80 | li {
 81 |     > ul,
 82 |     > ol {
 83 |        margin-bottom: 0;
 84 |    }
 85 | }
 86 | 
 87 | 
 88 | 
 89 | /**
 90 | * Headings
 91 | */
 92 | h1, h2, h3, h4, h5, h6 {
 93 |     font-weight: $base-font-weight;
 94 | }
 95 | 
 96 | 
 97 | 
 98 | /**
 99 | * Links
100 | */
101 | a {
102 |     color: $brand-color;
103 |     text-decoration: none;
104 | 
105 |     &:visited {
106 |         color: darken($brand-color, 15%);
107 |     }
108 | 
109 |     &:hover {
110 |         color: $text-color;
111 |         text-decoration: underline;
112 |     }
113 | }
114 | 
115 | 
116 | 
117 | /**
118 | * Blockquotes
119 | */
120 | blockquote {
121 |     color: $blue;
122 |     border-left: 4px solid $yellow-1;
123 |     padding-left: $spacing-unit / 2;
124 |     font-size: 18px;
125 |     letter-spacing: -1px;
126 |     font-style: italic;
127 | 
128 |     > :last-child {
129 |         margin-bottom: 0;
130 |     }
131 | }
132 | 
133 | 
134 | 
135 | /**
136 | * Code formatting
137 | */
138 | pre,
139 | code {
140 |     font-size: 15px;
141 |     border: 1px solid $blue;
142 |     border-radius: 3px;
143 |     background-color: $white;
144 | }
145 | 
146 | code {
147 |     padding: 1px 5px;
148 | }
149 | 
150 | pre {
151 |     padding: 8px 12px;
152 |     overflow-x: auto;
153 | 
154 |     > code {
155 |         border: 0;
156 |         padding-right: 0;
157 |         padding-left: 0;
158 |     }
159 | }
160 | 
161 | 
162 | 
163 | /**
164 | * Wrapper
165 | */
166 | .wrapper {
167 |     max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
168 |     max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
169 |     margin-right: auto;
170 |     margin-left: auto;
171 |     padding-right: $spacing-unit;
172 |     padding-left: $spacing-unit;
173 |     @extend %clearfix;
174 | 
175 |     @include media-query($on-laptop) {
176 |         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
177 |         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
178 |         padding-right: $spacing-unit / 2;
179 |         padding-left: $spacing-unit / 2;
180 |     }
181 | }
182 | 
183 | 
184 | 
185 | /**
186 | * Clearfix
187 | */
188 | %clearfix:after {
189 |     content: "";
190 |     display: table;
191 |     clear: both;
192 | }
193 | 
194 | 
195 | 
196 | /**
197 | * Icons
198 | */
199 | .icon > svg {
200 |     display: inline-block;
201 |     vertical-align: middle;
202 | 
203 |     path {
204 |         fill: $blue;
205 |     }
206 | }
207 | 


--------------------------------------------------------------------------------
/_sass/minima/_layout.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 | * Site header
  3 | */
  4 | .site-header {
  5 |     background-color: $blue;
  6 |     border-top: 5px solid $red-2;
  7 |     border-bottom: 1px solid $yellow-4;
  8 |     min-height: 56px;
  9 | 
 10 |     // Positioning context for the mobile navigation icon
 11 |     position: relative;
 12 | }
 13 | 
 14 | .site-title {
 15 |     font-size: 26px;
 16 |     font-weight: 300;
 17 |     line-height: 56px;
 18 |     letter-spacing: -1px;
 19 |     margin-bottom: 0;
 20 |     float: left;
 21 | 
 22 |     &,
 23 |     &:visited {
 24 |         color: $white;
 25 |     }
 26 | }
 27 | 
 28 | .site-nav {
 29 |     float: right;
 30 |     line-height: 56px;
 31 | 
 32 |     .menu-icon {
 33 |         display: none;
 34 |     }
 35 | 
 36 |     .page-link {
 37 |         color: $white;
 38 |         line-height: $base-line-height;
 39 | 
 40 |         // Gaps between nav items, but not on the last one
 41 |         &:not(:last-child) {
 42 |             margin-right: 20px;
 43 |         }
 44 |     }
 45 | 
 46 |     @include media-query($on-palm) {
 47 |         position: absolute;
 48 |         top: 9px;
 49 |         right: $spacing-unit / 2;
 50 |         background-color: $background-color;
 51 |         border: 1px solid $blue;
 52 |         border-radius: 5px;
 53 |         text-align: right;
 54 | 
 55 |         .menu-icon {
 56 |             display: block;
 57 |             float: right;
 58 |             width: 36px;
 59 |             height: 26px;
 60 |             line-height: 0;
 61 |             padding-top: 10px;
 62 |             text-align: center;
 63 | 
 64 |             > svg path {
 65 |                 fill: $blue;
 66 |             }
 67 |         }
 68 | 
 69 |         .trigger {
 70 |             clear: both;
 71 |             display: none;
 72 |         }
 73 | 
 74 |         &:hover .trigger {
 75 |             display: block;
 76 |             padding-bottom: 5px;
 77 |         }
 78 | 
 79 |         .page-link {
 80 |             color: $blue;
 81 |             display: block;
 82 |             padding: 5px 10px;
 83 | 
 84 |             &:not(:last-child) {
 85 |                 margin-right: 0;
 86 |             }
 87 |             margin-left: 20px;
 88 |         }
 89 |     }
 90 | }
 91 | 
 92 | 
 93 | 
 94 | /**
 95 | * Site footer
 96 | */
 97 | .site-footer {
 98 |     border-top: 1px solid $yellow-4;
 99 |     padding: $spacing-unit 0;
100 | }
101 | 
102 | .footer-heading {
103 |     font-size: 18px;
104 |     margin-bottom: $spacing-unit / 2;
105 | }
106 | 
107 | .contact-list,
108 | .social-media-list {
109 |     list-style: none;
110 |     margin-left: 0;
111 | }
112 | 
113 | .footer-col-wrapper {
114 |     font-size: 15px;
115 |     color: $blue;
116 |     margin-left: -$spacing-unit / 2;
117 |     @extend %clearfix;
118 | }
119 | 
120 | .footer-col {
121 |     float: left;
122 |     margin-bottom: $spacing-unit / 2;
123 |     padding-left: $spacing-unit / 2;
124 | }
125 | 
126 | .footer-col-1 {
127 |     width: -webkit-calc(35% - (#{$spacing-unit} / 2));
128 |     width:         calc(35% - (#{$spacing-unit} / 2));
129 | }
130 | 
131 | .footer-col-2 {
132 |     width: -webkit-calc(20% - (#{$spacing-unit} / 2));
133 |     width:         calc(20% - (#{$spacing-unit} / 2));
134 | }
135 | 
136 | .footer-col-3 {
137 |     width: -webkit-calc(45% - (#{$spacing-unit} / 2));
138 |     width:         calc(45% - (#{$spacing-unit} / 2));
139 | }
140 | 
141 | @include media-query($on-laptop) {
142 |     .footer-col-1,
143 |     .footer-col-2 {
144 |         width: -webkit-calc(50% - (#{$spacing-unit} / 2));
145 |         width:         calc(50% - (#{$spacing-unit} / 2));
146 |     }
147 | 
148 |     .footer-col-3 {
149 |         width: -webkit-calc(100% - (#{$spacing-unit} / 2));
150 |         width:         calc(100% - (#{$spacing-unit} / 2));
151 |     }
152 | }
153 | 
154 | @include media-query($on-palm) {
155 |     .footer-col {
156 |         float: none;
157 |         width: -webkit-calc(100% - (#{$spacing-unit} / 2));
158 |         width:         calc(100% - (#{$spacing-unit} / 2));
159 |     }
160 | }
161 | 
162 | 
163 | 
164 | /**
165 | * Page content
166 | */
167 | .page-content {
168 |     padding: $spacing-unit 0;
169 | }
170 | 
171 | .page-heading {
172 |     font-size: 20px;
173 | }
174 | 
175 | .post-list {
176 |     margin-left: 0;
177 |     list-style: none;
178 | 
179 |     > li {
180 |         margin-bottom: $spacing-unit;
181 |     }
182 | }
183 | 
184 | .post-meta {
185 |     font-size: $small-font-size;
186 |     color: $blue;
187 | }
188 | 
189 | .post-link {
190 |     display: block;
191 |     font-size: 24px;
192 | }
193 | 
194 | 
195 | 
196 | /**
197 | * Custom
198 | */
199 | .github-fork-ribbon {
200 |     &:before {
201 |         background-color: $red-1;
202 |     }
203 | 
204 |     @include media-query($on-palm) {
205 |         display: none;
206 |     }
207 | }
208 | 
209 | #home-banner {
210 |     text-align: center;
211 | }
212 | 
213 | #home-logo {
214 |     margin-bottom: 4%;
215 |     width: 30%;
216 | }
217 | 
218 | 
219 | 
220 | /**
221 | * Inputs
222 | */
223 | 
224 | input {
225 |     outline: none;
226 | }
227 | 
228 | #magnet-input {
229 |     margin-bottom: $spacing-unit / 2;
230 |     text-align: center;
231 | 
232 |     input,
233 |     button {
234 |         border: 1px solid $red-2;
235 |     }
236 | 
237 |     input {
238 |         padding: 12px;
239 |     }
240 | 
241 |     button {
242 |         background-color: $red-1;
243 |         color: $yellow-1;
244 |         padding: 12px 20px;
245 |         margin-left: -1px;
246 |     }
247 | }
248 | 
249 | 
250 | 
251 | /**
252 | * Clipboard.js
253 | */
254 | .clippy {
255 |     margin-top: -4px;
256 |     width: 15px;
257 | }
258 | 
259 | #share-clipboard {
260 |     p {
261 |         margin-bottom: 0;
262 |     }
263 | 
264 |     input,
265 |     button {
266 |         background-color: $white;
267 |         border: 1px solid $blue;
268 |         padding: 8px;
269 |     }
270 | 
271 |     button {
272 |         background-color: $yellow-1;
273 |         margin-left: -1px;
274 |     }
275 | }
276 | 


--------------------------------------------------------------------------------
/_sass/minima/_syntax-highlighting.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Syntax highlighting styles
 3 |  */
 4 | .highlight {
 5 |     background: #fff;
 6 |     @extend %vertical-rhythm;
 7 | 
 8 |     .highlighter-rouge & {
 9 |       background: #eef;
10 |     }
11 | 
12 |     .c     { color: #998; font-style: italic } // Comment
13 |     .err   { color: #a61717; background-color: #e3d2d2 } // Error
14 |     .k     { font-weight: bold } // Keyword
15 |     .o     { font-weight: bold } // Operator
16 |     .cm    { color: #998; font-style: italic } // Comment.Multiline
17 |     .cp    { color: #999; font-weight: bold } // Comment.Preproc
18 |     .c1    { color: #998; font-style: italic } // Comment.Single
19 |     .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20 |     .gd    { color: #000; background-color: #fdd } // Generic.Deleted
21 |     .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22 |     .ge    { font-style: italic } // Generic.Emph
23 |     .gr    { color: #a00 } // Generic.Error
24 |     .gh    { color: #999 } // Generic.Heading
25 |     .gi    { color: #000; background-color: #dfd } // Generic.Inserted
26 |     .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27 |     .go    { color: #888 } // Generic.Output
28 |     .gp    { color: #555 } // Generic.Prompt
29 |     .gs    { font-weight: bold } // Generic.Strong
30 |     .gu    { color: #aaa } // Generic.Subheading
31 |     .gt    { color: #a00 } // Generic.Traceback
32 |     .kc    { font-weight: bold } // Keyword.Constant
33 |     .kd    { font-weight: bold } // Keyword.Declaration
34 |     .kp    { font-weight: bold } // Keyword.Pseudo
35 |     .kr    { font-weight: bold } // Keyword.Reserved
36 |     .kt    { color: #458; font-weight: bold } // Keyword.Type
37 |     .m     { color: #099 } // Literal.Number
38 |     .s     { color: #d14 } // Literal.String
39 |     .na    { color: #008080 } // Name.Attribute
40 |     .nb    { color: #0086B3 } // Name.Builtin
41 |     .nc    { color: #458; font-weight: bold } // Name.Class
42 |     .no    { color: #008080 } // Name.Constant
43 |     .ni    { color: #800080 } // Name.Entity
44 |     .ne    { color: #900; font-weight: bold } // Name.Exception
45 |     .nf    { color: #900; font-weight: bold } // Name.Function
46 |     .nn    { color: #555 } // Name.Namespace
47 |     .nt    { color: #000080 } // Name.Tag
48 |     .nv    { color: #008080 } // Name.Variable
49 |     .ow    { font-weight: bold } // Operator.Word
50 |     .w     { color: #bbb } // Text.Whitespace
51 |     .mf    { color: #099 } // Literal.Number.Float
52 |     .mh    { color: #099 } // Literal.Number.Hex
53 |     .mi    { color: #099 } // Literal.Number.Integer
54 |     .mo    { color: #099 } // Literal.Number.Oct
55 |     .sb    { color: #d14 } // Literal.String.Backtick
56 |     .sc    { color: #d14 } // Literal.String.Char
57 |     .sd    { color: #d14 } // Literal.String.Doc
58 |     .s2    { color: #d14 } // Literal.String.Double
59 |     .se    { color: #d14 } // Literal.String.Escape
60 |     .sh    { color: #d14 } // Literal.String.Heredoc
61 |     .si    { color: #d14 } // Literal.String.Interpol
62 |     .sx    { color: #d14 } // Literal.String.Other
63 |     .sr    { color: #009926 } // Literal.String.Regex
64 |     .s1    { color: #d14 } // Literal.String.Single
65 |     .ss    { color: #990073 } // Literal.String.Symbol
66 |     .bp    { color: #999 } // Name.Builtin.Pseudo
67 |     .vc    { color: #008080 } // Name.Variable.Class
68 |     .vg    { color: #008080 } // Name.Variable.Global
69 |     .vi    { color: #008080 } // Name.Variable.Instance
70 |     .il    { color: #099 } // Literal.Number.Integer.Long
71 | }
72 | 


--------------------------------------------------------------------------------
/_sass/player.scss:
--------------------------------------------------------------------------------
 1 | #hero {
 2 | 	background-color: $blue;
 3 | 	display: none;
 4 | 	text-align: center;
 5 | }
 6 | 
 7 | #output video {
 8 | 	width: 100%;
 9 | }
10 | 
11 | #progressBar {
12 | 	height: 5px;
13 | 	width: 0%;
14 | 	background-color: $red-1;
15 | 	transition: width .4s ease-in-out;
16 | }
17 | 
18 | #status {
19 | 	color: $white;
20 | 	padding: $spacing-unit / 2;
21 | 
22 | 	> div {
23 | 		margin-bottom: $spacing-unit / 2;
24 | 	}
25 | 
26 | 	> div:first-child {
27 | 		overflow-x: auto;
28 | 	}
29 | 
30 | 	.tooltip {
31 | 		margin: initial;
32 | 	}
33 | }
34 | 
35 | #status code {
36 | 	color: $blue;
37 | }
38 | 
39 | body.is-seed .show-seed {
40 | 	display: inline;
41 | }
42 | 
43 | body.is-seed .show-leech {
44 | 	display: none;
45 | }
46 | 
47 | .show-seed {
48 | 	display: none;
49 | }
50 | 
51 | .is-seed #hero {
52 | 	transition: .5s .5s background-color ease-in-out;
53 | }
54 | 


--------------------------------------------------------------------------------
/about.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | title: About
 4 | permalink: /about/
 5 | ---
 6 | 
 7 | **Magnet Player** is a site where anyone can stream torrents directly from their browser.
 8 | 
 9 | It uses **[WebTorrent](https://webtorrent.io/)** - the first torrent client that works in the browser. **WebTorrent** uses **[WebRTC](https://webrtc.org/)** for true peer-to-peer transport. No browser plugin, extension, or installation is required.
10 | 
11 | ---
12 | 
13 | ### Note
14 | 
15 | *In the browser, WebTorrent can only download torrents that are seeded by a WebRTC-capable torrent client.*
16 | 
17 | > What does that mean?
18 | 
19 | It means that, for now, not every torrent will work on this site.
20 | 
21 | > Why??
22 | 
23 | Because most people use native torrent clients like *BitTorrent*, *Transmission*, *μTorrent*, etc. which do not use the [WebRTC](https://en.wikipedia.org/wiki/WebRTC) transport protocol, but the [TCP](https://en.wikipedia.org/wiki/Transmission_Control_Protocol)/[uTP](https://en.wikipedia.org/wiki/Micro_Transport_Protocol).
24 | 
25 | > Will I be able to stream more torrents in the future?
26 | 
27 | **Yes!** It is just a matter of time until developers add WebTorrent support for the most popular native torrent clients. **[Vuze](http://www.vuze.com/)** [already has support](https://wiki.vuze.com/w/WebTorrent) for WebTorrent!
28 | 
29 | You can subscribe to [this issue](https://github.com/feross/webtorrent/issues/369) for updates on this matter.
30 | 


--------------------------------------------------------------------------------
/assets/clippy.svg:
--------------------------------------------------------------------------------
1 | <svg height="1024" width="896" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/assets/logo.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    version="1.1"
 13 |    id="Layer_1"
 14 |    x="0px"
 15 |    y="0px"
 16 |    viewBox="0 0 509.287 509.287"
 17 |    style="enable-background:new 0 0 509.287 509.287;"
 18 |    xml:space="preserve"
 19 |    inkscape:version="0.91 r13725"
 20 |    sodipodi:docname="logo.svg"
 21 |    inkscape:export-filename="/home/henrique/git/magnet-player/assets/logo.svg.png"
 22 |    inkscape:export-xdpi="90"
 23 |    inkscape:export-ydpi="90"><metadata
 24 |      id="metadata4356"><rdf:RDF><cc:Work
 25 |          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
 26 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
 27 |      id="defs4354" /><sodipodi:namedview
 28 |      pagecolor="#ffffff"
 29 |      bordercolor="#666666"
 30 |      borderopacity="1"
 31 |      objecttolerance="10"
 32 |      gridtolerance="10"
 33 |      guidetolerance="10"
 34 |      inkscape:pageopacity="0"
 35 |      inkscape:pageshadow="2"
 36 |      inkscape:window-width="3102"
 37 |      inkscape:window-height="1752"
 38 |      id="namedview4352"
 39 |      showgrid="false"
 40 |      inkscape:zoom="2.6213464"
 41 |      inkscape:cx="266.73418"
 42 |      inkscape:cy="244.40343"
 43 |      inkscape:window-x="98"
 44 |      inkscape:window-y="48"
 45 |      inkscape:window-maximized="1"
 46 |      inkscape:current-layer="Layer_1" /><circle
 47 |      style="fill:#334d5c;fill-opacity:1"
 48 |      cx="254.644"
 49 |      cy="254.644"
 50 |      r="254.644"
 51 |      id="circle4306" /><path
 52 |      style="fill:#edc92f;fill-opacity:1"
 53 |      d="m 399.89192,124.23239 -290.49684,0 c -5.91511,0 -10.735067,4.81996 -10.735067,10.73507 l 0,239.01308 c 0,5.91511 4.819957,10.73507 10.735067,10.73507 l 290.49684,0 c 5.91511,0 10.73507,-4.81996 10.73507,-10.73507 l 0,-239.01308 c 0,-5.91511 -4.81996,-10.73507 -10.73507,-10.73507 z"
 54 |      id="path4308"
 55 |      inkscape:connector-curvature="0" /><rect
 56 |      x="118.37727"
 57 |      y="143.29254"
 58 |      style="fill:#e5ddd7;fill-opacity:1"
 59 |      width="272.31345"
 60 |      height="192.13091"
 61 |      id="rect4310" /><path
 62 |      style="fill:#f9e595;fill-opacity:1"
 63 |      d="m 386.52848,355.14006 -209.00012,0 0,8.76315 208.99948,0 c 2.40998,0 4.38125,-1.97191 4.38125,-4.38125 0,-2.40933 -1.97127,-4.3819 -4.38061,-4.3819 z"
 64 |      id="path4312"
 65 |      inkscape:connector-curvature="0" /><path
 66 |      style="fill:#ea4949;fill-opacity:1"
 67 |      d="m 122.75916,355.14006 c -2.40998,0 -4.38125,1.97192 -4.38125,4.38126 0,2.40933 1.97192,4.38125 4.38125,4.38125 l 54.55017,0 0,-8.76316 -54.55017,0 z"
 68 |      id="path4314"
 69 |      inkscape:connector-curvature="0" /><path
 70 |      style="fill:#bf1717;fill-opacity:1"
 71 |      d="m 178.40449,350.53978 c -1.97193,0 -3.50514,1.53386 -3.50514,3.50513 l 0,10.9541 c 0,1.97192 1.53386,3.50513 3.50514,3.50513 1.97127,0 3.50512,-1.53386 3.50512,-3.50513 l 0,-10.9541 c 6.5e-4,-1.97191 -1.53321,-3.50513 -3.50512,-3.50513 z"
 72 |      id="path4316"
 73 |      inkscape:connector-curvature="0" /><g
 74 |      id="g4322" /><g
 75 |      id="g4324" /><g
 76 |      id="g4326" /><g
 77 |      id="g4328" /><g
 78 |      id="g4330" /><g
 79 |      id="g4332" /><g
 80 |      id="g4334" /><g
 81 |      id="g4336" /><g
 82 |      id="g4338" /><g
 83 |      id="g4340" /><g
 84 |      id="g4342" /><g
 85 |      id="g4344" /><g
 86 |      id="g4346" /><g
 87 |      id="g4348" /><g
 88 |      id="g4350" /><g
 89 |      id="g4179"
 90 |      transform="matrix(2.4085539,0,0,2.4085539,176.02131,168.79543)"><path
 91 |        id="path3"
 92 |        d="M 58,41 26,41 C 19.373,41 14,35.627 14,29 l 0,0 C 14,22.373 19.373,17 26,17 L 58,17 58,3 26,3 C 11.641,3 0,14.641 0,29 l 0,0 c 0,14.359 11.641,26 26,26 l 32,0 0,-14 z"
 93 |        style="fill:#334d5c;fill-opacity:1"
 94 |        inkscape:connector-curvature="0" /><rect
 95 |        id="rect5"
 96 |        height="14"
 97 |        width="4"
 98 |        style="fill:#edc92f;fill-opacity:1"
 99 |        y="3"
100 |        x="41" /><rect
101 |        id="rect7"
102 |        height="14"
103 |        width="4"
104 |        style="fill:#edc92f;fill-opacity:1"
105 |        y="41"
106 |        x="41" /><rect
107 |        id="rect9"
108 |        height="14"
109 |        width="12.969"
110 |        style="fill:#ea4949;fill-opacity:1"
111 |        y="41"
112 |        x="45.030998" /><rect
113 |        id="rect11"
114 |        height="14"
115 |        width="12.969"
116 |        style="fill:#ea4949;fill-opacity:1"
117 |        y="3"
118 |        x="45.030998" /><g
119 |        id="g13" /><g
120 |        id="g15" /><g
121 |        id="g17" /><g
122 |        id="g19" /><g
123 |        id="g21" /><g
124 |        id="g23" /><g
125 |        id="g25" /><g
126 |        id="g27" /><g
127 |        id="g29" /><g
128 |        id="g31" /><g
129 |        id="g33" /><g
130 |        id="g35" /><g
131 |        id="g37" /><g
132 |        id="g39" /><g
133 |        id="g41" /></g></svg>


--------------------------------------------------------------------------------
/assets/thumbnail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ferrolho/magnet-player/982f6c96a452ed8cc1e69d1113bc2a4a750309e8/assets/thumbnail.png


--------------------------------------------------------------------------------
/css/bootstrap.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
  3 |  * Copyright 2011-2016 Twitter, Inc.
  4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  5 |  */
  6 | 
  7 | /*!
  8 |  * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=da4a322ddaee8f2658555461739c3a29)
  9 |  * Config saved to config.json and https://gist.github.com/da4a322ddaee8f2658555461739c3a29
 10 |  */
 11 | /*!
 12 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
 13 |  * Copyright 2011-2016 Twitter, Inc.
 14 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 15 |  */
 16 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 17 | button,
 18 | html input[type="button"],
 19 | input[type="reset"],
 20 | input[type="submit"] {
 21 |   -webkit-appearance: button;
 22 |   cursor: pointer;
 23 | }
 24 | [role="button"] {
 25 |   cursor: pointer;
 26 | }
 27 | .tooltip {
 28 |   position: absolute;
 29 |   z-index: 1070;
 30 |   display: block;
 31 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 32 |   font-style: normal;
 33 |   font-weight: normal;
 34 |   letter-spacing: normal;
 35 |   line-break: auto;
 36 |   line-height: 1.42857143;
 37 |   text-align: left;
 38 |   text-align: start;
 39 |   text-decoration: none;
 40 |   text-shadow: none;
 41 |   text-transform: none;
 42 |   white-space: normal;
 43 |   word-break: normal;
 44 |   word-spacing: normal;
 45 |   word-wrap: normal;
 46 |   font-size: 12px;
 47 |   opacity: 0;
 48 |   filter: alpha(opacity=0);
 49 | }
 50 | .tooltip.in {
 51 |   opacity: 0.9;
 52 |   filter: alpha(opacity=90);
 53 | }
 54 | .tooltip.top {
 55 |   margin-top: -3px;
 56 |   padding: 5px 0;
 57 | }
 58 | .tooltip.right {
 59 |   margin-left: 3px;
 60 |   padding: 0 5px;
 61 | }
 62 | .tooltip.bottom {
 63 |   margin-top: 3px;
 64 |   padding: 5px 0;
 65 | }
 66 | .tooltip.left {
 67 |   margin-left: -3px;
 68 |   padding: 0 5px;
 69 | }
 70 | .tooltip-inner {
 71 |   max-width: 200px;
 72 |   padding: 3px 8px;
 73 |   color: #ffffff;
 74 |   text-align: center;
 75 |   background-color: #000000;
 76 |   border-radius: 4px;
 77 | }
 78 | .tooltip-arrow {
 79 |   position: absolute;
 80 |   width: 0;
 81 |   height: 0;
 82 |   border-color: transparent;
 83 |   border-style: solid;
 84 | }
 85 | .tooltip.top .tooltip-arrow {
 86 |   bottom: 0;
 87 |   left: 50%;
 88 |   margin-left: -5px;
 89 |   border-width: 5px 5px 0;
 90 |   border-top-color: #000000;
 91 | }
 92 | .tooltip.top-left .tooltip-arrow {
 93 |   bottom: 0;
 94 |   right: 5px;
 95 |   margin-bottom: -5px;
 96 |   border-width: 5px 5px 0;
 97 |   border-top-color: #000000;
 98 | }
 99 | .tooltip.top-right .tooltip-arrow {
100 |   bottom: 0;
101 |   left: 5px;
102 |   margin-bottom: -5px;
103 |   border-width: 5px 5px 0;
104 |   border-top-color: #000000;
105 | }
106 | .tooltip.right .tooltip-arrow {
107 |   top: 50%;
108 |   left: 0;
109 |   margin-top: -5px;
110 |   border-width: 5px 5px 5px 0;
111 |   border-right-color: #000000;
112 | }
113 | .tooltip.left .tooltip-arrow {
114 |   top: 50%;
115 |   right: 0;
116 |   margin-top: -5px;
117 |   border-width: 5px 0 5px 5px;
118 |   border-left-color: #000000;
119 | }
120 | .tooltip.bottom .tooltip-arrow {
121 |   top: 0;
122 |   left: 50%;
123 |   margin-left: -5px;
124 |   border-width: 0 5px 5px;
125 |   border-bottom-color: #000000;
126 | }
127 | .tooltip.bottom-left .tooltip-arrow {
128 |   top: 0;
129 |   right: 5px;
130 |   margin-top: -5px;
131 |   border-width: 0 5px 5px;
132 |   border-bottom-color: #000000;
133 | }
134 | .tooltip.bottom-right .tooltip-arrow {
135 |   top: 0;
136 |   left: 5px;
137 |   margin-top: -5px;
138 |   border-width: 0 5px 5px;
139 |   border-bottom-color: #000000;
140 | }
141 | .clearfix:before,
142 | .clearfix:after {
143 |   content: " ";
144 |   display: table;
145 | }
146 | .clearfix:after {
147 |   clear: both;
148 | }
149 | .center-block {
150 |   display: block;
151 |   margin-left: auto;
152 |   margin-right: auto;
153 | }
154 | .pull-right {
155 |   float: right !important;
156 | }
157 | .pull-left {
158 |   float: left !important;
159 | }
160 | .hide {
161 |   display: none !important;
162 | }
163 | .show {
164 |   display: block !important;
165 | }
166 | .invisible {
167 |   visibility: hidden;
168 | }
169 | .text-hide {
170 |   font: 0/0 a;
171 |   color: transparent;
172 |   text-shadow: none;
173 |   background-color: transparent;
174 |   border: 0;
175 | }
176 | .hidden {
177 |   display: none !important;
178 | }
179 | .affix {
180 |   position: fixed;
181 | }
182 | 


--------------------------------------------------------------------------------
/css/main.scss:
--------------------------------------------------------------------------------
 1 | ---
 2 | # Only the main Sass file needs front matter (the dashes are enough)
 3 | ---
 4 | @charset "utf-8";
 5 | 
 6 | // Define defaults for each variable.
 7 | $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
 8 | $base-font-size:   16px !default;
 9 | $base-font-weight: 400 !default;
10 | $small-font-size:  $base-font-size * 0.875 !default;
11 | $base-line-height: 1.5 !default;
12 | 
13 | $spacing-unit:     30px !default;
14 | 
15 | // theme colors (taken from the icon)
16 | $blue:     #334d5c;
17 | $white:    #e5ddd7;
18 | $red-1:    #ea4949;
19 | $red-2:    #bf1717;
20 | $yellow-1: #f9e595;
21 | $yellow-2: #efd35b;
22 | $yellow-3: #edc92f;
23 | $yellow-4: #e2ba13;
24 | 
25 | $text-color:       $blue    !default;
26 | $background-color: $yellow-2 !default;
27 | $brand-color:      $red-1    !default;
28 | 
29 | // Width of the content area
30 | $content-width:    800px !default;
31 | 
32 | $on-palm:          600px !default;
33 | $on-laptop:        800px !default;
34 | 
35 | // Use media queries like this:
36 | // @include media-query($on-palm) {
37 | //     .wrapper {
38 | //         padding-right: $spacing-unit / 2;
39 | //         padding-left: $spacing-unit / 2;
40 | //     }
41 | // }
42 | @mixin media-query($device) {
43 |     @media screen and (max-width: $device) {
44 |         @content;
45 |     }
46 | }
47 | 
48 | // Import partials.
49 | @import
50 |   "minima/base",
51 |   "minima/layout",
52 |   "minima/syntax-highlighting",
53 |   "player"
54 | ;
55 | 


--------------------------------------------------------------------------------
/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ferrolho/magnet-player/982f6c96a452ed8cc1e69d1113bc2a4a750309e8/favicon.png


--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: null
 3 | ---
 4 | <?xml version="1.0" encoding="UTF-8"?>
 5 | <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
 6 |   <channel>
 7 |     <title>{{ site.title | xml_escape }}</title>
 8 |     <description>{{ site.description | xml_escape }}</description>
 9 |     <link>{{ site.url }}{{ site.baseurl }}/</link>
10 |     <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
11 |     <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
12 |     <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
13 |     <generator>Jekyll v{{ jekyll.version }}</generator>
14 |     {% for post in site.posts limit:10 %}
15 |       <item>
16 |         <title>{{ post.title | xml_escape }}</title>
17 |         <description>{{ post.content | xml_escape }}</description>
18 |         <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
19 |         <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
20 |         <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
21 |         {% for tag in post.tags %}
22 |         <category>{{ tag | xml_escape }}</category>
23 |         {% endfor %}
24 |         {% for cat in post.categories %}
25 |         <category>{{ cat | xml_escape }}</category>
26 |         {% endfor %}
27 |       </item>
28 |     {% endfor %}
29 |   </channel>
30 | </rss>
31 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | 
 5 | <div id="home-banner">
 6 | 	<img id="home-logo" src="{{ site.baseurl }}/assets/logo.svg" alt="Magnet Player icon">
 7 | 
 8 | 	<h2>Stream torrents directly from your browser</h2>
 9 | </div>
10 | 
11 | <hr>
12 | 
13 | <form id="magnet-input">
14 | 	<input name="torrentId" placeholder="magnet:"><button type="submit">Play</button>
15 | </form>
16 | 
17 | <div id="hero">
18 | 	<div id="output">
19 | 		<div id="progressBar"></div>
20 | 		<!-- The video player will be added here -->
21 | 	</div>
22 | 
23 | 	<!-- Statistics -->
24 | 	<div id="status">
25 | 		<div>
26 | 			<span class="show-leech">Downloading </span>
27 | 			<span class="show-seed">Seeding </span>
28 | 			<code id="streamedFileName"></code>
29 | 			<span class="show-leech"> from </span>
30 | 			<span class="show-seed"> to </span>
31 | 			<code id="numPeers">0 peers</code>
32 | 		</div>
33 | 
34 | 		<div>
35 | 			<code id="downloaded"></code> of <code id="total"></code> - <span id="remaining"></span>
36 | 		</div>
37 | 
38 | 		<div>
39 | 			&#x2193; <code id="downloadSpeed">0 b/s</code> / <code id="uploadSpeed">0 b/s</code> &#x2191;
40 | 		</div>
41 | 
42 | 		<div id="share-clipboard">
43 | 			<p>Share this video:</p>
44 | 			<input id="share-url" type="text" readonly><button id="share-url-btn" class="btn" type="button" data-toggle="tooltip" title="Copy to clipboard" data-clipboard-target="#share-url"><img class="clippy" src="{{ site.baseurl }}/assets/clippy.svg" alt="Copy to clipboard"></button>
45 | 		</div>
46 | 	</div>
47 | </div>
48 | 
49 | <hr>
50 | 
51 | <blockquote>
52 | 	<p>What should I write in the input box above?</p>
53 | </blockquote>
54 | 
55 | <h4>Find a torrent you want to watch, then copy-paste one of the following into the input box:</h4>
56 | 
57 | <ul>
58 | 	<li>magnet uri (string)</li>
59 | 	<li>torrent file (buffer)</li>
60 | 	<li>info hash (hex string or buffer)</li>
61 | 	<li>parsed torrent (from parse-torrent)</li>
62 | 	<li>http/https url to a torrent file (string)</li>
63 | </ul>
64 | 
65 | <blockquote>
66 | 	<p>Can you give an example?</p>
67 | </blockquote>
68 | 
69 | <h4>Sure! Try <em>copy-pasting</em> this https url of a torrent to the input box:</h4>
70 | 
71 | <pre>https://webtorrent.io/torrents/sintel.torrent</pre>
72 | 
73 | <blockquote>
74 | 	<p>How can I say thanks?</p>
75 | </blockquote>
76 | 
77 | <div class="kudos" data-amount="0" data-url="https://ferrolho.github.io{{ site.baseurl }}"></div>
78 | 


--------------------------------------------------------------------------------
/js/bootstrap.min.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
 3 |  * Copyright 2011-2016 Twitter, Inc.
 4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 5 |  */
 6 | 
 7 | /*!
 8 |  * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=da4a322ddaee8f2658555461739c3a29)
 9 |  * Config saved to config.json and https://gist.github.com/da4a322ddaee8f2658555461739c3a29
10 |  */
11 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(t){"use strict";var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1==e[0]&&9==e[1]&&e[2]<1||e[0]>3)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4")}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var o=t(this),n=o.data("bs.tooltip"),s="object"==typeof e&&e;!n&&/destroy|hide/.test(e)||(n||o.data("bs.tooltip",n=new i(this,s)),"string"==typeof e&&n[e]())})}var i=function(t,e){this.type=null,this.options=null,this.enabled=null,this.timeout=null,this.hoverState=null,this.$element=null,this.inState=null,this.init("tooltip",t,e)};i.VERSION="3.3.7",i.TRANSITION_DURATION=150,i.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},i.prototype.init=function(e,i,o){if(this.enabled=!0,this.type=e,this.$element=t(i),this.options=this.getOptions(o),this.$viewport=this.options.viewport&&t(t.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var n=this.options.trigger.split(" "),s=n.length;s--;){var r=n[s];if("click"==r)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=r){var a="hover"==r?"mouseenter":"focusin",l="hover"==r?"mouseleave":"focusout";this.$element.on(a+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},i.prototype.getDefaults=function(){return i.DEFAULTS},i.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},i.prototype.getDelegateOptions=function(){var e={},i=this.getDefaults();return this._options&&t.each(this._options,function(t,o){i[t]!=o&&(e[t]=o)}),e},i.prototype.enter=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return i||(i=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,i)),e instanceof t.Event&&(i.inState["focusin"==e.type?"focus":"hover"]=!0),i.tip().hasClass("in")||"in"==i.hoverState?void(i.hoverState="in"):(clearTimeout(i.timeout),i.hoverState="in",i.options.delay&&i.options.delay.show?void(i.timeout=setTimeout(function(){"in"==i.hoverState&&i.show()},i.options.delay.show)):i.show())},i.prototype.isInStateTrue=function(){for(var t in this.inState)if(this.inState[t])return!0;return!1},i.prototype.leave=function(e){var i=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return i||(i=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,i)),e instanceof t.Event&&(i.inState["focusout"==e.type?"focus":"hover"]=!1),i.isInStateTrue()?void 0:(clearTimeout(i.timeout),i.hoverState="out",i.options.delay&&i.options.delay.hide?void(i.timeout=setTimeout(function(){"out"==i.hoverState&&i.hide()},i.options.delay.hide)):i.hide())},i.prototype.show=function(){var e=t.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(e);var o=t.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(e.isDefaultPrevented()||!o)return;var n=this,s=this.tip(),r=this.getUID(this.type);this.setContent(),s.attr("id",r),this.$element.attr("aria-describedby",r),this.options.animation&&s.addClass("fade");var a="function"==typeof this.options.placement?this.options.placement.call(this,s[0],this.$element[0]):this.options.placement,l=/\s?auto?\s?/i,p=l.test(a);p&&(a=a.replace(l,"")||"top"),s.detach().css({top:0,left:0,display:"block"}).addClass(a).data("bs."+this.type,this),this.options.container?s.appendTo(this.options.container):s.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var h=this.getPosition(),f=s[0].offsetWidth,u=s[0].offsetHeight;if(p){var c=a,d=this.getPosition(this.$viewport);a="bottom"==a&&h.bottom+u>d.bottom?"top":"top"==a&&h.top-u<d.top?"bottom":"right"==a&&h.right+f>d.width?"left":"left"==a&&h.left-f<d.left?"right":a,s.removeClass(c).addClass(a)}var v=this.getCalculatedOffset(a,h,f,u);this.applyPlacement(v,a);var g=function(){var t=n.hoverState;n.$element.trigger("shown.bs."+n.type),n.hoverState=null,"out"==t&&n.leave(n)};t.support.transition&&this.$tip.hasClass("fade")?s.one("bsTransitionEnd",g).emulateTransitionEnd(i.TRANSITION_DURATION):g()}},i.prototype.applyPlacement=function(e,i){var o=this.tip(),n=o[0].offsetWidth,s=o[0].offsetHeight,r=parseInt(o.css("margin-top"),10),a=parseInt(o.css("margin-left"),10);isNaN(r)&&(r=0),isNaN(a)&&(a=0),e.top+=r,e.left+=a,t.offset.setOffset(o[0],t.extend({using:function(t){o.css({top:Math.round(t.top),left:Math.round(t.left)})}},e),0),o.addClass("in");var l=o[0].offsetWidth,p=o[0].offsetHeight;"top"==i&&p!=s&&(e.top=e.top+s-p);var h=this.getViewportAdjustedDelta(i,e,l,p);h.left?e.left+=h.left:e.top+=h.top;var f=/top|bottom/.test(i),u=f?2*h.left-n+l:2*h.top-s+p,c=f?"offsetWidth":"offsetHeight";o.offset(e),this.replaceArrow(u,o[0][c],f)},i.prototype.replaceArrow=function(t,e,i){this.arrow().css(i?"left":"top",50*(1-t/e)+"%").css(i?"top":"left","")},i.prototype.setContent=function(){var t=this.tip(),e=this.getTitle();t.find(".tooltip-inner")[this.options.html?"html":"text"](e),t.removeClass("fade in top bottom left right")},i.prototype.hide=function(e){function o(){"in"!=n.hoverState&&s.detach(),n.$element&&n.$element.removeAttr("aria-describedby").trigger("hidden.bs."+n.type),e&&e()}var n=this,s=t(this.$tip),r=t.Event("hide.bs."+this.type);return this.$element.trigger(r),r.isDefaultPrevented()?void 0:(s.removeClass("in"),t.support.transition&&s.hasClass("fade")?s.one("bsTransitionEnd",o).emulateTransitionEnd(i.TRANSITION_DURATION):o(),this.hoverState=null,this)},i.prototype.fixTitle=function(){var t=this.$element;(t.attr("title")||"string"!=typeof t.attr("data-original-title"))&&t.attr("data-original-title",t.attr("title")||"").attr("title","")},i.prototype.hasContent=function(){return this.getTitle()},i.prototype.getPosition=function(e){e=e||this.$element;var i=e[0],o="BODY"==i.tagName,n=i.getBoundingClientRect();null==n.width&&(n=t.extend({},n,{width:n.right-n.left,height:n.bottom-n.top}));var s=window.SVGElement&&i instanceof window.SVGElement,r=o?{top:0,left:0}:s?null:e.offset(),a={scroll:o?document.documentElement.scrollTop||document.body.scrollTop:e.scrollTop()},l=o?{width:t(window).width(),height:t(window).height()}:null;return t.extend({},n,a,l,r)},i.prototype.getCalculatedOffset=function(t,e,i,o){return"bottom"==t?{top:e.top+e.height,left:e.left+e.width/2-i/2}:"top"==t?{top:e.top-o,left:e.left+e.width/2-i/2}:"left"==t?{top:e.top+e.height/2-o/2,left:e.left-i}:{top:e.top+e.height/2-o/2,left:e.left+e.width}},i.prototype.getViewportAdjustedDelta=function(t,e,i,o){var n={top:0,left:0};if(!this.$viewport)return n;var s=this.options.viewport&&this.options.viewport.padding||0,r=this.getPosition(this.$viewport);if(/right|left/.test(t)){var a=e.top-s-r.scroll,l=e.top+s-r.scroll+o;a<r.top?n.top=r.top-a:l>r.top+r.height&&(n.top=r.top+r.height-l)}else{var p=e.left-s,h=e.left+s+i;p<r.left?n.left=r.left-p:h>r.right&&(n.left=r.left+r.width-h)}return n},i.prototype.getTitle=function(){var t,e=this.$element,i=this.options;return t=e.attr("data-original-title")||("function"==typeof i.title?i.title.call(e[0]):i.title)},i.prototype.getUID=function(t){do t+=~~(1e6*Math.random());while(document.getElementById(t));return t},i.prototype.tip=function(){if(!this.$tip&&(this.$tip=t(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},i.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},i.prototype.enable=function(){this.enabled=!0},i.prototype.disable=function(){this.enabled=!1},i.prototype.toggleEnabled=function(){this.enabled=!this.enabled},i.prototype.toggle=function(e){var i=this;e&&(i=t(e.currentTarget).data("bs."+this.type),i||(i=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,i))),e?(i.inState.click=!i.inState.click,i.isInStateTrue()?i.enter(i):i.leave(i)):i.tip().hasClass("in")?i.leave(i):i.enter(i)},i.prototype.destroy=function(){var t=this;clearTimeout(this.timeout),this.hide(function(){t.$element.off("."+t.type).removeData("bs."+t.type),t.$tip&&t.$tip.detach(),t.$tip=null,t.$arrow=null,t.$viewport=null,t.$element=null})};var o=t.fn.tooltip;t.fn.tooltip=e,t.fn.tooltip.Constructor=i,t.fn.tooltip.noConflict=function(){return t.fn.tooltip=o,this}}(jQuery);


--------------------------------------------------------------------------------
/js/clipboard.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * clipboard.js v1.5.12
3 |  * https://zenorocha.github.io/clipboard.js
4 |  *
5 |  * Licensed MIT © Zeno Rocha
6 |  */
7 | !function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,o){function i(a,c){if(!n[a]){if(!e[a]){var s="function"==typeof require&&require;if(!c&&s)return s(a,!0);if(r)return r(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return i(n?n:t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a<o.length;a++)i(o[a]);return i}({1:[function(t,e,n){var o=t("matches-selector");e.exports=function(t,e,n){for(var i=n?t:t.parentNode;i&&i!==document;){if(o(i,e))return i;i=i.parentNode}}},{"matches-selector":5}],2:[function(t,e,n){function o(t,e,n,o,r){var a=i.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function i(t,e,n,o){return function(n){n.delegateTarget=r(n.target,e,!0),n.delegateTarget&&o.call(t,n)}}var r=t("closest");e.exports=o},{closest:1}],3:[function(t,e,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){var e=Object.prototype.toString.call(t);return"[object Function]"===e}},{}],4:[function(t,e,n){function o(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!c.string(e))throw new TypeError("Second argument must be a String");if(!c.fn(n))throw new TypeError("Third argument must be a Function");if(c.node(t))return i(t,e,n);if(c.nodeList(t))return r(t,e,n);if(c.string(t))return a(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function i(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}function r(t,e,n){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,n)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,n)})}}}function a(t,e,n){return s(document.body,t,e,n)}var c=t("./is"),s=t("delegate");e.exports=o},{"./is":3,delegate:2}],5:[function(t,e,n){function o(t,e){if(r)return r.call(t,e);for(var n=t.parentNode.querySelectorAll(e),o=0;o<n.length;++o)if(n[o]==t)return!0;return!1}var i=Element.prototype,r=i.matchesSelector||i.webkitMatchesSelector||i.mozMatchesSelector||i.msMatchesSelector||i.oMatchesSelector;e.exports=o},{}],6:[function(t,e,n){function o(t){var e;if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName)t.focus(),t.setSelectionRange(0,t.value.length),e=t.value;else{t.hasAttribute("contenteditable")&&t.focus();var n=window.getSelection(),o=document.createRange();o.selectNodeContents(t),n.removeAllRanges(),n.addRange(o),e=n.toString()}return e}e.exports=o},{}],7:[function(t,e,n){function o(){}o.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){function o(){i.off(t,o),e.apply(n,arguments)}var i=this;return o._=e,this.on(t,o,n)},emit:function(t){var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,i=n.length;for(o;i>o;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],i=[];if(o&&e)for(var r=0,a=o.length;a>r;r++)o[r].fn!==e&&o[r].fn._!==e&&i.push(o[r]);return i.length?n[t]=i:delete n[t],this}},e.exports=o},{}],8:[function(e,n,o){!function(i,r){if("function"==typeof t&&t.amd)t(["module","select"],r);else if("undefined"!=typeof o)r(n,e("select"));else{var a={exports:{}};r(a,i.select),i.clipboardAction=a.exports}}(this,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{"default":t}}function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var i=n(e),r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol?"symbol":typeof t},a=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),c=function(){function t(e){o(this,t),this.resolveOptions(e),this.initSelection()}return t.prototype.resolveOptions=function t(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.action=e.action,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""},t.prototype.initSelection=function t(){this.text?this.selectFake():this.target&&this.selectTarget()},t.prototype.selectFake=function t(){var e=this,n="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return e.removeFake()},this.fakeHandler=document.body.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[n?"right":"left"]="-9999px",this.fakeElem.style.top=(window.pageYOffset||document.documentElement.scrollTop)+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,document.body.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()},t.prototype.removeFake=function t(){this.fakeHandler&&(document.body.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(document.body.removeChild(this.fakeElem),this.fakeElem=null)},t.prototype.selectTarget=function t(){this.selectedText=(0,i.default)(this.target),this.copyText()},t.prototype.copyText=function t(){var e=void 0;try{e=document.execCommand(this.action)}catch(n){e=!1}this.handleResult(e)},t.prototype.handleResult=function t(e){e?this.emitter.emit("success",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)}):this.emitter.emit("error",{action:this.action,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})},t.prototype.clearSelection=function t(){this.target&&this.target.blur(),window.getSelection().removeAllRanges()},t.prototype.destroy=function t(){this.removeFake()},a(t,[{key:"action",set:function t(){var e=arguments.length<=0||void 0===arguments[0]?"copy":arguments[0];if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function t(){return this._action}},{key:"target",set:function t(e){if(void 0!==e){if(!e||"object"!==("undefined"==typeof e?"undefined":r(e))||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=e}},get:function t(){return this._target}}]),t}();t.exports=c})},{select:6}],9:[function(e,n,o){!function(i,r){if("function"==typeof t&&t.amd)t(["module","./clipboard-action","tiny-emitter","good-listener"],r);else if("undefined"!=typeof o)r(n,e("./clipboard-action"),e("tiny-emitter"),e("good-listener"));else{var a={exports:{}};r(a,i.clipboardAction,i.tinyEmitter,i.goodListener),i.clipboard=a.exports}}(this,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{"default":t}}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var l=i(e),u=i(n),f=i(o),d=function(t){function e(n,o){r(this,e);var i=a(this,t.call(this));return i.resolveOptions(o),i.listenClick(n),i}return c(e,t),e.prototype.resolveOptions=function t(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText},e.prototype.listenClick=function t(e){var n=this;this.listener=(0,f.default)(e,"click",function(t){return n.onClick(t)})},e.prototype.onClick=function t(e){var n=e.delegateTarget||e.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l.default({action:this.action(n),target:this.target(n),text:this.text(n),trigger:n,emitter:this})},e.prototype.defaultAction=function t(e){return s("action",e)},e.prototype.defaultTarget=function t(e){var n=s("target",e);return n?document.querySelector(n):void 0},e.prototype.defaultText=function t(e){return s("text",e)},e.prototype.destroy=function t(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)},e}(u.default);t.exports=d})},{"./clipboard-action":8,"good-listener":4,"tiny-emitter":7}]},{},[9])(9)});


--------------------------------------------------------------------------------
/js/kudosplease-min.js:
--------------------------------------------------------------------------------
1 | KudosPlease=(function(){var a=document.documentElement.classList,p=!!a,e=function(r,q){return p?function(s,t){if(t!=""){return s.classList[r](t)}}:q},g=e("add",function(s,r){r=r.split(",");for(var q=0;q<r.length;q++){if(s.className.indexOf(r[q])==-1){s.className=s.className.trim()+" "+r[q]}}}),o=e("remove",function(s,r){r=r.split(",");for(var q=0;q<r.length;q++){s.className=s.className.replace(r[q],"").trim()}}),d=e("contains",function(u,t){var s=u.className.split(" "),q=false;for(var r=0;r<s.length;r++){if(s[r]==t){q=true}}return q}),h=function(q,r,s){if(s.status!=undefined){if(q.getAttribute("data-status")!=undefined){o(q,s.status[q.getAttribute("data-status")])}g(q,s.status[r]);q.setAttribute("data-status",r)}},n=function(q,s,r){g(q,"finish");h(q,"gamma",r);s=s||false;amount=l(parseInt(q.getAttribute("data-id"),10),r);if(s){++amount;b(q,"POST",r)}},j=function(r,q,t){var s=-1;if(!d(q,"finish")){g(q,"active");s=setTimeout(function(){o(q,"active");n(q,true,t)},t.duration);t.timer[q.getAttribute("data-id")]=s}},m=function(r,q,s){if(r.touches.length===1){r.stopPropagation();r.preventDefault();j(r,q,s)}},c=function(r,q,s){if(!d(q,"finish")){o(q,"active");clearTimeout(s.timer[q.getAttribute("data-id")])}},f=function(q,s,r,u){try{q.addEventListener(s,function(v){r(v,q,u)},false)}catch(t){q.attachEvent("on"+s,function(v){r(v,q,u)})}},i=function(r,q,s){if(s.persistent){window.localStorage.setItem("kudos:saved:"+r.getAttribute("data-url"),q)}},l=function(s,r){var q=r.elements[s].getAttribute("data-amount")||0;if(r.persistent){if((amount=window.localStorage.getItem("kudos:saved:"+r.elements[s].getAttribute("data-url")))!=undefined){q=amount}}return q},b=function(s,r,v){var u;try{u=new ActiveXObject("Microsoft.XMLHTTP")}catch(t){u=new XMLHttpRequest()}u.onreadystatechange=function(){if(u.readyState==4&&u.status==200){var w=u.responseText;s.setAttribute("data-amount",w);if(r=="GET"){h(s,w==0?"alpha":"beta",v);if(v.persistent&&window.localStorage.getItem("kudos:saved:"+s.getAttribute("data-url"))!=null){h(s,"gamma",v)}}if(r=="POST"){i(s,w,v)}}};var q="?url="+encodeURIComponent(s.getAttribute("data-url"));u.open(r,"https://kudos.niels-ole.com/"+q,true);u.send()};function k(q){this.elements=document.querySelectorAll(q.el);this.status=q.status;this.persistent=q.persistent!=undefined?(q.persistent&&window.localStorage!=undefined):true;this.duration=q.duration;this.timer={};for(var r=0;r<this.elements.length;r++){var s=this.elements[r];s.setAttribute("data-id",r);b(s,"GET",this);if(l(r,this)==0){s.setAttribute("data-amount",0);this.timer[r]=-1;f(s,"touchstart",m,this);f(s,"touchend",c,this);f(s,"mouseover",j,this);f(s,"mouseout",c,this)}else{n(s,false,this)}}return this}"".trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")});return k})();


--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
 1 | require('./webtorrent.js');
 2 | 
 3 | var clipboard = new Clipboard('#share-url-btn');
 4 | clipboard.on('success', function (e) {
 5 | 	$('#share-url-btn').attr('title', 'Copied!').tooltip('fixTitle').tooltip('show');
 6 | 	e.clearSelection();
 7 | });
 8 | 
 9 | $(window).bind("resize", function () {
10 | 	fitMagnetInput();
11 | });
12 | 
13 | $(document).ready(function () {
14 | 	$('#share-url').val(window.location.href);
15 | 	$('[data-toggle="tooltip"]').tooltip();
16 | 	$('#share-url-btn').mouseleave(function () {
17 | 		$('#share-url-btn').attr('title', 'Copy to clipboard').tooltip('fixTitle');
18 | 	});
19 | 
20 | 	fitMagnetInput();
21 | 
22 | 	new KudosPlease({
23 | 		el: '.kudos',
24 | 		duration: 1500,
25 | 		persistent: true,
26 | 		status: {
27 | 			alpha: 'fontelico-emo-shoot',
28 | 			beta: 'fontelico-emo-shoot',
29 | 			gamma: 'fontelico-emo-beer'
30 | 		}
31 | 	});
32 | });
33 | 
34 | function fitMagnetInput() {
35 | 	var formW = $('#magnet-input').width();
36 | 	var buttonW = $('#magnet-input button').outerWidth();
37 | 	$('#magnet-input input').outerWidth(formW - buttonW);
38 | }
39 | 


--------------------------------------------------------------------------------
/js/webtorrent.js:
--------------------------------------------------------------------------------
  1 | var moment = require('moment')
  2 | var prettyBytes = require('pretty-bytes')
  3 | 
  4 | // HTML elements
  5 | var $body = $('body')
  6 | var $progressBar = $('#progressBar')
  7 | var $streamedFileName = $('#streamedFileName')
  8 | var $numPeers = $('#numPeers')
  9 | var $downloaded = $('#downloaded')
 10 | var $total = $('#total')
 11 | var $remaining = $('#remaining')
 12 | var $uploadSpeed = $('#uploadSpeed')
 13 | var $downloadSpeed = $('#downloadSpeed')
 14 | 
 15 | var announceList = [
 16 | ['udp://exodus.desync.com:6969'],
 17 | ['udp://explodie.org:6969'],
 18 | ['udp://tracker.coppersurfer.tk:6969'],
 19 | ['udp://tracker.empire-js.us:1337'],
 20 | ['udp://tracker.internetwarriors.net:1337'],
 21 | ['udp://tracker.leechers-paradise.org:6969'],
 22 | ['udp://tracker.openbittorrent.com:80'],
 23 | ['udp://tracker.opentrackr.org:1337'],
 24 | ['wss://tracker.btorrent.xyz'],
 25 | ['wss://tracker.openwebtorrent.com'],
 26 | ]
 27 | 
 28 | global.WEBTORRENT_ANNOUNCE = announceList
 29 | .map(function (arr) {
 30 | 	return arr[0]
 31 | })
 32 | .filter(function (url) {
 33 | 	return url.indexOf('wss://') === 0 || url.indexOf('ws://') === 0
 34 | })
 35 | 
 36 | var client = new WebTorrent()
 37 | 
 38 | client.on('error', function(err) {
 39 | 	console.error('ERROR: ' + err.message)
 40 | })
 41 | 
 42 | // Download by form input
 43 | $('form').submit(function(e) {
 44 | 	e.preventDefault() // Prevent page refresh
 45 | 
 46 | 	var torrentId = $('form input[name=torrentId]').val()
 47 | 
 48 | 	if (torrentId.length > 0)
 49 | 		downloadTorrent(torrentId)
 50 | })
 51 | 
 52 | // Download by URL hash
 53 | onHashChange()
 54 | window.addEventListener('hashchange', onHashChange)
 55 | function onHashChange () {
 56 | 	var hash = decodeURIComponent(window.location.hash.substring(1)).trim()
 57 | 	if (hash !== '') downloadTorrent(hash)
 58 | }
 59 | 
 60 | function downloadTorrent(torrentId) {
 61 | 	console.log('Downloading torrent from ' + torrentId)
 62 | 	client.add(torrentId, onTorrent)
 63 | }
 64 | 
 65 | function onTorrent(torrent) {
 66 | 	torrent.on('warning', console.log)
 67 | 	torrent.on('error', console.log)
 68 | 
 69 | 	console.log('Got torrent metadata!')
 70 | 
 71 | 	// Find largest file
 72 | 	var largestFile = torrent.files[0]
 73 | 	for (var i = 1; i < torrent.files.length; i++) {
 74 | 		if (torrent.files[i].length > largestFile.length)
 75 | 			largestFile = torrent.files[i]
 76 | 	}
 77 | 
 78 | 	// Display name of the file being streamed
 79 | 	$streamedFileName.html(largestFile.name)
 80 | 
 81 | 	// Update clipboard share url
 82 | 	$('#share-url').val('https://ferrolho.github.io/magnet-player/#' + torrent.infoHash);
 83 | 
 84 | 	// Stream the file in the browser
 85 | 	largestFile.appendTo('#output')
 86 | 
 87 | 	// hide magnet input
 88 | 	$('#magnet-input').slideUp()
 89 | 
 90 | 	// show player
 91 | 	$('#hero').slideDown()
 92 | 
 93 | 	// Trigger statistics refresh
 94 | 	torrent.on('done', onDone)
 95 | 	setInterval(onProgress, 500)
 96 | 	onProgress()
 97 | 
 98 | 	// Statistics
 99 | 	function onProgress () {
100 | 		// Peers
101 | 		$numPeers.html(torrent.numPeers + (torrent.numPeers === 1 ? ' peer' : ' peers'))
102 | 
103 | 		// Progress
104 | 		var percent = Math.round(torrent.progress * 100 * 100) / 100
105 | 		$progressBar.width(percent + '%')
106 | 		$downloaded.html(prettyBytes(torrent.downloaded))
107 | 		$total.html(prettyBytes(torrent.length))
108 | 
109 | 		// Remaining time
110 | 		var remaining
111 | 		if (torrent.done) {
112 | 			remaining = 'Done'
113 | 		} else {
114 | 			remaining = moment.duration(torrent.timeRemaining / 1000, 'seconds').humanize()
115 | 			remaining = remaining[0].toUpperCase() + remaining.substring(1) + ' remaining'
116 | 		}
117 | 		$remaining.html(remaining)
118 | 
119 | 		// Speed rates
120 | 		$downloadSpeed.html(prettyBytes(torrent.downloadSpeed) + '/s')
121 | 		$uploadSpeed.html(prettyBytes(torrent.uploadSpeed) + '/s')
122 | 	}
123 | 
124 | 	function onDone () {
125 | 		$body.addClass('is-seed')
126 | 		onProgress()
127 | 	}
128 | }
129 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "magnet-player",
 3 |   "description": "Video streaming directly from your browser",
 4 |   "version": "1.0.1",
 5 |   "author": {
 6 |     "name": "Henrique Ferrolho",
 7 |     "email": "henrique.ferrolho@gmail.com",
 8 |     "url": "http://ferrolho.github.io/"
 9 |   },
10 |   "bugs": {
11 |     "url": "https://github.com/ferrolho/magnet-player/issues"
12 |   },
13 |   "dependencies": {
14 |     "clipboard": "^1.5.12",
15 |     "moment": "^2.15.0",
16 |     "pretty-bytes": "^4.0.2"
17 |   },
18 |   "homepage": "https://ferrolho.github.io/magnet-player/",
19 |   "keywords": [
20 |     "data channel",
21 |     "file transfer",
22 |     "p2p",
23 |     "webrtc"
24 |   ],
25 |   "license": "MIT"
26 | }
27 | 


--------------------------------------------------------------------------------