天天看點

微信語音在網頁上播放

微信語音在網頁端播放

做的一個項目,需要個功能,微信公衆号裡點菜單進去一個網頁後能和背景客服人員線上聊天,而且還能發送語音,

背景客服人員在電腦PC端上登入網頁也能和使用者進行線上聊天,并且能聽到語音。

制作思路:

文字聊天功能用最簡單的方式,客戶聊天頁/user/chat, 背景聊天頁/admin/chat,資料庫聊天表chat,

聊天頁裡文本框,發送按鈕,點了就把文本框裡的内容存到資料庫聊天表中,

然後在聊天頁用js的setinterval定時從資料庫裡取出資料顯示;

發送語音功能,使用者聊天是在微信裡聊天的,可以使用微信的JSSDK來發送語音(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html),發送語音後會有個本地localid, 還需要用那個JSSDK裡的上傳方法上傳到微信伺服器上取得serverid,屬于

臨時素材,隻能存儲三天,發送按鈕就把這個serverid存到資料庫chat裡,在使用者聊天頁上就可以直接調用JSSDK裡的方法來播放語音;

相關JS代碼:

微信語音在網頁上播放
微信語音在網頁上播放
微信語音在網頁上播放

背景聊天頁從資料庫取出Serverid,然後再用微信公衆号開發文檔裡的擷取臨時素材接口(https://developers.weixin.qq.com/doc/offiaccount/Asset_Management/Get_temporary_materials.html)下載下傳音頻,下載下傳到的是speex格式的,上網找了好久,才找到個speex格式轉到wav格式的指令行工具,WIN下可用的,轉為wav格式後就可以用h5的audio來播放音頻了,這樣就能在網頁上聽到聲音了

JS代碼:

微信語音在網頁上播放

背景代碼:

微信語音在網頁上播放

speex格式轉wav的工具,WIN下用的

http://image.niunan.net/spx2wav_win.zip

用自己寫的微信helper,用于.net下的,core下的沒試過,不知道能不能用

http://blog.niunan.net/blog/show/1278