微信小程序如何引入直播组件?

// 具体可查看文档的引入.这里以主包简单介绍
// app.js引入，首先需要在小程序后台第三方设置里添加插件。
"plugins": {"live-player-plugin": {"version": "1.1.1", // 注意填写该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）"provider": "wx2b03c6e691cd7370" // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）}
}

<template><div><button @tap="toLiveRoom">点我去看直播</button></div>
</template><script>
import wepy from '@wepy/core'
wepy.page({data: {},computed: {},created () {},onLoad (e) {},methods: {toLiveRoom() {let roomId = [3] //直播房间号的idlet customParams = encodeURIComponent(JSON.stringify({ path: '/liveRoom', pid: 1 })) // 开发者在直播间页面路径上携带自定义参数（如示例中的path和pid参数），后续可以在分享卡片链接和跳转至商详页时获取，详见【获取自定义参数】、【直播间到商详页面携带参数】章节（上限600个字符，超过部分会被截断）wx.navigateTo({url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`})}}})
</script>
<style lang="less">
</style>

微信小程序如何引入直播组件?相关推荐

微信小程序前端引入weui组件库
正在开发的微信小程序,想使用weui组件库. 步骤如下: 基础:1.小程序开发工具:1.06.22 1. 初始化以管理员身份运行命令行窗口(cmd)或使用VSCode进入终端,在cmd中进入项目的 ...
微信小程序，引入WeUI组件库扩展组件库
小程序扩展组件库 | 微信开放文档微信官方文档给了两种weui引入方式: 通过 useExtendedLib 扩展库的方式引入,这种方式引入的组件将不会计入代码包大小. 可以通过npm方式下载构建 ...
微信小程序-如何引入地图组件及显示当前所在位置
1.代码部分 wxml <view class="view"><map id="map" longitude="{{longit ...
PHP使用weui,微信小程序WeUI引入
引入组件通过 useExtendedLib 扩展库的方式引入 1.报错Component is not found in path "miniprogram_npm/weui-minip ...
关于微信小程序如何使用Vant组件
微信小程序如何使用Vant组件前言一.微信小程序自动查找第二种前言今天闲着没事,兴趣来了,想写写微信小程序,用原生的敲,因为懒得原因,不想再去封装一些组件库,就想当Vant,引用Vant真的 ...
微信小程序导入Vant Weapp组件库
超详细!微信小程序导入Vant Weapp组件库 Vant Wepp组件库轻量.可靠,同时组件样式丰富美观,容易上手,我们可以引入该组件库来实现小程序的相关界面样式. Vant Weapp组件库官方文 ...
微信小程序中使用vant组件库（超详细）
目录前言 Vant Weapp的安装与使用 1.安装 node.js 2.通过 npm 安装 3.修改 app.json 4.修改 project.config.json 5.构建 npm 包 6. ...
微信小程序暂无数据组件封装
微信小程序暂无数据组件封装组件页面: <view class="noData">& ...
《微信小程序-进阶篇》组件封装-Icon组件的实现（一）
大家好,这是小程序系列的第九篇文章,从这篇开始我们将进入提高篇,在这一个阶段,我们的目标是可以较为深入的了解组件化开发,并且实践积累一些后续项目也就是原神资料站中用得着的组件: 1.<微信小程序 ...

微信小程序如何引入直播组件?

微信小程序如何引入直播组件?相关推荐

最新文章

热门文章