微信小程序播放直播流

Question

问题：微信小程序播放直播流
思路：使用微信小程序自带的组件live-player，查了一下文档，live-player组件只支持目前仅支持 flv, rtmp 格式

描述：1.微信小程序如果要使用live-player组件需要申请相应的行业才行，我当前的小程序类目显示不支持使用，不过我使用live-player组件在本地没有出现报错的情况，
2.播放后端给的rtmp流出现黑屏，并且控制台报错“视频加载出错: {type: "error", timeStamp: 2437,”

问题：1.本地测试一定需要申请小程序类目才行吗
2.有没有之前做过相应小程序监控视频的，提供一个demo

Answer 1

以下参考免费微信小程序：皆我百晓生 作答，并由阿齐Archie整理回复，若还有疑问可评论或留言。

针对你的问题，我将分别给出建议和解决方案：

1. 本地测试是否需要申请小程序类目：

   • 理论上，微信小程序要求使用直播功能的小程序必须属于支持直播的类目。但是，这主要是为了上线审核时符合要求。在开发和测试阶段，即使类目不支持，你仍然可以在本地进行开发和测试。
   • 但是，如果你的小程序需要上线并提供直播功能，那么你必须确保你的小程序类目支持直播，并且在小程序管理后台申请开通直播功能。

2. 播放RTMP流出现黑屏和错误：

   • 确保你的RTMP流地址是正确的，并且服务器正在正常工作。
   • 检查网络连接，确保小程序可以访问到RTMP流地址。
   • 检查是否有防火墙或者网络策略阻止了RTMP流的访问。
   • 确保你的服务器支持RTMP协议，并且流地址没有被限制访问。

下面是一个简单的live-player组件的使用示例，你可以基于此进行测试和开发：

<!-- pages/index/index.wxml -->
<view class="container">
  <live-player 
    id="livePlayer" 
    src="你的RTMP流地址" 
    mode="live" 
    autoplay="true" 
    mute="false" 
    orientation="vertical">
  </live-player>
</view>

// pages/index/index.js
Page({
  data: {
    // 你的数据
  },
  onLoad: function(options) {
    // 页面加载时执行的初始化操作
  },
  onReady: function() {
    // 页面准备展示时执行的操作，此时live-player组件已经准备好
    const livePlayer = wx.createLivePlayerContext('livePlayer');
    livePlayer.play();
  },
  onUnload: function() {
    // 页面卸载时执行的操作，可以在这里停止播放
    const livePlayer = wx.createLivePlayerContext('livePlayer');
    livePlayer.stop();
  }
});

请注意，这个示例仅用于本地测试和开发，如果你的小程序需要上线，你需要确保你的小程序类目支持直播功能，并且在小程序管理后台申请开通直播功能。

如果你的小程序类目不支持直播，但你确实需要使用直播功能，你可能需要考虑更换小程序的类目或者寻找其他解决方案，比如使用微信的云开发服务，它提供了一些直播解决方案，可能不需要特定的类目支持。

希望这些信息对你有所帮助！如果你有其他问题，欢迎继续提问。