评论

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

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

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

一、引入直播插件

打开 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 个评论

  • Amy
    Amy
    2020-05-21

    还需要买流量包嘛


    2020-05-21
    赞同
    回复 1
    • 唏嘘
      唏嘘
      2020-07-29
      不需要  免费的
      2020-07-29
      回复
  • 八格小张
    八格小张
    2020-05-10

    大佬,小程序主动呼叫式视频通话,怎么做,能提供一下思路吗

    2020-05-10
    赞同
    回复 1
    • 唏嘘
      唏嘘
      2020-05-19
      你需要自己弄个聊天室来实时更新   然后一方发起通话  另一方接收通话   反正传参可以搞定
      2020-05-19
      1
      回复
  • pupa
    pupa
    2020-05-09

    您好,我们打算做活动直播。流程是用户需要报名后进入直播间,但是现在发现直播间的分享不能修改路径,也不能屏蔽。导致用户通过直播间的分享链接直接就进入直播间了,越过了报名环节。

    有什么方法可以解决吗?

    2020-05-09
    赞同
    回复 1
    • 唏嘘
      唏嘘
      2020-05-19
      。。。目前我觉得暂时没有  你讲的相当于是付费直播间  你可以尝试自己开发一套直播    用live-player和 live-pusher
      2020-05-19
      回复
  • Jack · 船长
    Jack · 船长
    2020-04-27

    请问小程序直播有提供聊天室接口吗?还是聊天室要用第三方的自行开发

    2020-04-27
    赞同
    回复 1
    • 唏嘘
      唏嘘
      2020-05-07
      小程序直播自带聊天
      2020-05-07
      回复
  • Dream
    Dream
    2020-04-24

    你好,问下直播用户进入后点击商品进入详情页的时候,把直播那个小弹窗去掉,这个页面的所有跳转按钮就没用了?


    2020-04-24
    赞同
    回复 4
    • 唏嘘
      唏嘘
      2020-04-26
      是有用的  怎么会没用  任何交互都失效了吗?
      2020-04-26
      回复
    • Dream
      Dream
      2020-04-27回复唏嘘
      交互可以,就是跳转别的页面就不行,直播那个小弹窗不去掉就能跳,去掉就不行
      2020-04-27
      回复
    • zoey
      zoey
      2020-05-07回复唏嘘
      能否加个微信
      2020-05-07
      回复
    • JOJO JIANG
      JOJO JIANG
      2020-05-12回复唏嘘
      你好可以加个微信吗,13864846685
      2020-05-12
      回复
  • Tom
    Tom
    2020-04-21

    是否可以比较流畅地让商家自己在后台开直播间呢?

    2020-04-21
    赞同
    回复 4
    • 唏嘘
      唏嘘
      2020-04-21
      后台开发人员开直播间???
      2020-04-21
      回复
    • 唏嘘
      唏嘘
      2020-04-21
      还是微信公众平台开发直播间
      2020-04-21
      回复
    • Tom
      Tom
      2020-04-21回复唏嘘
      目前商家开直播间得通过平台的运营人员上mp后台加直播间,就是想目前有没比较好的办法能让用户自己开直播间,不需要通过运营过多的参与
      2020-04-21
      回复
    • 唏嘘
      唏嘘
      2020-04-21回复Tom
      可能直播影响很大  所以需要运营人员参与   你可以让运营人员添加你们其中一位为管理员   改高点权限就可以自己登录mp后台添加
      2020-04-21
      回复
  • 神奇世界中英文儿童阅读成长中心
    神奇世界中英文儿童阅读成长中心
    2020-04-17

    你好,可以加你个微信吗


    2020-04-17
    赞同
    回复 3
    • 唏嘘
      唏嘘
      2020-04-17
      可以呀,你微信多少
      2020-04-17
      回复
    • 地平线
      地平线
      2020-05-10回复唏嘘
      可以加个微信? zjy1036
      2020-05-10
      回复
    • 阿明
      阿明
      2020-05-10回复唏嘘
      你好,能加个微信吗?你微信号多少?
      2020-05-10
      回复
  • W
    W
    2020-04-15

    直播要求中有一条说明小程序需要半年以内无严重违规,是否说明小程序必须存在半年以上才可开通直播功能呢?


    2020-04-15
    赞同
    回复 5
    • 唏嘘
      唏嘘
      2020-04-16
      应该是的
      2020-04-16
      回复
    • 刘贺
      刘贺
      2020-05-12
      不是的哦,我刚申请,对接支付产生个支付流水,隔天就能开通直播
      2020-05-12
      回复
    • 唏嘘
      唏嘘
      2020-05-14回复刘贺
      好的 好的  感谢分享
      2020-05-14
      回复
    • Amy
      Amy
      2020-05-21
      需要买流量包嘛  还是官方自带免费的流量
      2020-05-21
      回复
    • 唏嘘
      唏嘘
      2020-05-25回复Amy
      目前暂时不用买
      2020-05-25
      回复
  • SuperHei
    SuperHei
    2020-04-14

    你好,订阅组件在app.json全局引入报错,是只能在页面的json中引入吗?

    2020-04-14
    赞同
    回复 1
    • 唏嘘
      唏嘘
      2020-04-15
      是的
      2020-04-15
      回复
  • 🎣
    🎣
    2020-04-13

    你好,我从直播分享卡片进入直播间,左上角 首页icon按钮点击不能返回小程序主页,是什么原因?

    2020-04-13
    赞同
    回复 5
    • 唏嘘
      唏嘘
      2020-04-14
      能截个图是什么icon吗   是官方自带的主页吗?
      2020-04-14
      回复
    • 久夏微凉
      久夏微凉
      2020-04-14
      我的也有这个问题,试了下首页是 pages/index/index 就能,只能是这个吗
      2020-04-14
      回复
    • 🎣
      🎣
      2020-04-14回复唏嘘
      是官方自带的,类似一个房子的图标
      2020-04-14
      回复
    • 唏嘘
      唏嘘
      2020-04-14回复久夏微凉
      那可能是 官方只支持跳转到 pages/index/index 的页面 你需要添加这个页面 或者把首页改成这个页面
      2020-04-14
      回复
    • 唏嘘
      唏嘘
      2020-04-14回复🎣
      那可能是 官方只支持跳转到 pages/index/index 的页面 你需要添加这个页面 或者把首页改成这个页面
      2020-04-14
      回复

正在加载...

登录 后发表内容