评论

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

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

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

一、引入直播插件

打开 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;
}

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

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

最后一次编辑于  星期五 10:39  
点赞 8
收藏
评论

13 个评论

  • 微盟
    微盟
    03-31

    小程序直播插件,脑图

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


    03-31
    赞同 2
    回复 1
    • 唏嘘
      唏嘘
      星期四 14:33
      优秀
      星期四 14:33
      1
      回复
  • 王一宁
    王一宁
    2天前

    你好,请问如何在直播间页面内,动态传递分享后的直播间页面参数呢?现在只能初次进入直播间的时候设置一个custom_params

    2天前
    赞同
    回复 2
    • 唏嘘
      唏嘘
      10小时前
      直播间页面是不能更改的,也就是直播页面分享的参数不能编辑的
      10小时前
      回复
    • 王一宁
      王一宁
      2小时前回复唏嘘
      明白,谢谢您
      2小时前
      回复
  • 风吹鸡蛋壳
    风吹鸡蛋壳
    星期四 16:34

    感谢楼主的帮助!受益匪浅!

    不过有两个问题:

    1)通过图片导航直播,图片的数据是不是也要从后台实时抓取?

    2)分享页面的代码加入进js文件尾部的分享部分,编译刷新却看不到任何效果?

    星期四 16:34
    赞同
    回复 1
    • 唏嘘
      唏嘘
      星期五 08:54
      1.图片导航直播,是指直播封面图吗?这个让后台给你返回直播列表就有直播封面图就行,后台接口一天能请求500次,每173秒请求一次就行
      2.开发工具无法调试直播的页面
      星期五 08:54
      回复
  • Feng
    Feng
    04-01

    一般小程序开通直播权限,需要什么资质?

    04-01
    赞同
    回复 1
    • 唏嘘
      唏嘘
      星期四 13:56
      看图上,现在就这几种
      星期四 13:56
      回复
  • 叶城
    叶城
    03-28

    那文档里的live-player和另外一个主播录制的软件是干嘛用的 还是说你这个是毫无定制的用的微信的,用live-player等组件可以你自己开发一套可定制的?

    03-28
    赞同
    回复 1
    • 唏嘘
      唏嘘
      星期四 13:59
      live-player是播放的组件,自己开发一套就需要用到live-player和live-pusher这两个组件了 而且资质可能还需要用到其他的
      星期四 13:59
      回复
  • 老杜
    老杜
    03-27

    一般企业开通自己产品直播,需要什么资质?


    03-27
    赞同
    回复 1
    • 唏嘘
      唏嘘
      星期四 14:27
      这几种哦
      星期四 14:27
      回复
  • 🌏
    🌏
    03-25

    通过二维码编译扫描直播间分享码报错 =》VM762:1 app.json 中未定义自定义编译中指定的启动页面 /pages/live-player-plugin

    03-25
    赞同
    回复
  • 🌏
    🌏
    03-25

    我用直播后台分享的直播间小程序码通过二维码编译,结果报路径错误。

    想问一下。代码都写好了。楼主怎么调试的呢。

    03-25
    赞同
    回复 6
    • 唏嘘
      唏嘘
      星期四 14:29
      你现在还有这个问题吗?页面的跳转是  /plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=(你的id)
      这个页面开发工具没办法调试的
      星期四 14:29
      回复
    • 🌏
      🌏
      星期四 15:22回复唏嘘
      是的,没法在开发工具调试。有点坑~https://developers.weixin.qq.com/community/develop/doc/00002a85838e0880102a780665b800?jumpto=reply&parent_commentid=0000267e2b0990693b2a85f225bc&commentid=000aec2d124c4866462a0b5115b4
      星期四 15:22
      回复
    • 唏嘘
      唏嘘
      星期四 15:38回复🌏
      这个页面是官方自带插件页面,是不可能开放给我们调试的哦,只要引入了就没什么大问题,你也可以弄个直播测试下
      星期四 15:38
      回复
    • 🌏
      🌏
      星期四 17:21回复唏嘘
      咋俩说的不是一个问题。我们直播已经上线了。我是吐槽,没法线下调试直播扫码观看流程。
      星期四 17:21
      回复
    • 唏嘘
      唏嘘
      星期五 08:56回复🌏
      可以线下调试直播扫码观看流程的,我当时还只是体验版就能测试
      星期五 08:56
      回复
    查看更多(1)
  • 。
    03-24

    大佬 直播链接跳转 就可以看到直播的视频了么 还是要加上什么

    03-24
    赞同
    回复 1
    • 唏嘘
      唏嘘
      星期四 14:33
      加上room_id  你的直播的room_id就行了
      星期四 14:33
      回复
  • 做你的太阳ღ₅₂₀¹³¹⁴
    做你的太阳ღ₅₂₀¹³¹⁴
    03-19

    咦惹

    03-19
    赞同
    回复 3

正在加载...

登录 后发表内容