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--
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值