[语音技术]H5的录音类控制自动停止(2)
置顶
荒墨丶迷失 发布于2017-11-15 10:07 浏览:7398 回复:56
6
收藏

在[语音技术]java+H5的录音类实例(1)这篇文章中,讲到如何利用浏览器录音的功能

文章地址:http://ai.baidu.com/forum/topic/show/492732

但是在后续的使用中发现,每次都需要手动的点击录音和关闭录音,所以这是用户体验上非常不好的一个方式,所以,我找了很多方法,最后解决

了这个“不说话几秒  自动停止录音”的方式,当然后续还会解决如何做一些线程 来实现浏览器唤醒录音功能

回到这个录音停止的功能,代码如下:

// 音频采集
recorder.onaudioprocess = function(e) {
var data= e.inputBuffer.getChannelData(0);
var l = Math.floor(data.length / 10);
var vol = 0;
for(var i = 0; i < l ; i++){
vol += Math.abs(data[i*10]);
}
emptyCheckCount ++;
console.log(vol);
if(vol < 30){ //设置音量
emptydatacount ++;
console.log(emptydatacount);
if(emptydatacount > 30){ //设置静音停止次数
console.log('stoped');
self.recordStop();
}
} else {
emptydatacount = 0;
}
audioData.input(e.inputBuffer.getChannelData(0));
};

这个是一个音频采集的方法,原来是你点开始录音时,会调用这个获取录音的方法onaudioprocess,然后利用这么一个类似的算法

var l = Math.floor(data.length / 10);
    var vol = 0;
    for(var i = 0; i < l ; i++){
    vol += Math.abs(data[i*10]);
}

再来一个判断音量大小的方法,如果你在使用中可以修改这个“30”的参数,为音量大小,下方的大小是指音量低于这个值时,“30”大概是3秒左右的时间

大家可以在我之前给的js里面加上这段代码,然后在前台页面调用时,加一个停止逻辑就可以了

可以查看另一篇文章,下载里面的源码:http://ai.baidu.com/forum/topic/show/492787

大家~欢迎不理解的多多提问~

谢谢~

 

收藏
点赞
6
个赞
共56条回复 最后由儒雅的李建辉回复于2018-11-11 10:09
#57儒雅的李建辉回复于2018-11-11 10:09:51

自动停止代码,学习了

0
#56蓝色的湖8889回复于2018-11-07 17:52:02

语音类最近愈发能控制啦

0
#55蓝色的湖8889回复于2018-11-07 17:51:20

录音方面的新突破

0
#52阿萨德去23123回复于2018-07-18 08:33:24

很强

0
#51荒墨丶迷失回复于2018-05-31 12:29:31
#50 gavin_laiba回复
楼主,能把这个语音识别用到我自己项目中吗

可以的  你好最近忙工作上的事呢 可以联系QQ563356602

1
#50gavin_laiba回复于2018-05-29 10:33:42

楼主,能把这个语音识别用到我自己项目中吗

0
#49gavin_laiba回复于2018-05-29 10:32:54

楼主,能把这个语音识别用到我自己项目中吗

0
#48gavin_laiba回复于2018-05-29 10:32:19

楼主,拜读并测试了你的录音部分的代码,确实好用。想问下能请你给做个项目吗

0
#47gavin_laiba回复于2018-05-29 10:32:12

楼主,拜读并测试了你的录音部分的代码,确实好用。想问下能请你给做个项目吗要用到你这个语音识别的功能。

0
#46gavin_laiba回复于2018-05-29 10:31:39

楼主,拜读并测试了你的录音部分的代码,确实好用。想问下能请你给做个项目吗,要用到你这个语音识别的功能。

0
#45gavin_laiba回复于2018-05-29 10:31:27

楼主,拜读并测试了你的录音部分的代码,确实好用。想问下能请你给做个项目吗,要用到你这个语音识别的功能

0
#43笔墨哥回复于2018-01-28 23:31:48
#42 荒墨丶迷失回复
哟西。原来这就是百度的sta。

没错,原来你是懂得,和我装听不懂。。

0
#42荒墨丶迷失回复于2018-01-28 23:06:01
#41 笔墨哥回复
你看,这不就是astar么~

哟西。原来这就是百度的sta。

1
#41笔墨哥回复于2018-01-28 22:43:14
#19 荒墨丶迷失回复
有得,百度之星·程序设计大赛和百度之星·开发者大赛  想了解的访问以下地址,争取明年拿奖 http://astar2017.baidu.com/home/index
展开

你看,这不就是astar么~

0
#40荒墨丶迷失回复于2018-01-17 23:28:16
#39 K零度以下回复
完全不知道还有这个

今年可也参加试试哟……

1
#39K零度以下回复于2018-01-17 11:15:34
#19 荒墨丶迷失回复
有得,百度之星·程序设计大赛和百度之星·开发者大赛  想了解的访问以下地址,争取明年拿奖 http://astar2017.baidu.com/home/index
展开

完全不知道还有这个

0
#38K零度以下回复于2018-01-17 11:15:13
#21 笔墨哥回复
关注百度校园官网,一般每年5/6月会发出中国大创业家夏令营的报名表,里面会有赛题,完成创业计划书发给百度,就会进入筛选环节。然后8月去中科大培训(包吃包住包高铁票),最后一天进行现场答辩,评选优秀队伍,获得百度资助。   目前我组的队已经成功晋级两次了。。只要了解百度,一切皆有可能。。哈哈
展开

长见识了,笔墨哥在读吗

0
#37zr0519回复于2017-12-29 15:42:13

厉害了,跪拜

0
#36荒墨丶迷失回复于2017-12-10 22:41:36
#35 笔墨哥回复
这就接不下去了。。。

好吧 这个时候就该转移话题 来来来 话题王笔墨哥

0
#35笔墨哥回复于2017-12-10 03:54:23
#34 荒墨丶迷失回复
那我其他说的话就没道理了嘛  hhhh~

这就接不下去了。。。

0
TOP
切换版块