微信小程序开发语言_自制小程序_小程序注册_报名工具小程序_微信小程序界面设计
当前位置:建站首页 > 新闻资讯 > 公司新闻 >

大品牌网站建设-微信小程序直播

发表日期:2021-04-27 14:47文章编辑:jianzhan浏览次数: 标签:    

--------

大品牌网站建设

-------一、 简介

小程序直播间是手机微信官方出示的商家运营专用工具。根据启用该组件,商家能够在小程序中完成直播间互动与产品市场销售闭环控制。

依照下面的应用表明接入,在你的小程序中引入直播间组件便可完成直播间作用。应用全过程中如遇到难题,可在小程序直播间小区发帖沟通交流。

二、 应用方式表明1. 【直播间组件】怎样引入

版本号限定:手机微信顾客端版本号 7.0.7 及以上(基本库版本号2.9.x及以上适用同层3D渲染)能够观看直播间及应用直播间间的作用,低版本号刚进到直播间间时会提醒客户升級手机微信顾客端版本号(低版本号只能观看直播间,没法应用直播间间的作用)。

适用在主包或分包内引入【直播间组件】 live-player-plugin 编码包(注:直播间组件不计入编码包体积),新项目根文件目录的 app.json 引入,示例编码以下:1. 主包引入
  plugins : {
  live-player-plugin : {
  version :  1.0.9 , // 留意填写该直播间组件全新版本号号,手机微信开发设计者专用工具调节时可获得全新版本号号(拷贝时请去掉注解)
  provider :  wx2b03c6e691cd7370  // 务必填该直播间组件appid,该示例值即为直播间组件appid(拷贝时请去掉注解)
 }
 }
2. 分包引入
  subpackages : [
 {
  plugins : {
  live-player-plugin : {
  version :  1.0.9 , // 留意该直播间组件全新版本号号,手机微信开发设计者专用工具调节时可获得全新版本号号(拷贝时请去掉注解)
  provider :  wx2b03c6e691cd7370  // 务必填该直播间组件appid,该示例值即为直播间组件appid(拷贝时请去掉注解)
 }
 }
 }
 ]
2. 【直播间组件】怎样应用

按第1步的方式把组件编码包配备引入后,便可立即根据连接详细地址跳转到直播间组件网页页面(即为进直播间间网页页面)连接详细地址需要带上直播间房间 id;房间 id 可根据下面【获得直播间房间目录】 API 获得。

示例编码以下:1. 应用 navigator 组件跳转进到直播间间index.js
 let roomId = [直播间房间id] // 填写实际的房间号,可根据下面【获得直播间房间目录】 API 获得
 let customParams = encodeURIComponent(JSON.stringify({ path:  pages/index/index , pid: 1 })) // 开发设计者在直播间间网页页面相对路径上携带自定主要参数(如示例中的path和pid主要参数),后续能够在共享卡片连接和跳转至商详页时获得,详见【获得自定主要参数】、【直播间间到商详网页页面携带主要参数】章节(上限600个标识符,超出一部分会被断开)
 this.setData({
 roomId,
 customParams })
index.wxml
  navigator url= plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{roomId}} custom_params={{customParams}} /navigator 
 // 在其中wx2b03c6e691cd7370是直播间组件appid不可以改动
2. 应用 navigateTo 方式跳转进到直播间间index.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不可以改动

根据该连接可跳转到直播间组件网页页面(当今网页页面通道仅对外开放‘live-player-plugin’)。

示例实际效果图以下:

三、 别的有关组件、插口和携带主要参数

定阅组件: subscribe

获得直播间情况API: getLiveStatus

获得客户openid主要参数API: getOpenid

获得共享卡片连接主要参数API: getShareParams

直播间间到商详网页页面携带主要参数:room_id + openid + share_openid + custom_params

从群共享卡片回到直播间间时携带主要参数: shareTicket

直播间小窗操纵主要参数: close_picture_in_picture_mode

后台管理获得直播间房间目录 API

后台管理获得回放源视頻 API

注:以上 2 个后台管理启用的插口总上限 10 万次/天,200 次/分钟1. 【定阅】组件(注:若要应用该组件,需在主包引入直播间组件)

作用解释:客户进到直播间间内,可对一场未开播的直播间开展单次定阅,开播时直播间组件会全自动下发开播提示给客户,无需开发设计者附加开发设计

组件应用:假如需要在直播间组件页之外小程序别的网页页面也有一样的开播提示的作用,能够引入【定阅】组件 subscribe(开播前才会显示信息,直播间刚开始后全自动消退该组件);需在 page 网页页面(如 home 网页页面)的 home.json 引入定阅组件。

示例编码以下:
 {
  usingComponents : {
  subscribe :  plugin-private://ponents/subscribe/subscribe 
 }
 }

随后即可在 home.wxml 里应用定阅组件,在其中直播间房间 id 可根据;房间 id 可根据下面【获得直播间房间目录】 API 获得

  subscribe room-id= [直播间房间id] /subscribe 
2. 【获得直播间情况】插口(注:若要应用该插口,需在主包引入直播间组件)

插口表明:初次获得立马回到直播间情况,往后面间距1分钟或更慢的频率去轮询获得直播间情况

直播间情况表明:

101 直播间中:表明主播一切正常开播,直播间一切正常的情况

102 未刚开始:表明主播还未开播

103 已完毕:表明在直播间端点一下【完毕】按钮一切正常关掉的直播间,或直播间出现异常 15 分钟后系统软件强制性完毕的直播间

104 禁播:表明因违规遭受经营惩罚被禁播

105 中止中:表明在 MP 小程序后台管理-操纵台内实际操作中止了直播间

106 出现异常:表明主播离去、切后台管理、断网等状况,该直播间被判断为出现异常情况,15 分钟内修复便可回到一切正常直播间中的情况;假如 15 分钟后还未修复,直播间间会被系统软件强制性完毕直播间

107 已到期:表明直播间间一直未开播,且已做到在 MP 小程序后台管理建立直播间间时填写的直播间方案完毕時间,则该直播间被判断为到期不可以再开播

启用方式:若要启用【获得直播间情况】插口 getLiveStatus,需在小程序网页页面顶部引入【直播间组件】 live-player-plugin。

示例编码以下:
 let livePlayer = requirePlugin( live-player-plugin )
 
 // 初次获得立马回到直播间情况
 const roomId = xxx // 房间 id
 livePlayer.getLiveStatus({ room_id: roomId })
 .then(res =  {
 // 101: 直播间中, 102: 未刚开始, 103: 已完毕, 104: 禁播, 105: 中止中, 106: 出现异常,107:已到期 
 const liveStatus = res.liveStatus
 console.log( get live status , liveStatus)
 })
 .catch(err =  {
 console.log( get live status , err)
 })
 // 往后面间距1分钟或更慢的频率去轮询获得直播间情况
 setInterval(() =  {
 livePlayer.getLiveStatus({ room_id: roomId })
 .then(res =  {
 // 101: 直播间中, 102: 未刚开始, 103: 已完毕, 104: 禁播, 105: 中止中, 106: 出现异常,107:已到期 
 const liveStatus = res.liveStatus
 console.log( get live status , liveStatus)
 })
 .catch(err =  {
 console.log( get live status , err)
 })
 }, 60000)
3. 【获得客户openid主要参数】插口(注:若要应用该插口,需在主包引入直播间组件)

插口表明:在直播间组件版本号 1.0.9 及以上版本号根据该插口获得客户openid主要参数。

启用方式:若要启用【获得客户openid主要参数】插口 getOpenid,需在小程序网页页面顶部引入【直播间组件】 live-player-plugin。

示例编码以下:
 let livePlayer = requirePlugin( live-player-plugin )
 
 App({
 onShow(options) {
 livePlayer.getOpenid({ room_id: [直播间房间id] }) // 该插口传入主要参数为房间号
 .then(res =  {
 console.log( get openid , res.openid) // 客户openid
 }).catch(err =  {
 console.log( get openid , err)
 })
 }
 })
4. 【获得共享卡片连接主要参数】插口(注:若要应用该插口,需在主包引入直播间组件)

插口表明:因为基本库数据信息安全性对策,根据App onShow 生命周期里的query没法获得直播间间共享卡片连接主要参数。在直播间组件版本号 1.0.9 及以上版本号根据该插口获得以下主要参数,开发设计者能够依据这些主要参数创建客户、直播间间、产品之间的投射关联。

共享卡片进到直播间间:房间号 room_id + 进到者 openid + 共享者 share_openid + 开发设计者自定主要参数 custom_params

启用方式:若要启用【获得共享卡片连接主要参数】插口 getShareParams,需在小程序网页页面顶部引入【直播间组件】 live-player-plugin。

示例编码以下:
 let livePlayer = requirePlugin( live-player-plugin )
 
 App({
 onShow(options) {
 // 共享卡片通道场景才启用getShareParams插口获得以下主要参数
 if (options.scene == 1007 || options.scene == 1008 || options.scene == 1044) {
 livePlayer.getShareParams()
 .then(res =  {
 console.log( get room id , res.room_id) // 房间号
 console.log( get openid , res.openid) // 客户openid
 console.log( get share openid , res.share_openid) // 共享者openid,共享卡片进到场景才有
 console.log( get custom params , res.custom_params) // 开发设计者在跳转进到直播间间网页页面时,网页页面相对路径上携带的自定主要参数,这里传回给开发设计者
 }).catch(err =  {
 console.log( get share params , err)
 })
 }
 }
 })
5. 携带主要参数

版本号限定:直播间组件版本号 1.0.9 及以上适用携带以下主要参数,开发设计者能够依据这些主要参数创建客户、直播间间、产品之间的投射关联。

(1) shareTicket:共享直播间间卡片到手机微信群,点一下此卡片后能够在 App onShow 里获得该主要参数(默认设置可获得该主要参数,但长按共享卡片时不可以转发。可在跳转直播间间网页页面相对路径上配备close_share_ticket=1关掉shareTicket,如 plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=直播间房间号 close_share_ticket=1 ,此时长按共享卡片时能够转发。)

(2) room_id + openid + share_openid + custom_params :点一下直播间间里的货架产品跳转到商家小程序的产品 options里获得房间号、客户openid、共享者share_openid(假如是从共享卡片进到直播间间再跳转到商详页才有该主要参数)、开发设计者携带的自定主要参数custom_params

6. 直播间小窗

版本号限定:直播间组件版本号 1.0.9 及以上适用根据以下主要参数设定是不是关掉小窗。

close_picture_in_picture_mode:默认设置适用直播间小窗,可根据close_picture_in_picture_mode=1关掉小窗作用,如 plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=直播间房间号 close_picture_in_picture_mode=1 。

7. 【获得直播间房间目录】插口,仅供后台管理启用

插口标准:该插口仅供商家后台管理启用,启用限额 10 万次/天,200 次/分钟,提议开发设计者自身做缓存文件(此插口与下面【获得回放视頻】插口同用 10 万次/天限定,200 次/分钟,请有效分派启用频次)。

恳求URL: wxa/?access_token=

恳求方法: POST

恳求示例:Request
 {
  start : 0, // 起止拉取房间,start = 0 表明从第 1 个房间刚开始拉取
  limit : 10 // 每次拉取的个数上限,不要设定过大,提议 100 之内
 }
Response
 {
  errcode : 0, // errcode = 0 意味着取得成功;errcode = 1 意味着未建立直播间房间
  errmsg :  ok ,
   : [{
  name :  直播间房间名 ,
  roomid : 1,
  cover_img :  http:\/\/mmbiz.\/mmbiz_jpg\/xoVialDLCKKDcPBy8Iic0kCiaiaalXg3EbpNKoicrweQ\/0?wx_fmt=jpeg ,
  share_img :  http:\/\/mmbiz.\/mmbiz_jpg\/xoVialDLCKKDcPBy8Iic0kCiaiaalXg3EbpNKoicrweQ\/0?wx_fmt=jpeg ,
  live_status : 101,
  start_time : ,
  end_time : ,
  anchor_name :  李四 ,
  goods : [ 
 {
  cover_img :  mmbiz_png/FVribAGdErI2PmyST9ZM0JLbNM48I7TH2FlrwYOlnYqGaej8qKubG1EvK0QIkkwqvicrYTzVtjKmSZSeY5ianc3mw/0?wx_fmt=png ,
  url :  pages/ ,
  price : 1100,
  name :  fdgfgf 
 }
 ]
 }],
  total : 1
 }
回到字段:

name 房间名

roomid 房间 id

注:需先在小程序 MP 后台管理建立直播间房间,不然会出错(不正确码 1)

cover_img 直播间间情况墙

share_img 共享卡片封面

start_time 直播间方案刚开始時间,目录依照 start_time 降序排序

end_time 直播间方案完毕時间

anchor_name 主播名

goods 产品目录

live_status 直播间情况   101: 直播间中, 102: 未刚开始, 103: 已完毕, 104: 禁播, 105: 中止中, 106: 出现异常, 107: 已到期(直播间情况解释可参照【获得直播间情况】插口)

8. 【获得回放源视頻】插口,仅供后台管理启用

插口标准:该插口仅供商家后台管理启用,启用限额 10 万次/天,200 次/分钟,此插口与上面【获得房间目录】插口同用 10 万次/天限定,200 次/分钟,请有效分派启用频次)。

插口表明:

该插口可在直播间完毕后拿到回放源视頻(直播间完毕后大概 10 分钟会转化成回放,源视頻无评价等內容)

拿到源视頻后需要开发设计者自主开发设计、应用回放视頻

假如把源视頻立即放在小程序上应用,需要小程序具有视頻资质(实际资质要求请参照《小程序开发设计的类目服务》)

官方已出示了回放作用(直播间组件版本号1.0.9及以上版本号)无需开发设计,官方出示的回放视頻合理期为1年,如需长期性维持可用上面插口获得免费下载储存。

恳求URL: wxa/?access_token=

恳求方法: POST

恳求示例:Request
 {
  action :  get_replay , // 获得回放
  room_id : 354, // 直播间间 id
  start : 0, // 起止拉取视頻,start = 0 表明从第 1 个视頻片断刚开始拉取
  limit : 10 // 每次拉取的个数上限,不要设定过大,提议 100 之内
 }
Response
 {
  live_replay : [
 {
  expire_time :  2020⑾⑾TZ , // 回放视頻 url 到期時间
  create_time :  2019⑾⑿TZ , // 回放视頻建立時间
  media_url :  xxxxx/xxxxx/f0.mp4  // 回放视頻
 }
 ],
  errcode : 0,
  total : 1,
  errmsg :  ok 
 } // 一场直播间将会会造成多个视頻片断。
9. 【建立直播间间】插口,仅供后台管理启用

插口标准:该插口仅供商家后台管理启用,启用限额 1 万次/天。

插口表明:该插口可立即建立直播间间,建立取得成功后直播间间将在直播间间目录展现

恳求URL: wxaapi/broadcast/room/create?access_token=

恳求方法: POST

恳求示例:Request
 {
  name  :  检测直播间间  //房间姓名
  coverImg :  xxxxxx  //填写mediaID,直播间间情况图,照片标准:提议像素800*640,尺寸不超出1M,mediaID获得参照:ount/)
  startTime :  // 直播间方案刚开始時间,1.开播時间需在当今時间10min后,2.刚开始時间不可以在6个月后
  endTime :  //直播间方案完毕時间,1.开播時间和完毕時间间距不可短于30min,不可超出24小时
  anchorName :  test1  // 主播昵称
  anchorWechat : test1  //主播手机微信号,需根据实名验证,不然将出错
  anchorImg : xxx  //填写mediaID,直播间间共享图,照片标准:提议像素1080*1920,尺寸不超出2M,mediaID获得参照:ount/) 
  type :1 //直播间种类,1:推流,0:手机上直播间
  screenType :0 //1:横屏,0:竖屏,全自动依据具体视頻辨别率调剂
  closeLike :0 //1:关掉点赞 0:开启点赞 ,关掉后没法开启
  closeGoods :0 //1:关掉货架 0:开启货架,关掉后没法开启
  closeComment :0 //1:关掉评价 0:开启评价,关掉后没法开启
 }
Response
 {
  roomId : 33, //房间ID
  errcode : 0
 }
四、 别的表明1、 直播间间小程序码表明:

小程序引入直播间组件后务必开展一次小程序公布上线,不然直播间间的小程序码不起效,实际主要表现是客户扫码进到直播间间会显示信息“网页页面不存在”。

在 MP 小程序直播间后台管理建立好直播间间后,能够立即拿到直播间间共享小程序码,无需附加开发设计

假如商家在后台管理自身转化成的直播间间小程序码,需要做以下配备: 在跳转进到直播间间的相对路径加上 type = 9 标志场景通道为小程序码: plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=[直播间房间id] type=9 。 若需要带上自定主要参数则还需要加上 custom_params: 在跳转进到直播间间的相对路径加上 type = 10 标志场景通道为小程序卡片: plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=[直播间房间id] type=10 。 若需要带上自定主要参数则还需要加上 custom_params: plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=[直播间房间id] type=10 custom_params=encodeURIComponent(JSON.stringify(custom_params)) 。

3、 产品 (3)不提议应用wx.reLaunch:若在产品 ---------

大品牌网站建设

------------
相关新闻