微信語音在網頁端播放
做的一個項目,需要個功能,微信公衆号裡點菜單進去一個網頁後能和背景客服人員線上聊天,而且還能發送語音,
背景客服人員在電腦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