SimpleWebRTC 文件传输

1、定义接收端事件的处理
对每个PeerConnection定义[fileTransfer]事件的处理,取得元数据和filetransfer.Receiver参数。
1.1、对Receiver定义[progress]事件处理:传输过程中
receiver.on('progress', function (bytesReceived) {});
1.2、对Receiver定义[receivedFile]事件处理:传输完了
receiver.on('receivedFile', function (file, metadata) {});

2、定义发送端事件的处理
2.1、对发送端实例定义[progress]事件的处理:传输过程中
sender.on('progress', function(offset, fileSize, result) {});
2.2、对发送端实例定义[sentFile]事件的处理:传输完了
sender.on('sentFile', function() {});

3、传送文件
调用PeerConnection.sendFile(file)传输文件并返回filetransfer.Sender()实例。把【2、定义发送端事件的处理】赋给这个实例。

---------------------------------------------------------
Angular2代码例子:
1、发送端代码:
var files = $("#fileInput").prop('files');
if (!files) {
console.log('No file chosen');
} else {
this.webRtc.getPeers().forEach(function(peer) {
var sender = peer.sendFile(files[0]);
sender.on('progress', function(offset, fileSize, result) {
// TODO
console.log("sender: progress......");
});
sender.on('sentFile', function() {
// TODO
console.log("sender: sentFile......");
});
});
}

2、接收端代码
peer.on('fileTransfer', function (metadata, receiver) {
receiver.on('progress', function (bytesReceived) {
console.log('receive progress', bytesReceived, 'out of', metadata.size);
});
// get notified when file is done
receiver.on('receivedFile', function (file, metadata) {
console.log('received file', metadata.name, metadata.size);
// close the channel

receiver.channel.close();
});
});

--End--

你可能感兴趣的:(WebRTC)