javascript - 通过socket.io-stream流式传输广播图像

标签 javascript node.js sockets stream socket.io

现在我有代码,可以将图像或任何其他文件从浏览器发送到服务器,然后服务器将流广播到所有其他套接字。一切都很好,但我不知道如何实现的部分是浏览器的接收端。

浏览器发送:

var file = files[0]
var stream = ss.createStream()
ss(socket).emit('file', stream, { size: file.size })
ss.createBlobReadStream(file).pipe(stream)

服务器:

ss(socket).on('file', function(stream, data) {
  stream.pipe(fs.createWriteStream('file.jpg'))

  var newStream = ss.createStream()

  ss(socket).emit('file', newStream)
  stream.pipe(newStream)
})

浏览器接收:

ss(socket).on('file', function(stream, data) {
  // Implement this
})

我不太确定如何处理传入流并使用我刚刚发送的图像、显示它或任何其他任务。我感谢您就此问题向我提供的任何帮助,或者指出此代码中的任何错误。提前致谢。

最佳答案

您可以通过监听浏览器接收的数据事件来获取 uint8array。但我仍然不知道该怎么办。

ss(socket).on('file', function(stream, data) {
  stream.on("data",function(uint8array){ //do something })
})

我期望看到的其他事件似乎没有出现在客户端接收的流中。

关于javascript - 通过socket.io-stream流式传输广播图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28052348/

相关文章:

node.js - Express:查询文档是否存在

node.js - 使用密码导出 AWS Cognito 用户

具有http多部分formdata POST方法的Java套接字

objective-c - TCP套接字通信问题

javascript - 我可以在 Google 脚本编辑器(Google Apps 脚本)中调试 JavaScript 代码吗

javascript - 如何使用 .val() 从表中获取最后一行数据并使用 jquery 在警报中显示它?

javascript - 如何找到n位2位数字的所有排列

javascript - 如何仅在此 block 中显示元素?

node.js - Nest.js 优雅关闭

.net - Web 场服务器使用的 WCF。错误 : The socket connection was aborted