知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產生價值,我們在追求其視覺表現(xiàn)的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
動手搭建第一個小程序音視頻Demo
發(fā)表時間:2021-3-31
發(fā)布人:葵宇科技
瀏覽次數(shù):47
騰訊云提供了全套技術文檔和源碼來幫助您快速構建一個音視頻小程序,但是再好的源碼和文檔也有學習成本,為了盡快的能調試起來,我們還提供了一個免費的一鍵部署服務:您只需輕點幾下鼠標,就可以在自己的賬號下獲得一個音視頻小程序,同時附送一臺擁有獨立域名的測試服務器,讓您可以在 5 分鐘內快速構建出自己的測試環(huán)境。
通過微信公眾平臺授權登錄騰訊云
打開 微信公眾平臺 注冊并登錄小程序,按如下步驟操作:
- 單擊左側菜單欄中的【設置】。
- 單擊右側 Tab 欄中的【開發(fā)者工具】。
- 單擊【騰訊云】,進入騰訊云工具頁面,單擊【開通】。
- 使用小程序綁定的微信掃碼即可將小程序授權給騰訊云,開通之后會自動進去騰訊云微信小程序控制臺,顯示開發(fā)環(huán)境已開通,此時可以進行后續(xù)操作。
注意:
此時通過小程序開發(fā)者工具查看騰訊云狀態(tài)并不會顯示已開通,已開通狀態(tài)會在第一次部署開發(fā)環(huán)境之后才會同步到微信開發(fā)者工具上。
免費開通騰訊云服務
1 開通直播服務
1.1 申請開通視頻直播服務
進入 直播管理控制臺,如果服務還沒有開通,則會有如下提示:
點擊申請開通,之后會進入騰訊云人工審核階段,審核通過后即可開通。
1.2 配置直播碼
直播服務開通后,進入【直播控制臺】>【直播碼接入】>【接入配置】(https://console.cloud.tencent.com/live/livecodemanage) 完成相關配置,即可開啟直播碼服務:
點擊【確定接入】按鈕即可。
1.3 獲取直播服務配置信息
從直播控制臺獲取bizid、pushSecretKey,后面配置服務器會用到:
2. 開通云通信服務
2.1 申請開通云通訊服務
進入云通訊管理控制臺,如果還沒有服務,直接點擊直接開通云通訊按鈕即可。新認證的騰訊云賬號,云通訊的應用列表是空的,如下圖:
點擊創(chuàng)建應用接入按鈕創(chuàng)建一個新的應用接入,即您要接入騰訊云IM通訊服務的App的名字,我們的測試應用名稱叫做“RTMPRoom演示”,如下圖所示:
點擊確定按鈕,之后就可以在應用列表中看到剛剛添加的項目了,如下圖所示:
2.2 配置獨立模式
上圖的列表中,右側有一個應用配置按鈕,點擊這里進入下一步的配置工作,如下圖所示。
2.3 獲取云通訊服務配置信息
從直播控制臺獲取SdkAppid、accountType、privateKey、administrator,后面配置服務器會用到:
從驗證方式中下載公私鑰,解壓出來將private_key用文本編輯器打開,如:
-----BEGIN PRIVATE KEY----- MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg -----END PRIVATE KEY-----
將其轉換成字符串形式如下所示,后面在server配置文件中使用:
"-----BEGIN PRIVATE KEY-----\r\n"+ "MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc\r\n"+ "Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY\r\n"+ "zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg\r\n"+ "-----END PRIVATE KEY-----\r\n"
三、安裝微信小程序開發(fā)工具
下載并安裝最新版本的微信開發(fā)者工具,使用小程序綁定的微信號掃碼登錄開發(fā)者工具。
四、下載 Demo
訪問 SDK+Demo,獲取小程序 Demo 和后臺源碼。
五、上傳和部署代碼
- 打開第三步安裝的微信開發(fā)者工具,點擊【小程序項目】按鈕。
- 輸入小程序 AppID,項目目錄選擇上一步下載下來的代碼目錄,點擊確定創(chuàng)建小程序項目。
- 再次點擊【確定】進入開發(fā)者工具。
注意:
目錄請選擇
RTMPRoom
根目錄。包含有project.config.json
,請不要只選擇wxlite
目錄!
- 打開 Demo 代碼中
server
目錄下的config.js
文件,將其中的bizid
、pushSecretKey
、APIKey
、sdkAppID
、accountType
、administrator
、privateKey
配置成上述直播服務及云通信服務里生成的值,并保存。修改 MySQL 密碼
- 點擊界面右上角的【騰訊云】圖標,在下拉的菜單欄中選擇【上傳測試代碼】。
- 選擇【模塊上傳】并勾選全部選項,然后勾選【部署后自動安裝依賴】,點擊【確定】開始上傳代碼。
選擇模塊 上傳成功 - 上傳代碼完成之后,點擊右上角的【詳情】按鈕,接著選擇【騰訊云狀態(tài)】即可看到騰訊云自動分配給你的開發(fā)環(huán)境域名:
- 完整復制(包括
https://
)開發(fā)環(huán)境 request 域名,然后在編輯器中打開wxlite/config.js
文件,將復制的域名填入url
中并保存,保存之后編輯器會自動編譯小程序,左邊的模擬器窗口即可實時顯示出客戶端的 Demo:修改客戶端配置 - 在模擬器中編譯運行點擊多人音視頻進入,在右側的console里面可以看到登錄成功的log表示配置成功。
常見問題 FAQ
1. 運行小程序進入多人音視頻看不到畫面?
- 請確認使用手機來運行,微信開發(fā)者工具內部的模擬器目前還不支持直接運行
- 請確認小程序基礎庫版本 wx.getSystemInfo 可以查詢到該信息,1.7.0 以上的基礎庫才支持音視頻能力。
- 請確認小程序所屬的類目,由于監(jiān)管要求,并非所有類目的小程序都開發(fā)了音視頻能力,已支持的類目請參考 DOC。
- 如有更多需求,或希望深度合作,可以提工單或客服電話(400-9100-100)聯(lián)系我們。
原創(chuàng)聲明,本文系作者授權云+社區(qū)-專欄發(fā)表,未經(jīng)許可,不得轉載。
如有侵權,請聯(lián)系 [email protected] 刪除。
相關案例查看更多
相關閱讀
- 云南網(wǎng)絡推廣
- 網(wǎng)站制作
- 網(wǎng)站排名
- 江蘇小程序開發(fā)
- 云南網(wǎng)站建設費用
- 網(wǎng)站建設百度官方
- 報廢車拆解管理系統(tǒng)
- 云南網(wǎng)站建設服務
- 云南網(wǎng)站建設方法
- 小程序
- 網(wǎng)站建設公司地址
- 云南省城鄉(xiāng)建設廳網(wǎng)站
- 網(wǎng)站上首頁
- 正規(guī)網(wǎng)站建設公司
- 網(wǎng)站建設優(yōu)化
- 百度排名
- 小程序定制
- 云南網(wǎng)站建設公司地址
- 云南網(wǎng)站建設公司排名
- 海報插件
- 專業(yè)網(wǎng)站建設公司
- 小程序的開發(fā)公司
- 網(wǎng)站建設報價
- 搜索引擎排名
- 云南etc小程序
- 云南微信小程序開發(fā)
- 報廢車回收管理系統(tǒng)
- 前端
- 小程序開發(fā)排名前十名
- 汽車報廢系統(tǒng)