pcm文件转为mp3并播放

把pcm文件转为mp3并播放，代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>PCM转MP3转换器</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lamejs/1.2.1/lame.min.js"></script>
    <!-- <script src="./lame.min.js"></script> -->
    <style>
        .audio-player {
            margin-top: 20px;
            display: none;
        }
    </style>
</head>
<body>
    <h1>PCM转MP3转换器</h1>
    <input type="file" id="pcmFile" accept=".pcm">
    <button onclick="convertPcmToMp3()">Convert to MP3</button>
    
    <div class="audio-player" id="audioPlayer">
        <h3>转换后的MP3：</h3>
        <audio id="audio" controls></audio>
    </div>

    <script>
        function convertPcmToMp3() {
            const fileInput = document.getElementById('pcmFile');
            const file = fileInput.files[0];
            
            if (!file) {
                alert('Please select a PCM file first');
                return;
            }

            const reader = new FileReader();
            reader.onload = function(e) {
                const pcmData = new Int16Array(e.target.result);
                
                // Create MP3 encoder
                // Mp3Encoder 参数说明：
                // 参数1: 声道数 (1=单声道, 2=立体声)
                // 参数2: 采样率 (单位: Hz, 常用值: 44100=CD音质, 48000=专业音频)
                // 参数3: 比特率 (单位: kbps, 常用值: 128=标准音质, 192=高质量, 320=最高质量)
                const mp3encoder = new lamejs.Mp3Encoder(1, 48000, 128);
                const mp3Data = [];

                // Convert PCM to MP3
                // sampleBlockSize 设置为 1152 的原因：
                // 1. MP3 编码的基本单位是帧（frame），每帧包含 1152 个采样点
                // 2. 1152 是 576 的倍数（1152 = 576 * 2）
                // 3. 576 是 MP3 编码中的一个重要数值，它代表一个子带（subband）的采样点数
                // 4. 这个数值是 MP3 标准规定的，不能随意更改
                const sampleBlockSize = 1152;
                const mp3buf = new Int8Array(1152);

                for (let i = 0; i < pcmData.length; i += sampleBlockSize) {
                    const sampleChunk = pcmData.subarray(i, i + sampleBlockSize);
                    const mp3buf = mp3encoder.encodeBuffer(sampleChunk);
                    if (mp3buf.length > 0) {
                        mp3Data.push(mp3buf);
                    }
                }

                // Add end of stream
                const end = mp3encoder.flush();
                if (end.length > 0) {
                    mp3Data.push(end);
                }

                // Create blob and play
                const blob = new Blob(mp3Data, { type: 'audio/mp3' });
                const url = URL.createObjectURL(blob);
                
                // Show audio player and set source
                const audioPlayer = document.getElementById('audioPlayer');
                const audio = document.getElementById('audio');
                audio.src = url;
                audioPlayer.style.display = 'block';
            };

            reader.readAsArrayBuffer(file);
        }
    </script>
</body>
</html>

=== 5月23日新增===
新增加了 分析PCM文件数据，分析是否有声音数据，已经生成声音波形图的功能，如下图所示：

源码地址： https://github.com/YalongYan/pcm2mp3
源码里有pcm文件 可以进行测试

posted @ 2025-05-06 17:08  进军的蜗牛  阅读(111)  评论(0)    收藏  举报