tom vpr

การจดจำการพิมพ์เสียงของเว็บ

ล่าสุดระบบซองจดหมายสีแดงสำหรับรหัสผ่าน WeChat กำลังจะถูกนำไปใช้ วันหรือเปล่า .... ถ้าอย่างนั้นเราขอตรวจสอบคนๆ เดียวกันว่าได้รับอั่งเปามั้ย ไม่พอเหรอ?

ทันทีที่ฉันพูดไป ฉันกำลังมองหาผู้ให้บริการจดจำการพิมพ์เสียง ฉันพบว่าบริษัทใหญ่ๆ หลายแห่ง เช่น iFlytek และ BAT ไม่สนับสนุนทางเว็บ ต่อมาฉันพบบริษัทเล็กๆ ที่ไม่รู้จัก -

กระบวนการเฉพาะมีดังนี้:

ผู้ใช้ที่ลงทะเบียน Voiceprint (การแสดงผลขั้นสุดท้าย)

การเข้าสู่ระบบ Voiceprint (การเรนเดอร์ครั้งสุดท้าย)

รหัสประจำตัวไฟล์อัปโหลด:

กระทู้ pm2

เซิร์ฟเวอร์

เนื่องจากผู้ให้บริการจดจำการพิมพ์เสียงไม่สามารถใช้ไคลเอ็นต์ในการโทรโดยตรงได้โดยตรงและไม่รองรับเสียง จึงจำเป็นต้องพัฒนาเซิร์ฟเวอร์ของตนเองเพื่อเชื่อมต่อ

เทคโนโลยีสแต็ก koa + co-wecaht-api + mysql + ffmpeg + pm2 + knex

หมายเหตุ: เนื่องจากผู้ให้บริการไม่รองรับไฟล์ WeChat amr คุณจึงจำเป็นต้องใช้ ffmpeg เพื่อแปลงรหัสไฟล์เสียง amr ของ WeChat เป็น wav

ต่อไปนี้เป็นรหัสที่เกี่ยวข้อง เปิด -

การพัฒนา WeChat jssdk หากคุณคุ้นเคยกับ WeChat API อยู่แล้ว ให้ข้ามไปยังส่วนถัดไป

รับโทเค็น WeChat

 var api = await new WechatAPI (
	config . appid ,
	config . appsecret ,
	async ( ) => {
		// 传入一个获取全局token的方法
		var txt = await fs . readFile ( "./token/access_token.txt" , "utf8" ) ;
		return JSON . parse ( txt ) ;
	} ,
	async token => {
		// 请将token存储到全局，跨进程、跨机器级别的全局，比如写到数据库、redis等
		// 这样才能在cluster模式及多机情况下使用，以下为写入到文件的示例
		await fs . writeFile ( "./token/access_token.txt" , JSON . stringify ( token ) ) ;
	}
) ;

หมายเหตุ: หากไม่สามารถอ่านไฟล์โทเค็นได้ ให้สร้างไฟล์ข้อความใหม่ด้วยตนเองในไดเร็กทอรีที่เกี่ยวข้อง เช่น access_token.txt

รับลายเซ็น WeChat

 var jsapi_ticket = await api . getLatestTicket ( ) ;
let nonce_str = 'abcdefg' ;    // 密钥，字符串任意，可以随机生成
let timestamp = parseInt ( new Date ( ) . getTime ( ) / 1000 ) + '' ;  // 时间戳
let url = ctx . request . body . url ;   // 使用接口的url链接，不包含#后的内容
let str = 'jsapi_ticket=' + jsapi_ticket . ticket + '&noncestr=' + nonce_str + '&timestamp=' + timestamp + '&url=' + url ;
let signature = sha1 ( str ) ;

ctx . body = {
    appId : config . appid ,
    timestamp : timestamp ,
    nonceStr : nonce_str ,
    signature : signature
}

คำขอข้ามโดเมน

 const Koa = require ( "koa" ) ;
const app = new Koa ( ) ;
const cors = require ( "koa-cors" ) ;
... . .
app . use (
	cors ( {
		origin : "http://www.xxxx.com" ,
		maxAge : 5 ,
		credentials : true ,
		allowMethods : [ "OPTIONS" , "GET" , "POST" , "DELETE" ] ,
		allowHeaders : [ 'Content-Type' , 'Accept' ]
	} )
) ;

การแปลงรหัส ffmpeg

 const ffmpeg = require ( 'fluent-ffmpeg' ) ;
... .
var command = ffmpeg ( _delPath . amr )
. audioBitrate ( '16k' )  //16k音频采样率
. audioFrequency ( 16000 )  //16比特音频信号
. audioQuality ( 10 )   //音频质量
. on ( 'end' , function ( ) {
	console . log ( 'file has been converted succesfully' ) ;
	resolve ( ) ;
} )
. on ( 'error' , function ( err ) {
	reject ( err . message )
	console . log ( 'an error happened: ' + err . message ) ;
} )
. save ( _delPath . fix ) ;

ส่งเซิร์ฟเวอร์การพิมพ์เสียง

 const rp = require ( "request-promise" ) ;
... . .
var vprData = {
    method : "POST" ,
    url : "http://www.xxxx.com" ,
    headers : {
        "cache-control" : "no-cache" ,
        "x-udid" : "xxxxxx" ,
        "x-session-key" : "xxxx" ,
        "x-task-config" : "xxxxxx" ,
        "x-request-date" : "xxxxxx" ,
        "x-sdk-version" : "5.1" ,
        "x-app-key" : "xxxxxxx"
    } ,
    formData : {
        // Like <input type="file" name="file">
        file : {
            value : fs . createReadStream ( soundData . path ) ,
            options : {
                filename : soundData . name ,
                contentType : soundData . type //mp3 = audio/mpeg, wav = audio/wav
            }
        }
    }
} ;
var xml = await rp ( vprData ) ;

//xml to json
var resJson = { } ;
var parseString = require ( 'xml2js' ) . parseString ;
await new Promise ( ( resolve , reject ) => {
    parseString ( xml . toString ( ) , async ( err , result ) => {
        resJson = result . ResponseInfo ;
       	//do something
        resolve ( ) ;
    } ) ;
} ) ;

ลูกค้า

เทคโนโลยีสแต็ก vue + vue-router + axios

ลบปุ่มคัดลอกป๊อปอัปแบบกดค้างบน WeChat

 mounted ( ) {
	document . oncontextmenu = function ( e ) {
		e . preventDefault ( ) ;
	} ;

    //初始化 微信jssdk
	vm . wx_init ( ) ;
}

รับลายเซ็น WeChat และลงทะเบียนกิจกรรม

 wx . config ( {
	debug : false , // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	appId : res . appId , // 必填，公众号的唯一标识
	timestamp : res . timestamp , // 必填，生成签名的时间戳
	nonceStr : res . nonceStr , // 必填，生成签名的随机串
	signature : res . signature , // 必填，签名，见附录1
	jsApiList : [
		"onMenuShareTimeline" ,
		"onMenuShareAppMessage" ,
		"uploadVoice" ,
		"startRecord" ,
		"playVoice" ,
		"stopRecord" ,
		"onVoicePlayEnd"
	] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
} ) ;

แจ้งให้ผู้ใช้อนุญาตฟังก์ชันการบันทึกล่วงหน้าเพื่อหลีกเลี่ยงการได้รับแจ้งให้อนุญาตในเวลาเดียวกันเมื่อเริ่มการบันทึกอย่างเป็นทางการ ในขณะนี้ สถานะของฟังก์ชันการบันทึกอยู่นอกเหนือการควบคุม

 if ( ! localStorage . rainAllowRecord || localStorage . rainAllowRecord !== "true" ) {
	wx . startRecord ( {
		success : function ( ) {
			localStorage . rainAllowRecord = "true" ;
			wx . stopRecord ( ) ;
		} ,
		cancel : function ( ) {
			alert ( "用户拒绝授权录音" ) ;
		}
	} ) ;
}

โอเค พูดถูก แสดงรหัสให้คุณดู

วิธีใช้

 git clone https: //github.com/ssttm169/tom-vpr.git
cd server
npm i / yarn
npm run dev //本地开发
npm start //服务器跑

//或者
cd client
npm i / yarn
npm run dev //本地开发
npm start //服务上跑客户端