16.微信小程序直播实战

微信小程序直播开发比较简单, 但是只有部分行业可以申请, 重点在于真机调式 小程序直播目前仅支持 flv, rtmp 格式

• 16.微信小程序直播实战
  • 直播门槛要求
  • 项目搭建
  • 直播组件配置
  • 查看 设置 > 接口设置
  • 真机调试

直播门槛要求

• 一、类目要求限制
  • 1.小程序开发者为国内非个人主体开发者；
  • 2.小程序开发者为下述类目品类，类目具体信息可参考《微信小程序开放的服务类目》 (opens new window)
• 二、运营要求：
  • 1.小程序近半年没有严重违规
  • 2.小程序近90天存在支付行为 以上2个运营条件和类目条件需要同时满足。

具体文档点我查看 (opens new window)

项目搭建

• 下载微信开发者工具 (opens new window)

• 初始化工程

---

直播组件配置

---

查看 设置 > 接口设置

真机调试

示例wxml

<!--index.wxml-->
<view class="container">
  <view>
    <live-player src="http://192.168.xxx.xxx:7001/live/movie.flv" mode="live" autoplay bindstatechange="statechange" binderror="error" style="width: 300px; height: 225px;" />
  </view>
</view>

index.js

Page({
  statechange(e) {
    console.log('live-player code:', e.detail.code)
  },
  error(e) {
      console.error('live-player error:', e.detail.errMsg)
  }
})

注意: 需通过小程序开发工具的远程调试功能在手机上进行调试，手机与电脑在同一局域网，并且在直播源中使用内网地址192.168..