公式ドキュメントのリンクミニ プログラム ライブ開発ドキュメント
【Live Components】インポート方法
バージョン制限: WeChat クライアント バージョン 7.0.7 以降 (基本ライブラリ バージョン 2.9.x 以降は同一レイヤー レンダリングをサポート) でライブ ブロードキャストを視聴し、ライブ ブロードキャスト ルームの機能を使用できます。下位バージョンがライブ ブロードキャスト ルームに入ったばかりの場合を選択すると、ユーザーは WeChat クライアントのバージョンをアップグレードするように求められます (これより低いバージョンではライブ放送の視聴のみが可能で、ライブ放送ルームの機能は使用できません)。
プロジェクトのルート ディレクトリの app.json によって参照される、メイン パッケージまたはサブパッケージに [ライブ コンポーネント] ライブ プレーヤー プラグイン コード パッケージを導入することがサポートされています (注: ライブ コンポーネントはコード パッケージのサイズに含まれません)。 、サンプルコードは次のとおりです。
(1) メインパッケージのインポート
"plugins": {
"live-player-plugin": {
"version": "1.3.5",
"provider": "wx2b03c6e691cd7370"
}
},
このうち、wx2b03c6e691cd7370 はライブ ブロードキャスト コンポーネントの appid であり変更できません。バージョン番号は特定の使用時間に応じて表示されます。
(2) 委託先の紹介
"subpackages": [
{
"plugins": {
"live-player-plugin": {
"version": "1.3.0", // 注意该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)
"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释)
}
}
}
]
ここではメインパッケージインポートを使用しています
【ライブコンポーネント】使い方
ステップ 1 の方法に従ってコンポーネント コード パッケージ構成をインポートした後、リンク アドレスを通じてライブ コンポーネント ページに直接ジャンプする (つまり、ライブ ルーム ページに入る) ことができます。リンク アドレスにはライブ ルーム ID が必要です。ルーム ID は、次のルーム リスト取得 API を通じて取得できます。
(1) ナビゲータコンポーネントを使用して生放送ルームにジャンプします
インデックス.js
let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取
let customParams = encodeURIComponent(JSON.stringify({
path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断)
this.setData({
roomId,
customParams
})
インデックス.wxml
<navigator url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={
{roomId}}&custom_params={
{customParams}}"></navigator>
// 其中wx2b03c6e691cd7370是直播组件appid不能修改
(2) navigateToメソッドでライブ配信ルームにジャンプします
インデックス.js
let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取
let customParams = encodeURIComponent(JSON.stringify({
path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断)
wx.navigateTo({
url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})
// 其中wx2b03c6e691cd7370是直播组件appid不能修改