在实时应用中，经常需要传输二进制数据，例如图片、音频、视频等。而 Socket.io 是一个非常流行的实时应用框架，它支持多种数据格式的传输，包括 JSON、ArrayBuffer 和 Blob 等。在本文中，我们将学习如何在 Socket.io 中使用 Binary 格式传输数据。
Binary 格式简介
二进制数据（Binary Data）是由 0 和 1 组成的数据，与文本数据不同，它包含的是计算机能够直接处理的数据，例如图像、音频、视频等。在编程中，二进制数据通常使用 ArrayBuffer 或 Blob 对象来表示。
ArrayBuffer 是一种固定长度的二进制数据缓冲区，它可以储存任意类型的数据。例如，我们可以创建一个长度为 10 字节的 ArrayBuffer：
const buffer = new ArrayBuffer(10);
Blob 对象是一种可变长度的二进制数据缓冲区，它通常用于储存大型的二进制数据，例如图像、音频、视频等。例如，我们可以创建一个包含一张图片的 Blob 对象：
const blob = new Blob([arrayBuffer], { type: 'image/jpeg' });在 Socket.io 中传输 Binary 数据
要在 Socket.io 中传输 Binary 数据，我们需要使用 socket.io-stream 模块。该模块提供了一个可读流和可写流，它们可以让我们在 Socket.io 中流式传输数据。下面是一个示例：
-- -------------------- ---- -------
----- -- - ----------------------------
----- ------ - ------------------
-- -- -----------
------------------------- ------- - ----- ----------------- ---
-------------------------------------------
-- -- -----------
----------------------- -------- ----- -- -
----- ------ - --- ----------------------
----------------- ------- -- -
------------------
---
---------------- -- -- -
-- -------
---
---在示例中，我们首先创建了一个可写流 stream，并将其作为第一个参数传递给 ss(socket).emit 函数。我们还将 ArrayBuffer 对象传递给 ss.createBlobReadStream 函数，该函数会将 ArrayBuffer 转换为 Blob 对象，并返回一个可读流。然后我们将可读流 pipe 到可写流中，这就实现了在 Socket.io 中传输 Binary 数据的流程。
在接收端，我们首先通过 ss(socket).on 函数监听到 binary 事件，该事件会传递一个可读流 stream 和一个包含数据大小的 data 对象。然后我们创建一个大小为 data.size 的 Uint8Array，用于储存接收到的二进制数据。我们监听流的 data 事件和 end 事件，当流接收到数据时，我们将其写入 Uint8Array 中。当流接收完成时，我们就得到了完整的二进制数据。
总结一下，在 Socket.io 中传输 Binary 数据的流程如下：
- 在发送端，创建一个可读流，并将其作为第一个参数传递给 ss(socket).emit 函数。
- 使用 ss.createBlobReadStream 函数将 ArrayBuffer 转换为 Blob 对象，并返回一个可读流。
- 将步骤 2 中返回的可读流 pipe 到步骤 1 中创建的可读流中。
- 在接收端，使用 ss(socket).on 函数监听 binary 事件，并接收可读流和数据大小。
- 创建一个合适大小的 Uint8Array，用于储存接收到的二进制数据。
- 监听流的 data 事件和 end 事件，在 data 事件中将数据写入 Uint8Array 中，在 end 事件中处理完整的数据。
指导意义
在实时应用中，传输大量的二进制数据是非常常见的任务，例如在线游戏、实时音视频等。而使用 Socket.io 可以非常方便地实现实时通信，包括传输二进制数据。本文介绍了在 Socket.io 中传输二进制数据的方法，这对于正在开发实时应用的开发者有很大的参考意义。
在实际开发中，我们还可以使用第三方库来简化操作。例如，socket.io-binary 库就可以让我们更加方便地在 Socket.io 中发送和接收二进制数据。
-- -------------------- ---- ------- ----- -- - ----------------------- ----- -------- - ---------------------------- -- -- ----------- ------------------- --------------------- -------- -- -- ----------- ------------------- -------- -- - -- ------- ---
这样就可以直接发送 ArrayBuffer，而不用通过 stream 的方式，非常方便。
结语
在本文中，我们学习了在 Socket.io 中传输 Binary 数据的方法。由于二进制数据在实时应用中非常常见，这篇文章的指导意义是非常大的。我们也提到了一些可用的第三方库，可以让我们更加方便地在 Socket.io 中传输 Binary 数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f18477f6b2d6eab3b55630