uniapp 小程序如何播放二进制语音文件

在uniapp开发小程序时，如何播放从服务器获取的二进制语音文件？目前尝试将二进制数据转为base64后使用uni.playVoice()播放，但无法正常出声。是否需要特定格式转换或使用其他API？求具体实现方案和代码示例。

2 回复

在uniapp小程序中，可以使用uni.createInnerAudioContext()播放二进制语音文件。需要先将二进制数据转为base64格式，然后设置src为data:audio/wav;base64,${base64Data}。注意音频格式需支持，建议使用wav或mp3格式。


在 UniApp 中播放二进制语音文件，可以通过以下步骤实现：

  1. 获取二进制数据：从网络请求或本地存储中获取语音文件的二进制数据（如 ArrayBuffer 格式）。
  2. 转换为临时文件路径：使用 uni.downloadFile 或 uni.getFileSystemManager().writeFile 将二进制数据写入临时文件，生成临时文件路径。
  3. 使用音频组件播放：通过 uni.createInnerAudioContext() 或 <audio> 组件加载临时文件路径进行播放。

示例代码：

// 假设 binaryData 是 ArrayBuffer 格式的二进制语音数据
const filePath = `${wx.env.USER_DATA_PATH}/temp_audio.mp3`; // 定义临时文件路径

// 写入文件
const fs = uni.getFileSystemManager();
fs.writeFile({
  filePath: filePath,
  data: binaryData,
  encoding: 'binary', // 指定二进制编码
  success: () => {
    // 创建音频上下文并播放
    const audioContext = uni.createInnerAudioContext();
    audioContext.src = filePath;
    audioContext.play();

    // 监听播放结束事件，可选删除临时文件
    audioContext.onEnded(() => {
      fs.unlink({ filePath }); // 删除临时文件释放空间
    });
  },
  fail: (err) => {
    console.error('文件写入失败:', err);
  }
});

注意事项：

  • 格式支持：确保二进制数据对应小程序支持的音频格式（如 MP3、AAC）。
  • 临时文件清理：播放后及时删除临时文件，避免占用过多存储空间。
  • 网络资源：如果是网络资源，可直接用 uni.downloadFile 下载到临时路径后播放。

通过以上方法，即可在 UniApp 小程序中实现二进制语音文件的播放。

回到顶部