融云 Web SDK 如何实现语音的收发 ?

最新推荐文章于 2023-09-19 18:23:00 发布

wf10w

最新推荐文章于 2023-09-19 18:23:00 发布

阅读量300

点赞数

文章标签： web

本文链接：https://blog.youkuaiyun.com/wf10w/article/details/111595419

版权

本文详细介绍了如何使用融云Web SDK实现语音的收发，包括Web端的语音录制、结合SDK发送语音以及接收和播放语音的步骤。重点提到了Web端的兼容性问题、音频格式转换以及融云移动端消息类型的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

融云 Web SDK 如何实现语音的收发 ?

根据融云的开发文档, 总结得出, 融云 WebSDK 需要的是一个 aac 格式的音频 url, 不关注 url 如何生成. 生成 url 的步骤由开发者实现

文档: https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgsend/web.html#HQVCMsg

所以关注点放在以下几个问题:

1、Web 端能否实现语音录制

2、结合融云 SDK 实现语音的发送

3、结合融云 SDK 实现语音的接收和播放

Web 端能否实现语音录制

答案是可以. 不过只有部分浏览器支持, 录制的音频格式有很多限制, 且只有当前站点为 localhost 或 https 时才可使用

录制原理: getUserMedia、MediaRecorder

使用 getUserMedia 获取音频流, 使用 MediaRecorder 录音获取音频数据

以下为录制 5s, 获取 File 对象的代码:

// 通过 getUserMedia 获取音频流
navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
   
  const mediaRecorder = new MediaRecorder(stream);
  const chunks = [];
  // 收集音频数据
  mediaRecorder.ondataavailable = function (e) {
   
    chunks.push(e.data);
  };
  // 监听音频录制停止
  mediaRecorder.onstop = e =>