前端的录音如何通过websocket传输到后端？

Question

我前端想要实现一个语言聊天，文本聊天的功能。框架是vue3的前端框架，通过websocket发语音，文本到后端，再返回。前端要怎么做呢，我找了挺多框架，都是不websocket的解决方案。

Answer 1

首先你要调用浏览器的api进行录音，具体参考这里
拿到录音数据之后用socket发送给服务端：socket.emit('sendAudioMessage', data);
服务端收到事件后再广播给客户端：

socket.on('sendAudioMessage', data => {
    io.emit('receiveAudioMessage', data);
});

最后客户端接收到广播并通过audio标签播放语音：

  SocketTest.socket.on('receiveMessage', data => {
     // do something
    });

Answer 2

之前参考的这个项目：https://github.com/wayou/audi...
开启录音，拿到流，设定节点大小，分片实时发送语音