前端音频处理：从PCM16裸数据到Base64 WAV的转换教程

const audioContext = new (window.AudioContext || window.webkitAudioContext)();

// 假设我们从SDK获取了PCM16数据
// 例如：const pcm16Audio = await sdk.getRecordedAudioPcm16Samples();
// 这里我们用一个示例Int16Array来模拟PCM16数据
const sampleRate = 48000; // 假设采样率为48kHz，这应与您的PCM数据实际采样率一致
const numberOfChannels = 1; // 假设为单声道，如果为立体声则设置为2
const pcm16Audio = new Int16Array(sampleRate * 2); // 模拟2秒钟的PCM16数据
// 填充一些示例数据（例如，一个简单的正弦波）
for (let i = 0; i < pcm16Audio.length; i++) {
    pcm16Audio[i] = Math.sin(i / (sampleRate / 440) * 2 * Math.PI) * 32767;
}


// 创建一个AudioBuffer，参数为：声道数、样本总数、采样率
const audioBuffer = audioContext.createBuffer(
    numberOfChannels,
    pcm16Audio.length,
    sampleRate
);

// 获取AudioBuffer中第一个声道的数据缓冲区（Float32Array）
const channelData = audioBuffer.getChannelData(0);

// 遍历PCM16数据，并将其转换为Float32格式填充到channelData中
for (let i = 0; i < pcm16Audio.length; i++) {
    const int16 = pcm16Audio[i];
    // 将Int16值归一化到-1.0到1.0的Float32范围
    channelData[i] = int16 < 0 ? int16 / 32768 : int16 / 32767;
}

npm install audiobuffer-to-wav

import toWav from 'audiobuffer-to-wav';

// ... (接上文的AudioBuffer创建和填充代码) ...

// 将AudioBuffer转换为WAV格式的ArrayBuffer
// float32: false 表示生成16位PCM的WAV文件，而不是32位浮点数的WAV
const wavArrayBuffer = toWav(audioBuffer, { float32: false });

// ... (接上文的wavArrayBuffer生成代码) ...

async function arrayBufferToBase64(buffer, mimeType) {
    return new Promise((resolve, reject) => {
        const blob = new Blob([buffer], { type: mimeType });
        const reader = new FileReader();
        reader.onloadend = () => {
            // FileReader.result 格式为 "data:[<mediatype>][;base64],<data>"
            // 我们只需要逗号后面的Base64数据部分
            const base64 = reader.result.split(',')[1];
            resolve(base64);
        };
        reader.onerror = reject;
        reader.readAsDataURL(blob);
    });
}

const base64WavString = await arrayBufferToBase64(wavArrayBuffer, 'audio/wav');

console.log("Base64 WAV String:", base64WavString);
// 现在您可以将base64WavString发送到API了

import toWav from 'audiobuffer-to-wav';

// 模拟SDK的getRecordedAudioPcm16Samples方法
// 在实际应用中，您将直接调用您的SDK方法
const mockSdk = {
    async getRecordedAudioPcm16Samples() {
        const sampleRate = 48000; // 示例采样率
        const durationSeconds = 2; // 示例时长
        const numSamples = sampleRate * durationSeconds;
        const pcm16Audio = new Int16Array(numSamples);

        // 模拟生成一个440Hz的正弦波PCM16数据
        for (let i = 0; i < numSamples; i++) {
            pcm16Audio[i] = Math.sin(i / (sampleRate / 440) * 2 * Math.PI) * 32767;
        }
        return pcm16Audio;
    }
};

/**
 * 将PCM16原始音频数据转换为Base64编码的WAV字符串
 * @returns {Promise<string>} Base64编码的WAV字符串
 */
async function convertPcm16ToWavBase64() {
    try {
        // 1. 从SDK获取PCM16音频数据
        const pcm16Audio = await mockSdk.getRecordedAudioPcm16Samples();

        // 2. 定义音频参数 (这些参数应与您的PCM数据实际属性匹配)
        const sampleRate = 48000; // 采样率
        const numberOfChannels = 1; // 声道数 (1为单声道，2为立体声)

        // 3. 创建AudioContext
        const audioContext = new (window.AudioContext || window.webkitAudioContext)();

        // 4. 手动构建AudioBuffer
        const audioBuffer = audioContext.createBuffer(
            numberOfChannels,
            pcm16Audio.length,
            sampleRate
        );

        // 获取AudioBuffer的声道数据缓冲区 (Float32Array)
        const channelData = audioBuffer.getChannelData(0); // 假设是单声道，取第一个声道

        // 将PCM16数据转换为Float32并填充到AudioBuffer中
        for (let i = 0; i < pcm16Audio.length; i++) {
            const int16 = pcm16Audio[i];
            // 归一化Int16到Float32 (-1.0到1.0)
            channelData[i] = int16 < 0 ? int16 / 32768 : int16 / 32767;
        }

        // 5. 将AudioBuffer转换为WAV格式的ArrayBuffer
        // { float32: false } 确保输出16位PCM WAV
        const wavArrayBuffer = toWav(audioBuffer, { float32: false });

        // 6. 将WAV ArrayBuffer转换为Base64字符串
        const base64String = await new Promise((resolve, reject) => {
            const reader = new FileReader();
            reader.onloadend = () => {
                // FileReader.result 是 "data:audio/wav;base64,..." 格式
                // 我们只需要逗号后面的Base64数据部分
                const base64 = reader.result.split(',')[1];
                resolve(base64);
            };
            reader.onerror = reject;
            // 创建一个Blob对象，以便FileReader可以读取
            const wavBlob = new Blob([wavArrayBuffer], { type: 'audio/wav' });
            reader.readAsDataURL(wavBlob);
        });

        console.log("成功生成Base64 WAV字符串 (前100字符):", base64String.substring(0, 100) + '...');
        return base64String;

    } catch (error) {
        console.error("音频转换过程中发生错误:", error);
        throw error;
    } finally {
        // 确保在不再需要时关闭AudioContext，释放资源
        if (audioContext && audioContext.state !== 'closed') {
            await audioContext.close();
        }
    }
}

// 调用主函数执行转换
convertPcm16ToWavBase64().then(base64 => {
    // console.log("最终Base64字符串已生成，可以发送到API。", base64);
}).catch(error => {
    console.error("整体转换流程失败:", error);
});