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

新手上路,请多包涵

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

回复
阅读 551
2 个回答

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

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

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

  SocketTest.socket.on('receiveMessage', data => {
     // do something
    });
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏