国产肥老妇视频∵_国产农村乱辈无码_国产免费人成视频网_国产乱子影视频上线免费观看_福利视频二区_高清无码午夜福利视频_99福利视频

電話熱線: 19128460057
電話熱線: 13410710107
首頁>電商營銷>Hishop搭建微信小程序音視頻

Hishop搭建微信小程序音視頻

作者:TPshop搜豹商城   發布時間:2019-10-28 15:50   閱讀:1431

Hishop搭建微信小程序音視頻,微信小程序音視頻解決方案 


注冊小程序并開通相關接口

出于政策和合規的考慮,微信暫時沒有放開所有小程序對 <live-pusher> 和 <live-player> 標簽的支持:

個人賬號和企業賬號的小程序暫時只開放如下表格中的類目:

主類目子類目 【社交】直播【教育】在線教育【醫療】互聯網醫院,公立醫院【政務民生】所有二級類目【金融】基金、信托、保險、銀行、證券/期貨、非金融機構自營小額貸款、征信業務、消費金融


打開微信公眾平臺 注冊并登錄小程序,并在小程序管理后臺的<font color='red'> “設置 - 接口設置” </font>中自助開通該組件權限


注意:如果以上設置都正確,但小程序依然不能正常工作,可能是微信內部的緩存沒更新,請刪除小程序并重啟微信后,再進行嘗試。


安裝微信小程序開發工具

下載并安裝最新版本的微信開發者工具,使用小程序綁定的微信號掃碼登錄開發者工具。

Hishop搭建微信小程序音視頻

獲取Demo源碼并調試

step1: 訪問SDK + Demo,獲取小程序 Demo 源碼。

step2: 打開安裝的微信開發者工具,點擊【小程序項目】按鈕。

step3: 輸入小程序 AppID,項目目錄選擇上一步下載下來的代碼目錄( 注意: 目錄請選擇 根目錄 ,根目錄包含有 project.config.json 文件,請不要只選擇 wxlite 目錄?。c擊確定創建小程序項目。

step4: 再次點擊【確定】進入開發者工具。

step5: 請使用手機進行測試,直接掃描開發者工具預覽生成的二維碼進入。

step6: <font color='red'>開啟調試模式</font>,體驗和調試內部功能。開啟調試可以跳過把這些域名加入小程序白名單的工作。

搭建自己的賬號和后臺服務器


這部分我們將介紹如何將Demo默認的測試用服務器地址,換成您自己的服務器,這樣一來,您就可以使用自己的騰訊云賬號實現上述功能,同時也便于您進行二次開發。


1. 搭建 <webrtc-room> 的服務器

1.1 這個服務器能做什么?

點擊demo里的互動課堂 <webrtc-room> 功能,您會看到一個房間列表,這個房間列表是怎么實現的呢?

在看到視頻房間列表以后,如果你要創建一個視頻房間,或者進入一個其他人建好的視頻房間,就需要為 所對應的幾個屬性( sdkAppID 、 userID 、 userSig 、 roomID 和 privateMapKey )傳遞合法的參數值,這幾個參數值怎么獲取呢?

1.2 這個服務器要怎么搭建?

下載 webrtc_server ,這是一份 java 版本的實現,根據 README.md 中的說明就可以了解怎么使用這份源碼。

1.3 服務器建好了我怎么用?

小程序 源碼中,將 wxlite/config.js 文件中的 webrtcServerUrl 修改成:https://您自己的域名/webrtc/weapp/webrtc_room

小程序實現 WebRTC 能力肯定是為了跟 Chrome 瀏覽器進行視頻通話,瀏覽器端的源代碼可以點擊 Chrome(src) 下載到,將 component/WebRTCRoom.js 文件中的 serverDomain 修改成:https://您自己的域名/webrtc/weapp/webrtc_room

2. 搭建 <live-room> 和 <rtc-room> 的服務器

2.1 這個服務器能做什么?

(用于直播連麥)和 (用于視頻通話)都是基于騰訊云 LVB 和 IM 兩個基礎服務實現的擴展功能,需要一個叫做 RoomService 的后臺組件配合才能運行。

2.2 這個服務器要怎么搭建?

下載 RoomService 的 java 版本源代碼,根據 README.md 中的說明就可以了解怎么使用這份源碼。

2.3 服務器建好了我怎么用?

小程序 源碼中,將 wxlite/config.js 文件中的 serverUrl 和 roomServiceUrl 修改成:https://您自己的域名/roomservice/

小程序如果使用 <live-room> 和 <rtc-room> 兩個標簽,在 PC 端就不能用 Chrome 瀏覽器配對了,需要改用WebEXE 混合解決方案。將 GitHub(WebEXE) 源碼中 liveroom.html、double.html文件中的 RoomServerDomain 修改成:https://您自己的域名/roomservice/

3. Wafer 零成本服務器部署方案 (Node.js)

如果您是一位資深的 Web 前端工程師,暫時找不到合適的服務器,但又想快速擁有自己的調試后臺,可以使用騰訊云的 Wafer 功能進行零成本的一鍵部署方案(Wafer 只支持 Node.js 語言的后臺代碼),您需要你做的只是:

step1: 下載 小程序 源碼。

step2: 根據 一鍵部署指引 完成部署。

step3: 將 GitHub(WebEXE) 源碼中 liveroom.html、double.html文件中的 RoomServerDomain修改成:https://您自己的域名/roomservice/

小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。


<TPshop(www.6h610m.com)是國內知名商城系統及商城網站建設提供商,為企業級商家提供新零售O2O系統商城、微信分銷商城、網上商城開發、電商小程序、開源網店商城、社區團購系統等多端商城及電子商務行業解決方案>


文章摘自Hi商




上一篇:微商城分銷商城有哪些特點? 下一篇:商城系統可以幫助企業做哪些事?
All Rights Reserved 深圳搜豹網絡有限公司版權所有.粵ICP備15065422號 深圳市龍崗區坂田街道楊美社區六維商務中心C座三層C312
tel code back_top
主站蜘蛛池模板: 丹寨县| 蒙自县| 大足县| 鲜城| 霸州市| 筠连县| 兴化市| 长葛市| 金山区| 博兴县| 贵德县| 德兴市| 白玉县| 武隆县| 松江区| 长垣县| 浮梁县| 连城县| 英吉沙县| 高雄县| 囊谦县| 广东省| 南安市| 望奎县| 子长县| 雅江县| 河北省| 长海县| 南丰县| 伊春市| 读书| 望奎县| 崇仁县| 赤峰市| 故城县| 启东市| 海原县| 图片| 桃园市| 拉萨市| 水富县|