评论

直播----小程序开发心得分享

直播----小程序开发心得分享

首先很开心,我司小程序获得第一波直播权限,我已经开发加好了直播,请确认你的小程序有直播资质,如果你有在开发中碰到什么问题,欢迎留言

一、引入直播插件

打开 app.json 文件 如果你代码有区分 分包 请记得将以下代码 放到 root 根文件夹 如果没有请忽略

以下代码  放到  "pages": ["pages/index/index"], 的同级地方


plugins": {
        "live-player-plugin": {
          "version""1.0.2",  
          "provider":"wx2b03c6e691cd7370"
      }
},


其中 live-player-plugin 是插件名字 version 是版本号码

二、引入直播开播 订阅组件(如果你不想引入,可以跳过)

在你要引入的页面 json 中添加组件

 "usingComponents": { "subscribe": "plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe"  }

注意不用改动 页面引入

  

room-id 属性一定要添加 就是后台会返回给你的 live_status 是用来判断状态 因为有时候我们都添加上订阅按钮 点了后会消失 是因为这个状态已经是过去的直播了 无法订阅

ps:这个插件目前有个 bug 就是 不管我有么有订阅这场 都是未订阅状态 但是点击去直播间的订阅按钮却是状态对的 并且我切换下 小程序 前后台(onShow onHide 切换)状态又是对的

三、页面跳转

你可以在图片上添加函数 也可以直接 navigator 跳转

goDetail(e) {
   var room = e.currentTarget.dataset.room;
   wx.reLaunch({
        url: '/plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + room,
   })
}

或者 直接 navigator 跳转

四、页面分享

以下是我的页面分享 假设你的是卡片展示 或者图片展示

  /**
     * 用户点击右上角分享
     */
    onShareAppMessagefunction (res{        
        var idx = res.target.dataset.idx;
        const listInfo = this.data.listInfo[idx];
        return {
            title: listInfo.name,
            imageUrl: listInfo.anchor_img,
            path'/plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + listInfo.roomid
        }

 },


五、订阅插件样式更改

/* 订阅 */
.subscribe--live-player-subscribe__btn{
  width200rpx !important;
  height21px !important;
  line-height21px !important;
  font-weight200;
  font-size20rpx !important;
  text-align: center;
  background#fff!important;
  color#2d79ab!important;
  border-radius4px;
  pointer-events: auto;
  margin0 auto;
}

写在最后-------------------------注意,开发工具目前是无法进入直播页面的,但是真机可以,你们可以上传到体验版然后通过微信后台开个直播,扫码体验就能进入直播间。

以上就是我的分享,谢谢大家观看~~,如果你觉得有用,点个赞吧

最后一次编辑于  2020-04-03  
点赞 15
收藏
评论

43 个评论

  • 微盟
    微盟
    2020-03-31

    小程序直播插件,脑图

    https://naotu.baidu.com/file/597625fbd8659aa87e54143df1ed7f39


    2020-03-31
    赞同 4
    回复 4
    • 唏嘘
      唏嘘
      2020-04-02
      优秀
      2020-04-02
      1
      回复
    • #瑞安荣哥
      #瑞安荣哥
      2020-04-09
      你好,加微信:pqr888  请教个小程序直播的问题
      2020-04-09
      回复
    • Amy
      Amy
      2020-05-21
      需要开通流量包嘛
      2020-05-21
      回复
    • 养乐多
      养乐多
      2021-03-02
      您好,能给个该脑图的组件
      2021-03-02
      回复
  • 酋长
    酋长
    2020-09-20

    请教下,小程序接入直播,并支持用户发布和分享小视频。 要公司申请相关资质吗?

    比如:信息网络传播视听节目许可证


    2020-09-20
    赞同 1
    回复
  • 酋长
    酋长
    2020-09-20

    


    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    


    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    


    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    请教下,小程序接入直播,并支持用户发布和分享小视频。 要公司申请相关资质吗?


    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    请教下,小程序接入直播,并支持用户发布和分享小视频。 要公司申请相关资质吗?

    比如:信息网络传播视听节目许可证


    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    请教下,小程序接入直播,并支持用户发布和分享小视频。 要公司申请相关资质吗?

    比如:信息网络传播视听节目许可证、网络文化经营许可证 以及 广播电视节目制作经营许可证



    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    请教下,小程序接入直播,并支持用户发布和分享小视频。 要公司申请相关资质吗?

    比如:《信息网络传播视听节目许可证》、《网络文化经营许可证》以及《广播电视节目制作经营许可证》



    2020-09-20
    赞同
    回复
  • 酋长
    酋长
    2020-09-20

    你好,请教下,小程序准备接入直播,并支持用户发布和分享小视频。 要公司申请相关资质吗?

    比如:《信息网络传播视听节目许可证》、《网络文化经营许可证》以及《广播电视节目制作经营许可证》


    2020-09-20
    赞同
    回复

正在加载...

登录 后发表内容