slingit.org/slingit/page/default_start/js/default_start.js

var client = new WebTorrent({     
    rtcConfig:  {   iceServers: [   {url: "stun:23.21.150.121"},
                                    {url: "stun:stun.1.google.com:19302"}]}
});

function init_start(){
    //upload
    var dropZone = document.body;
    //Optional.   Show the copy icon when dragging over.  Seems to only work for chrome.
    dropZone.addEventListener('dragover', function(e) {
        e.stopPropagation();
        e.preventDefault();
        e.dataTransfer.dropEffect = 'copy';
    });
    // Get file data on drop
    dropZone.addEventListener('drop', function(e) {
        e.stopPropagation();
        e.preventDefault();
        var files = e.dataTransfer.files; // Array of all files
        slingit_upload(client,files);
    });
 
    //download
    $('#btn_load_infohash').click(function(e){
        if ($('#input_load_infohash').val()){
            e.preventDefault();
            slingit_download(client,$('#input_load_infohash').val());
        } else {
            $('#input_load_infohash').focus();
        }});
    
    
    //start download if hash provided
    if($('#input_load_infohash').val() !== ''){
        slingit_download(client,$('#input_load_infohash').val());}
}
function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object
    // files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                  f.size, 'full path:',
                  f.fullPath, ' bytes, last modified: ',
                  f.lastModifiedDate.toLocaleDateString(), '</li>');
                  console.log(f);
    }
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}

function log_file_start(torrent){
    $('#init_loader').hide();
    $('#link_container tr:last').after(
        '<tr>' +
            '<td>' +
                'starting...' +
            '</td>' +
            '<td>' +
                'downloading from: ' + torrent.swarm.wires.length + ' peers' +
            '</td>' +
            '<td>' +
                '<a href="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '"' +
                          ' target="_blank">' +
                          'direct link: ' +
                '</a>' +
                '<input type="text" value="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '" onClick="this.setSelectionRange(0, this.value.length)"/>' +
                '&nbsp;&nbsp;&nbsp;' +
                '<a class="twitter-share-button" href="https://twitter.com/share" data-via="slingtweet" data-url="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '">Tweet</a>' +
            '</td>' +
        '</tr>');
}

function log_file_add(torrent){
    $('#init_loader').hide();
    var progress = (100 * torrent.downloaded / torrent.parsedTorrent.length).toFixed(1);
    $('#link_container tr:last').after(
        '<tr id="' + torrent.infoHash + '">' +
            '<td>' +
                progress + '%' +
            '</td>' +
            '<td>' +
                'speed: ' + torrent.swarm.downloadSpeed() + '/s' +
            '</td>' +
            '<td>' +
                '<a href="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '"' +
                          ' target="_blank">' +
                          'direct link: ' +
                '</a>' +
                '<input type="text" value="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '" onClick="this.setSelectionRange(0, this.value.length)"/>' +
                '&nbsp;&nbsp;&nbsp;' +
                '<a class="twitter-share-button" href="https://twitter.com/share" data-via="slingtweet" data-url="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '">Tweet</a>' +
            '</td>' +
        '</tr>');
$.getScript("http://platform.twitter.com/widgets.js");
}

function log_file_upd(torrent){
    $('#init_loader').hide();
    if($('#'+torrent.infoHash).length){
        var progress = (100 * torrent.downloaded / torrent.parsedTorrent.length).toFixed(1);
        $('#'+torrent.infoHash).html(
            '<td>' +
                progress + '%' +
            '</td>' +
            '<td>' +
                'speed: ' + torrent.swarm.downloadSpeed() + '/s / ' + torrent.swarm.uploadSpeed() + '/s' +
            '</td>' +
            '<td>' +
                '<a href="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '"' +
                          ' target="_blank">' +
                          'direct link: ' +
                '</a>' +
                '<input type="text" value="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '" onClick="this.setSelectionRange(0, this.value.length)"/>' +
            '</td>');
    } else {
        log_file_add(torrent);
    }
}
function log_initialize() {
    $('#link_container tr:last').after(
        '<tr>' +
            '<td>' +
                '<img id="init_loader" src="./api.php?call=files&cat=img&id=loader.gif" alt="..."/>&nbsp;'+
                'initializing' +
            '</td>' +
            '<td>' + '</td>' +
            '<td>' +
            '</td>' +
        '</tr>');
}

function log_file_done(torrent,url,file){
    $('#init_loader').hide();
    log_file_upd(torrent);
    $('#link_container tr:last').after(
        '<tr>' +
            '<td>' +
                '100%' +
            '</td>' +
            '<td>' +
                '<a href="' + url + '"' +
                    ' download="' + file.name + '">' +
                    'Download ' + file.name + 
                '</a>' +
            '</td>' +
            '<td>' +
                '<a href="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '"' +
                          ' target="_blank">' +
                          'direct link: ' +
                '</a>' +
                '<input type="text" value="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '" onClick="this.setSelectionRange(0, this.value.length)"/>' +
                '&nbsp;&nbsp;&nbsp;' +
                '<a class="twitter-share-button" href="https://twitter.com/share" data-via="slingtweet" data-url="http://www.slingit.org/#!start;hash.' + torrent.infoHash + '">Tweet</a>' +
            '</td>' +
        '</tr>');
    $.getScript("http://platform.twitter.com/widgets.js");
}

function slingit_upload(client,files){
    log_initialize();
    var fileStore = new Array();
    console.log(files);
    for (var i=0, file; file=files[i]; i++) {
        var reader = new FileReader();
        reader.onload = function(e2) {}; // finished reading file data.
        reader.readAsDataURL(file); // start reading the file data.
        fileStore.push(file);
        console.log(file);
        var fname = file.name;
        client.seed(file,onTorrent);
    }
}

function onTorrent (torrent) {
    //log_file_start(torrent)
    //console.log('Torrent info hash:', torrent.infoHash);

    torrent.swarm.on('download', function () {
        log_file_upd(torrent);
    });

    torrent.swarm.on('upload', function () {
        log_file_upd(torrent);
    });

    torrent.files.forEach(function (file) {
    /*var extname = path.extname(file.name)
    if (window.MediaSource && extname === '.mp4' || extname === '.webm') {
      var video = document.createElement('video')
      video.controls = true
      media.appendChild(video)
      file.createReadStream().pipe(video)
    } else if (window.MediaSource && extname === '.mp3') {
      var audio = document.createElement('audio')
      audio.controls = true
      media.appendChild(audio)
      file.createReadStream().pipe(audio)
    } else {*/
        file.getBlobURL(function (err, url) {
            if (err) throw err;
            log_file_done(torrent,url,file);
        });
    //}
    });
}

function slingit_download(client,hash){
    log_initialize();
    var magnetUri = 'magnet:?xt=urn:btih:' + hash + '&tr=wss://tracker.webtorrent.io';
    console.log(magnetUri);
    client.add(magnetUri, onTorrent);
}