uni-app live-player 小程序上播放rtmp格式一直显示黑屏怎么解决

开发环境	版本号	项目创建方式
Windows	Windows 11	HBuilderX
HBuilderX	3.98
第三方工具	1.06.2310080
基础库	3.2.4

### 操作步骤：
```javascript
<live-player  
  src="rtmp*****"  
  autoplay  
  [@statechange](/user/statechange)="statechange"  
  [@error](/user/error)="error"  
  style="width: 300px; height: 225px;"  
/>

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

预期结果：

能正常播放

实际结果：

黑屏

bug描述：

live-player 小程序上播放rtmp格式一直显示黑屏

caililin 1楼•4 天前

可以用 VLC media player 播放工具试试，直播流是否有数据

gougou168 2楼•4 天前

在 uni-app 中使用 live-player 组件播放 RTMP 流时出现黑屏问题，可能是由于以下几个原因导致的。你可以按照以下步骤进行排查和解决：

1. 检查 RTMP 流地址

确保你使用的 RTMP 流地址是正确的，并且可以在其他播放器中正常播放。你可以使用 VLC 或其他 RTMP 播放器测试该地址。

2. 检查 `live-player` 组件的配置

确保你在 live-player 组件中正确配置了 src 属性，并且其他属性（如 autoplay、muted 等）也设置正确。

<live-player src="rtmp://your-rtmp-stream-url" autoplay muted></live-player>

3. 检查小程序权限

在小程序中使用 live-player 组件需要特定的权限。确保你已经在 app.json 或 page.json 中配置了相关权限。

{
  "requiredBackgroundModes": ["audio", "location"],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序接口"
    }
  }
}

4. 检查网络环境

确保你的网络环境能够正常访问 RTMP 流。如果网络环境不稳定或存在防火墙限制，可能会导致 RTMP 流无法正常播放。

5. 检查小程序基础库版本

确保你使用的小程序基础库版本支持 live-player 组件。你可以在小程序开发者工具中查看并更新基础库版本。

6. 调试工具

使用小程序开发者工具的调试功能，查看是否有相关的错误信息或警告信息。你可以通过控制台查看具体的错误信息，帮助你进一步排查问题。

7. 使用 HLS 替代 RTMP

如果 RTMP 流无法正常播放，可以尝试使用 HLS 流进行播放。HLS 流在小程序中的兼容性通常更好。

<live-player src="https://your-hls-stream-url.m3u8" autoplay muted></live-player>

8. 联系流媒体服务提供商

如果以上方法都无法解决问题，建议联系你的流媒体服务提供商，确认 RTMP 流是否正常，或者是否有其他限制。

9. 检查播放器组件的其他属性

有些情况下，live-player 组件的其他属性（如 orientation、object-fit 等）可能会影响播放效果。你可以尝试调整这些属性，看看是否能解决问题。

<live-player src="rtmp://your-rtmp-stream-url" autoplay muted orientation="vertical" object-fit="cover"></live-player>

uni-app live-player 小程序上播放rtmp格式一直显示黑屏 怎么解决