一、小程序对接视频号组件
微信文档》组件》媒体组件
1.channel-live 视频号直播组件 (注版本还在更新中,暂时不推荐使用)
小程序内嵌视频号直播组件,展示视频号直播状态和封面,并无弹窗跳转至视频号。注意:使用该组件打开的视频号视频需要与小程序的主体一致。
只有手机端可以使用,pc端目前不支持。
官网地址:channel-live | 微信开放文档
使用案例:
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
var _this = this;
wx.getChannelsLiveInfo({
finderUserName: 'sphM3vWYCKM6VRc',
success: res => {
_this.setData({
liveList: res,
feedId: res.feedId
});
},
fail: res => {
console.error(res);
}
});
},
<channel-live finder-user-name="sphM3vWYCKM6VRc" feed-id="{{feedId}}">
</channel-live>
2.channel-video 视频号视频组件
小程序内嵌视频号视频组件,支持在小程序中播放视频号视频,并无弹窗跳转至视频号。
注意:
使用该组件打开的视频号视频需要与小程序的主体一致。
暂不支持纯图片视频号内容。
官网地址:channel-video | 微信开放文档
使用案例:
<channel-video class="channelvideo" autoplay="true" loop="true"
finder-user-name="sphM3vWYCKM6VRc"
feed-id="export/UzFfAgtgekIEAQAAAAAAddkJ_jfK7AAAAAstQy6ubaLX4KHWvLEZgBPEvIIAFDQKfrGBzNPgMJpIh5iicDNNo-PLxFUJeSii"></channel-video>
二、小程序对接视频号接口
1.跳转视频号主页
wx.openChannelsUserProfile
官方文档:wx.openChannelsUserProfile(Object object) | 微信开放文档
wx.openChannelsUserProfile({
finderUserName: 'sphM3vWYCKM6VRc',
success: res => {
wx.showToast({
title: '跳转成功',
})
},
fail: res => {
wx.showToast({
title: '跳转失败',
})
}
});
2.跳转视频号视频
wx.openChannelsActivity
官网文档:wx.openChannelsActivity(Object object) | 微信开放文档
wx.openChannelsActivity({
finderUserName: 'sphM3vWYCKM6VRc',
feedId: 'export/UzFfAgtgekIEAQAAAAAAddkJ_jfK7AAAAAstQy6ubaLX4KHWvLEZgBPEvIIAFDQKfrGBzNPgMJpIh5iicDNNo-PLxFUJeSii',
});
3.跳转视频号活动
wx.openChannelsEvent
官网文档:wx.openChannelsEvent(Object object) | 微信开放文档
wx.openChannelsEvent({
finderUserName: 'sphM3vWYCKM6VRc',
eventId: 'event/UzFfAgtgekIEAQAAAAAAh1IJ-9Ai3QAAAAstQy6ubaLX4KHWvLEZgBPEkqMQaUkHVreBzNPgMJp4VvfElleQxT8mfoMG8Z7e'
});
4.视频号直播
获取直播信息 wx.getChannelsLiveInfo
官方文档:wx.getChannelsLiveInfo(Object object) | 微信开放文档
获取预告信息 wx.getChannelsLiveNoticeInfo
官网文档:wx.getChannelsLiveNoticeInfo(Object object) | 微信开放文档
预约直播 wx.reserveChannelsLive
官网地址:wx.reserveChannelsLive(Object object) | 微信开放文档
打开直播 wx.openChannelsLive
官网地址:wx.openChannelsLive(Object object) | 微信开放文档文章来源:https://www.toymoban.com/news/detail-784409.html
更多:文章来源地址https://www.toymoban.com/news/detail-784409.html
微信小程序图片验证组件封装微信小程序中使用字体库_小程序使用自定义字体库小程序消息推送配置 Token校验失败,请检查确认
到了这里,关于小程序对接视频号接口整理_使用整理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!