如何将Ionic录制的MediaObject转换为Blob？

我之前也碰到过这个棘手的问题，试了好几种方法才找到可行的方案，核心思路是先通过MediaObject获取音频文件的本地路径，再用File插件读取文件内容并转换为Blob，具体步骤和代码如下：

前置准备 #

首先确保你已经安装并导入了@ionic-native/file插件（因为需要读取本地文件）：

import { Media, MediaObject } from '@ionic-native/media/ngx';
import { File } from '@ionic-native/file/ngx';

具体实现代码 #

// 注入Media和File服务
constructor(private media: Media, private file: File) {}

async convertMediaToBlob(audio: MediaObject): Promise<Blob> {
  try {
    // 1. 先停止音频播放/录制，避免文件被占用
    await audio.stop();
    
    // 2. 从MediaObject获取文件路径，拆分出目录和文件名
    const filePath = audio.src;
    const fileDir = filePath.substring(0, filePath.lastIndexOf('/'));
    const fileName = filePath.substring(filePath.lastIndexOf('/') + 1);

    // 3. 读取文件为ArrayBuffer
    const arrayBuffer = await this.file.readAsArrayBuffer(fileDir, fileName);
    
    // 4. 将ArrayBuffer转换为Blob，MIME类型根据你的录制格式调整
    const blob = new Blob([arrayBuffer], { type: 'audio/mpeg' });

    return blob;
  } catch (error) {
    console.error('转换失败:', error);
    throw error;
  }
}

关键注意事项 #

• 路径兼容性：iOS和Android的文件路径格式略有差异，Ionic的File插件会自动处理这些差异，不用额外转换路径格式。
• 文件占用问题：必须先调用audio.stop()，否则录制/播放中的文件处于被占用状态，无法读取。
• MIME类型匹配：如果你的音频是wav格式，把type改成audio/wav；如果是其他格式，对应调整即可。
• 权限问题：确保应用已经申请了文件读写权限（Android需要READ_EXTERNAL_STORAGE/WRITE_EXTERNAL_STORAGE，iOS需要配置隐私权限）。

内容的提问来源于stack exchange，提问作者user9122499