微信語音在網頁上播放

微信語音在網頁端播放

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章