登录 | 注册

Web端声纹识别

首页 > Web前端 > Web标准 2018-06-04 14:27:58 浏览次 共 条评论

收藏赞(分享

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

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

具体的流程如下:

具体流程

 

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

注册效果图

 

声纹登录(最终效果图)

登陆效果图

 

上传文件识别:

上传文件识别

 

pm2线程

pm2线程
 服务端

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

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

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

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

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

获取微信token

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

 

获取微信签名

 

跨域请求

 

ffmpeg转码

 

提交声纹服务器


 客户端

技术栈 vue + vue-router + axios。

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

 

获取微信签名,注册事件

 

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

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

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

免责声明:本文来源于,由网友提供或网络搜集,仅供个人研究、交流学习使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。优知网会定期发布Web前端相关趋势文章,包括 Web标准 HTML5 CSS JS JQuery Ajax 网页特效 等领域,敬请关注!

分享到
人收藏5 收藏
 
 
 

咨询中心

优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博