(新手必看,巨详细)uniapp使用微信小程序直播功能

概要 :

注意: 微信开发直播功能需要提前申请直播功能和插件

---

引入组件功能

1.  在项目中的manifest.json 文件中引入直播组件,选择源码视图

2. 找到 mp-weixin 微信相关的配置

如果你的使用的账号是新来的记得在project.config.json文件中的appid也进行更改

/* 快应用特有相关 */
    "mp-weixin" : {
        "appid" : "",  // 使用申请到直播权限的appid
		"plugins": {
		    "live-player-plugin": {
				// 这里填写直播组件的最新版本号,引入之后运行微信开发者工具调式时会显示最新版本号
		        "version": "1.3.2",
				// 不用更改,wx2b03c6e691cd7370就是直播组件的appid
		        "provider": "wx2b03c6e691cd7370"
		    }
		}

    },

---

引入组件功能

1. 通过直播间列表接口查询直播间列表,铺在小程序中

2. 点击直播间,进行跳转即可 

// 填写具体的直播间号,可通过获取直播列表接口获取
let roomId = [直播间id]; 
let customParams = encodeURIComponent(JSON.stringify({ path: 'pages/index/index', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数（如示例中的path和pid参数），后续可以在分享卡片链接和跳转至商详页时获取，详见【获取自定义参数】、【直播间到商详页面携带参数】章节（上限600个字符，超过部分会被截断）
// wx2b03c6e691cd7370不需要更改
wx.navigateTo({
    url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
})

小结

6年经验资深程序员,第一次写文章,可能会有没注意到的点,具体可进入官方文档查看,连接放下面了

小程序直播 | 微信开放文档