效果圖

3個(gè)模塊（圖片來自微信平臺(tái)）

主播端 - 在小程序中創(chuàng)建直播間

觀眾端

開通小程序直播的條件

1.屬于小程序直播開放類目，具體見《微信小程序直播功能準(zhǔn)入要求》
2.主體下小程序近半年沒有嚴(yán)重違規(guī)；
3.小程序近90天內(nèi)，有過支付行為；

一、登錄微信小程序后臺(tái)開啟直播功能

申請(qǐng)開通

創(chuàng)建直播間

二、在項(xiàng)目中引入直播組件

1.引入
　在pages.json中引入
　支持在主包或分包內(nèi)引入【直播組件】 live-player-plugin 代碼包，不要改變provider的appId

(1) 主包引入

"plugins": {
    "live-player-plugin": {
        "version": "1.2.4", // 注意填寫該直播組件最新版本號(hào)，微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)（復(fù)制時(shí)請(qǐng)去掉注釋）
        "provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid，該示例值即為直播組件appid（復(fù)制時(shí)請(qǐng)去掉注釋）
    }
}

(2) or分包引入

"subpackages": [
    {
        "plugins": {
            "live-player-plugin": {
                "version": "1.2.4", // 注意該直播組件最新版本號(hào)，微信開發(fā)者工具調(diào)試時(shí)可獲取最新版本號(hào)（復(fù)制時(shí)請(qǐng)去掉注釋）
                "provider": "wx2b03c6e691cd7370" // 必須填該直播組件appid，該示例值即為直播組件appid（復(fù)制時(shí)請(qǐng)去掉注釋）
            }
        }
    }
]

2.觀眾端使用
　在需要進(jìn)入直播間的頁(yè)面寫個(gè)入口
　不要改變鏈接地址：plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin;
　不要改變provider的appId（是直播組件appid）

(1) 使用 navigator 組件跳轉(zhuǎn)進(jìn)入直播間

<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}}&custom_params={{customParams}}"></navigator>

(2) or使用 navigateTo 方法跳轉(zhuǎn)進(jìn)入直播間

let roomId = [直播房間id] // 填寫具體的房間號(hào)，可通過下面【獲取直播房間列表】 API 獲取
let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 開發(fā)者在直播間頁(yè)面路徑上攜帶自定義參數(shù)（如示例中的path和pid參數(shù)），后續(xù)可以在分享卡片鏈接和跳轉(zhuǎn)至商詳頁(yè)時(shí)獲取，詳見【獲取自定義參數(shù)】、【直播間到商詳頁(yè)面攜帶參數(shù)】章節(jié)（上限600個(gè)字符，超過部分會(huì)被截?cái)啵?uni.navigateTo({
    url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})

3.主播端使用
(1) 在直播控制臺(tái)中可掃碼進(jìn)入

直播控制臺(tái)

(2) 創(chuàng)建直播間
　有兩種方法：在小程序創(chuàng)建，在控制臺(tái)創(chuàng)建

在小程序中創(chuàng)建

在控制臺(tái)中創(chuàng)建

相關(guān)官方地址：

小程序后臺(tái)：https://mp.weixin.qq.com/
小程序直播組件使用：https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html
創(chuàng)建一個(gè)小程序：https://developers.weixin.qq.com/miniprogram/introduction
小程序直播產(chǎn)品使用指南（必看）https://docs.qq.com/slide/DSkN3dXRoam5ycGFV