IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 小程序直播开发流程 -> 正文阅读

[移动开发]小程序直播开发流程

目录
一、 管理端:
(1) 进入微信小程序开通直播功能
(2) 创建直播间 1
一、 客户端(微信小程序):
开发流程:
(1) 直播
① 主包引入
② 分包引入
(2) 直播回放功能:

一、管理端:
(1)进入微信小程序开通直播功能
在这里插入图片描述

(2)创建直播间
填写基本信息及配置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(默认不勾选,如需使用回放功能请勾选)
一、客户端(微信小程序):
开发文档:(微信开发者文档
在这里插入图片描述

开发流程:
(1)直播

1.直播组件引入
在主包或分包内引入【直播组件】 live-player-plugin 代码包(注:直播组件不计入代码包体积),在项目根目录的 app.json 引用 provider wx2b03c6e691cd7370 别改就这个
① 主包引入
代码:
“plugins”: { “live-player-plugin”: { “version”: “1.3.0”, // 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) “provider”: “wx2b03c6e691cd7370” // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释) } }
② 分包引入
代码:
“subpackages”: [ { “plugins”: { “live-player-plugin”: { “version”: “1.3.0”, // 注意该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释) “provider”: “wx2b03c6e691cd7370” // 必须填该直播组件appid,该示例值即为直播组件appid(复制时请去掉注释) } } } ]

2.获取直播房间列表 (文档 :https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/industry/liveplayer/studio-api.html)

拿到roo_info 数组循环展示出每一个直播间 根据live_status 判断直播状态(直播中、预告、回放、禁播等)

3.点击列表中任意一直播间跳转直播组件
可直接通过链接地址跳转到直播组件页面(即为进直播间页面)链接地址需要带上直播房间 id;房间 id 通过上面第二步接口返回
使用 navigateTo 方法跳转进入直播间
index.js(直接粘 把roomId 替换了)
代码:
let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: ‘pages/index/index’, pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) wx.navigateTo({ url: plugin-private://appid/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams} })

(2)直播回放功能:
① 使用回放功能必须在管理端创建直播间的时候勾选回放功能(见图4)
② 回放功能和直播调用同一个组件
传入roomid即可
代码:
let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: ‘pages/index/index’, pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) wx.navigateTo({ url: plugin-private://appid/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams} })

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-04-26 11:52:02  更:2022-04-26 11:53:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 0:02:26-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码