HTML5录音+播放+百度识别

最新推荐文章于 2024-05-13 09:28:30 发布

Irise_liu

最新推荐文章于 2024-05-13 09:28:30 发布

阅读量6.7k

点赞数 1

本文链接：https://blog.csdn.net/colored_glass/article/details/47977597

版权

该博客介绍了如何使用HTML5实现录音功能，并结合百度识别接口进行语音识别。作者分享了整理后的可运行demo，包括HZRecorder.js的修改，详细阐述了录音、压缩、上传和回调处理的过程，以及后端接收并进行语音识别的代码实现。

摘要由CSDN通过智能技术生成

HTML5实现语音识别。首先是调用麦克风录音，然后上传调用百度识别接口。
下了n个demo，各种报错，历史也不是很悠久。
再次整理一下，能共享就共享一下，不然，算个笔记也行。。。容吐槽容板砖。。。
整理过的可运行demo下载，http://download.csdn.net/detail/colored_glass/9033043

HZRecorder.js不是原著，改了几个地方，网上版本估计也不少，这里标注一下我改过的地方
1. var HZRecorder = function (stream, config) {
        config = config || {};
        config.sampleBits = config.sampleBits || 16;      //采样数位 8, 16
        config.sampleRate = config.sampleRate || (16000);   //采样率(1/6 44100)

        var context = new AudioContext();
        var audioInput = context.createMediaStreamSource(stream);
       var recorder = context.createScriptProcessor(4096, 1, 1);
2.
var audioData = {
            size: 0          //录音文件长度
            , buffer: []     //录音缓存
            , inputSampleRate: context.sampleRate    //输入采样率
            , inputSampleBits: 16       //输入采样数位 8, 16
            , outputSampleRate: config.sampleRate    //输出采样率