這是一個純前端Serverless的H5語音聊天室
專案Demo演示地址
瀏覽器支援情況
簡介
本文使用的是騰訊雲給出的遊戲語音解決方案，個人開發者可以免費使用部分功能。
免費的真香2333
本文只使用了H5 SDK，只有最基礎的語音聊天服務。還有更高階的空間音效，語音識別等功能，不過在Web沒法用就是了...
不包含廣告，可放心食用。
之前掘金有人瘋狂發某雲的組隊廣告，真的挺煩人的。
需要材料
- 騰訊雲賬號
- Github賬號
- 一個HTTPS域名及一個能夠部署node的伺服器
- 本地執行NodeJS，服務端部署NodeJS服務的條件
涉及技術
只是用到了，本文不涉及0.0
- Vue
- Element-UI
- Node.js
- pm2
第一步，建立應用
登陸騰訊雲官網，訪問GME遊戲多媒體引擎
新建應用，平臺勾選H5，服務區域選擇中國大陸。（不需要付費，免費用量500日pv）
注意！關閉實時語音服務以外的其他服務（因為這些要付費的樣子qwq）
建立完成後點開應用詳情就可以看到AppID和許可權密匙了
如有疑問可查閱騰訊雲-GME接入指引
第二步，下載鑑權程式並部署
鑑權部分具體操作請參照官方文件 cloud.tencent.com/document/pr…
大致流程：
- 下載簽名程式
- 將程式中的AppID和許可權金鑰修改成你自己的
- 測試簽名程式能否正常工作
本地測試這個簽名程式無誤，能正常得到鑑權資訊之後，則可以使用pm2將這個簽名程式部署到你的伺服器上了。（注意！需要部署到HTTPS域名下）
第三步，fork前端程式並部署
登陸Github，fork我的這個gme-chat-demo專案 （該專案改造自官方模板，專案中已包含了SDK）
然後將index.html中此處程式碼中的AppID和簽名程式地址修改為你自己的即可。
使用Github Pages將前端頁面部署，Github會自動給你分配https域名?
然後...
找你的朋友來試試吧~?
如果沒有朋友可以自己開兩個標籤頁（哭了）
關於GME SDK更多的能力與API，則可以閱讀官方文件
總結
各種雲服務商為個人開發者提供了更便捷的雲服務，serverless，音視訊流服務等...
讓更多個人開發者也輕鬆能做出直播，聊天室等複雜功能。
文章潦草，還望見諒 ･ω･ 有任何意見也歡迎提出~