uni-app中uniCloud如何解码base64的音频数据？

uni-app中uniCloud如何解码base64的音频数据？

语音合成并保存到云储存 成功

image

云存储文件也在

image

但播放音频没有时间进度，下载下来后用本地播放器播放提示：不能播放加密音频。

image

火山引擎提示说，要base64 解码，这个步骤在 uniCloud 中如何实现？

火山引擎 api
https://www.volcengine.com/docs/6561/79820


更多关于uni-app中uniCloud如何解码base64的音频数据？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

uniCloud就是Node.js，你看火山的demo，他的node.js示例代码中怎么做base64解码，拷贝过来就行。

更多关于uni-app中uniCloud如何解码base64的音频数据？的实战教程也可以访问 https://www.itying.com/category-93-b0.html


他们没有 node.js 的 demo 我问了人家技术，说暂时不会有。

回复 d***@dufan.cool: 直接使用decodeURIComponent试试。

回复 d***@dufan.cool: https://uniapp.dcloud.net.cn/api/base64ToArrayBuffer.html

这个一定要先保存到云储存上才能播放吗？

你也可以下载到本地后播放。

在 UniApp 中使用 UniCloud 解码 Base64 音频数据的过程可以分为几个步骤。Base64 编码的音频数据通常用于在网络上传输二进制文件（如音频、图片等），但在使用之前需要将其解码为二进制数据。

以下是一个基本的步骤指南，用于在 UniApp 中解码 Base64 音频数据：

1. 获取 Base64 编码的音频数据

首先，你需要获取到 Base64 编码的音频数据。通常，这个数据可能是从服务器返回的，或者是从某个 API 获取的。

const base64AudioData = "your_base64_encoded_audio_data_here";

2. 解码 Base64 数据

在 JavaScript 中，可以使用 atob 函数来解码 Base64 数据。atob 函数将 Base64 字符串解码为二进制字符串。

// 解码 Base64 数据
const binaryString = atob(base64AudioData);

3. 将二进制字符串转换为 ArrayBuffer

音频数据通常需要以 ArrayBuffer 的形式进行处理。我们可以将解码后的二进制字符串转换为 ArrayBuffer。

const length = binaryString.length;
const arrayBuffer = new ArrayBuffer(length);
const uintArray = new Uint8Array(arrayBuffer);

for (let i = 0; i < length; i++) {
  uintArray[i] = binaryString.charCodeAt(i);
}

4. 使用解码后的音频数据

现在你已经将 Base64 音频数据解码为 ArrayBuffer，你可以使用这个 ArrayBuffer 来播放音频、保存文件或进行其他处理。

例如，如果你想在页面上播放这个音频，可以这样做：

const audioContext = new (window.AudioContext || window.webkitAudioContext)();
audioContext.decodeAudioData(arrayBuffer, function(buffer) {
  const source = audioContext.createBufferSource();
  source.buffer = buffer;
  source.connect(audioContext.destination);
  source.start(0);
});

5. 保存为文件（可选）

如果你想将解码后的音频数据保存为文件，可以使用 uni.saveFile 方法。

uni.saveFile({
  tempFilePath: arrayBuffer,
  success: function(res) {
    console.log('文件保存成功', res.savedFilePath);
  },
  fail: function(err) {
    console.error('文件保存失败', err);
  }
});

完整代码示例

const base64AudioData = "your_base64_encoded_audio_data_here";

// 解码 Base64 数据
const binaryString = atob(base64AudioData);

// 将二进制字符串转换为 ArrayBuffer
const length = binaryString.length;
const arrayBuffer = new ArrayBuffer(length);
const uintArray = new Uint8Array(arrayBuffer);

for (let i = 0; i < length; i++) {
  uintArray[i] = binaryString.charCodeAt(i);
}

// 使用解码后的音频数据
const audioContext = new (window.AudioContext || window.webkitAudioContext)();
audioContext.decodeAudioData(arrayBuffer, function(buffer) {
  const source = audioContext.createBufferSource();
  source.buffer = buffer;
  source.connect(audioContext.destination);
  source.start(0);
});

注意事项

  • atob 和 btoa 是浏览器提供的全局函数，用于 Base64 编码和解码。在 Node.js 环境中，你需要使用 Buffer 来处理 Base64 数据。
  • 如果你在 UniCloud 云函数中处理 Base64 数据，可以使用 Buffer 来进行解码。
const buffer = Buffer.from(base64AudioData, 'base64');
回到顶部