uni-app 新版本video组件播放流媒体出现问题

uni-app 新版本video组件播放流媒体出现问题

产品分类

  • uniapp/App

PC开发环境

项目 信息
操作系统 Windows
操作系统版本号 win10
IDE 类型 正式
IDE 版本号 3.1.13

移动端开发环境

项目 信息
手机系统 iOS
手机系统版本号 IOS 14
手机厂商 苹果
手机机型 雷电模拟器

开发相关信息

项目 信息
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

示例代码

<video class="video" :src="url" :autoplay="autoplay" :controls="controls" :objectFit="objectFit"></video>

bug描述

video组件播放流媒体出现问题，Android使用rtsp无法播放，在真机上是一个绿色的并带有少量马赛克的画面，ios使用m3u8出现画面后，卡住一直不动了，旧版已经打包的APP没有问题，旧版本是2020年12月份打包的，流媒体播放正常。


更多关于uni-app 新版本video组件播放流媒体出现问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

我拿你的连接 试了一下 然后也试了vlc 播放器 都会卡
卡是因为一直爱suffiing 一方面看看自己网速 一方面看看服务端是不是有限制

更多关于uni-app 新版本video组件播放流媒体出现问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


ios好像问题不打，确实的卡了，但是旧版本3.0之前打包的android很流畅，3.1.13版本的打包的android不是卡，是根本就看不了，这不是bug吗？

希望官方重视一下，我不想总用旧版本打包，我下了很多个版本测试，3.0.5（含）版本前Android可以播放rtsp流，之后版本根本打不开，跟流没关系，我这里有几十个流，快的慢的都有，旧版全部可以播放，新版一个都不行

android 不支持rtsp是吗。 我试试

你拿5+的demo试试。 我这里测试是可以播放

h5 + demo是正常的。我用的是uniapp，hbuilder3.1.12,试了前几版也不得。我建一个hello模板的的uniapp,编译成Android，用你们封装的video组件无法打开，不懂你们试过没有。我回退hbuilder旧版本，项目问题已经解决。希望你们修复一下video组件，谢谢，3.0.5版本还可以用，后面的就打不开了

回复 7***@qq.com: 感谢反馈，我看看uni

根据你的描述，这是uni-app新版video组件对流媒体格式兼容性变化导致的常见问题。

问题分析：

  1. RTSP在Android无法播放：新版本可能调整了底层播放器内核，RTSP作为私有协议，在不同设备和系统版本上兼容性差异较大
  2. M3U8在iOS卡顿：可能是HLS流的分片加载或解码问题，新版对M3U8的解析逻辑可能有调整

解决方案：

  1. 格式转换方案：

    • 建议将RTSP转换为HLS(M3U8)或MP4格式，这两种格式在移动端兼容性更好
    • 可使用FFmpeg等工具进行实时转码

  2. 配置调整尝试：

    <video 
  class="video" 
  :src="url" 
  :autoplay="autoplay" 
  :controls="controls" 
  :objectFit="objectFit"
  show-loading
  enable-progress-gesture
></video>
回到顶部