Web端声纹识别

原创 ssttm169 随笔 前端 820阅读 2018-06-04 10:16:46 举报

最近做一个微信的口令红包的功能,准备都要投入使用了, 老板突然发愁,他说 现在的羊毛党这么猖狂,一不小心,10万的推广红包,会不会两天就挨刷完了? ....那我们能否做一个功能校验一下是否同一个人来领取红包,不就得了吗? 他一拍脑袋,接着说,Tom 你给我们做一个声纹识别吧!

<br/>
说干就干,在寻找 声纹识别服务商,发现什么科大讯飞,还什么BAT等许多大厂都没有支持Web端的,后来找到一个不知名的小厂。。
<br/>

具体的流程如下:

具体流程

<br/>

声纹注册用户(最终效果图)

注册效果图

<br/>

声纹登录(最终效果图)

登陆效果图

<br/>

上传文件识别:

上传文件识别

<br/>

pm2线程

pm2线程
<br/>

服务端

因为声纹识别服务商 不能直接使用客户端直接调用 和 音频不支持的问题,要开发自己的服务端来对接。

技术栈 koa + co-wecaht-api + mysql + ffmpeg + pm2 + knex

注:因服务商不支持微信amr文件, 要用ffmpeg 把微信的音频amr文件转码成wav。

以下是一些相关的代码,,开撸。。

微信jssdk开发 如果你微信API这一块已经很熟悉了,跳到下一节
<br/>

获取微信token

注:如果报读取不了token文件,就手动在相应的目录,新建的文本文件, 比如 access_token.txt

<br/>

获取微信签名

<br/>

跨域请求

<br/>

ffmpeg转码

<br/>

提交声纹服务器

<br/><br/>

客户端

技术栈 vue + vue-router + axios。

去掉微信 长按 弹出复制的按钮

<br/>

获取微信签名,注册事件

<br/>

提前提示用户授权录音功能, 为了避免 正式开始录音时,同时提示授权,此时录音功能状态已经失控。

好了, talk is cheap, show you the code.

Github源代码在此, 给星星的人都很美~

评论 ( 1 )
最新评论
lawrence 2018-08-07 20:34:26 1F

声纹服务器,要花钱么?