82 lines
2.7 KiB
HTML
82 lines
2.7 KiB
HTML
<link rel="import" href="binaryjs.html">
|
|
<dom-module id="web-socket">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: block;
|
|
}
|
|
</style>
|
|
</template>
|
|
<script>
|
|
'use strict';
|
|
Polymer({
|
|
is: 'web-socket',
|
|
attached: function() {
|
|
this.init();
|
|
},
|
|
init: function() {
|
|
var websocketUrl = (window.location.protocol === 'https:' ? 'wss://' : 'ws://') + document.location.hostname + ':9001';
|
|
this.client = new BinaryClient(websocketUrl);
|
|
this.client.on('stream', function(stream, meta) {
|
|
// collect stream data
|
|
var parts = [];
|
|
stream.on('data', function(data) {
|
|
console.log('part received', meta, data);
|
|
if (data.isSystemEvent) {
|
|
if (meta) {
|
|
data.from = meta.from;
|
|
}
|
|
this.fire('system-event', data);
|
|
} else {
|
|
parts.push(data);
|
|
}
|
|
}.bind(this));
|
|
// when finished, set it as the background image
|
|
stream.on('end', function() {
|
|
var blob = new Blob(parts, {
|
|
type: meta.type
|
|
});
|
|
console.log('file received', blob, meta);
|
|
this.fire('file-received', {
|
|
blob: blob,
|
|
name: meta.name,
|
|
from: meta.from
|
|
});
|
|
}.bind(this));
|
|
}.bind(this));
|
|
this.client.on('open', function(e) {
|
|
console.log(e);
|
|
this.client.send({}, {
|
|
handshake: this.me
|
|
});
|
|
}.bind(this));
|
|
this.client.on('error', function(e) {
|
|
console.log(e);
|
|
});
|
|
this.client.on('close', function(e) {
|
|
console.log(e);
|
|
//try to reconnect after 3s
|
|
this.async(this.init, 3000);
|
|
}.bind(this));
|
|
},
|
|
_sendFile: function(toPeer, file) {
|
|
console.log('send file!', file);
|
|
this.client.send(file.file, {
|
|
name: file.file.name,
|
|
type: file.file.type,
|
|
toPeer: toPeer
|
|
});
|
|
},
|
|
connectToPeer: function(peer, callback) {
|
|
callback();
|
|
},
|
|
_sendSystemEvent: function(toPeer, event) {
|
|
console.log('system event', toPeer, event);
|
|
event.isSystemEvent = true;
|
|
this.client.send(event, {
|
|
toPeer: toPeer
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</dom-module>
|