1***@qq.com
1***@qq.com
  • 发布:2020-12-16 14:01
  • 更新:2021-04-02 16:55
  • 阅读:3632

【报Bug】同一个视频链接,在所有浏览器播放都正常,在uni-app的video组件播放就是卡顿,延迟严重,这是什么问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10 64

HBuilderX类型: 正式

HBuilderX版本号: 2.9.8

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: iphone7

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<video :controls="true" :show-center-play-btn="false" :show-fullscreen-btn="false" :show-progress="false" objectFit="true" :src="src" :loop="false" :enable-progress-gesture="false" id="chunleiVideo" ref="chunleiVideo" class="video1" autoplay="true">

操作步骤:

浏览器播放正常,app播放卡顿延迟

预期结果:

app播放与浏览器效果一致

实际结果:

app播放卡顿延迟

bug描述:

【报Bug】同一个视频链接,在所有浏览器播放都正常,在uni-app的video组件播放就是卡顿,延迟严重

2020-12-16 14:01 负责人:CLP 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

忘了放视频链接
http://mediaminnanyu.oss-cn-shenzhen.aliyuncs.com/up/20201215/16080470557634prz3.mp4

  • CLP

    毕现的问题吗? 安卓会吗?

    2020-12-17 11:31

  • 1***@qq.com (作者)

    回复 CLP: 必现的,安卓也会,但是卡顿比较严重,延迟比ios好

    2020-12-17 14:19

CLP

CLP

声音是正常的播放的,画面似乎有点慢,但是这个视频里的内容幅度不大,看不太清楚,有其他的视频也是这样的吗?

  • 1***@qq.com (作者)

    你用ios设备看,跟外部浏览器对比,非常明显啊

    2020-12-17 14:21

  • CLP

    回复 1***@qq.com: 不好解决,这个是用的第三方的视频库

    2020-12-17 14:49

  • 1***@qq.com (作者)

    回复 CLP: 那怎么办?后续没有优化的安排吗,video组件性能真的太差了,看到很多人都在提

    2020-12-17 15:10

  • CLP

    回复 1***@qq.com: 很难

    2020-12-17 15:17

  • CLP

    回复 CLP: 对视频组件要求高的话,去插件市场看看,里边有不少视频插件

    2020-12-17 15:44

  • 1***@qq.com (作者)

    回复 CLP: 市场里的插件都是基于video组件封装的啊,有差吗

    2021-03-10 10:42

  • CLP

    回复 1***@qq.com: 你可以试用

    2021-03-10 11:32

  • 1***@qq.com (作者)

    回复 CLP: 插件市场试遍了,每一个能解决声画不同步的,哎!

    2021-03-30 17:16

DCMarvel

DCMarvel

放弃使用原生video组件,使用vidoejs,千万别爬video的坑

  • 1***@qq.com (作者)

    可是主要是做app端啊,videojsApp端用不了吧?

    2020-12-17 15:07

  • DCMarvel

    回复 1***@qq.com: 用webview 即可

    2020-12-17 16:26

  • [已删除]

    回复 1***@qq.com: 这个问题 我们下个版本会做专门的优化。 你可以一下我QQ 643833712。 我提前给你测试一下效果

    2020-12-23 17:53

  • DCMarvel

    回复 [已删除]: m3u8卡顿问题, 随便找个公共无cdn 的m3u8链接(如:https://chaoqing.dong-zuida.com/20201221/72_4f1bf98e/index.m3u8,http://iqiyi.cdn9-okzy.com/20201118/18345_662cef8f/index.m3u8)播放对比即可.video组件100%会卡缓冲,webview卡的概率会小很多.

    另外video组件是否开放更多功能,ijkplayer 配置(播放重连次数,最大缓冲大小,最大fps等),自定义播放header(用于验证),更多的ffmpeg 命令(如m3u8合并等)

    2020-12-23 18:23

  • DCMarvel

    回复 [已删除]: 另外是否可开放video组件音频,亮度的调节api ,现在如果想自定义调节亮度或音频只能调节系统声音及亮度,就要需要申请系统设置权限,video组件原生调节则不需要申请系统设置权限但是没开放api

    2020-12-23 18:52

  • [已删除]

    回复 DCMarvel: 收到 我们会认真考虑你的建议

    2020-12-23 19:49

  • DCMarvel

    回复 [已删除]: 突然想到 video 组件播放本地m3u8问题.无法播放本地加密的m3u8视频,未加密的可播放,本地播放可能没走解密

    2020-12-25 10:19

  • [已删除]

    回复 DCMarvel: 给个例子?

    2020-12-25 17:47

  • DCMarvel

    回复 [已删除]: 视频太大了,

    具体就是 video src = '_www/m3u8/index.m3u8' 能播放


    (未加密 http://youku.hao-yongjiu.com/20201219/1945_28e5d07b/index.m3u8) 下载几个片段就可以


    src= '_www/m3u8_key/index.m3u8' 不能播放


    (加密: https://v.js4177.org/20201219/B1sMh2kd/index.m3u8) 下载几个片段就可以 key下载放在同目录


    本地的key无法解密播放,直接就是播放失败

    _www --

    ---m3u8

    ---index.m3u8

    ---1.ts

    ---m3u8_key

    ---index.m3u8

    ---key.key

    ---1.ts

    2020-12-25 18:20

makeit

makeit - it

同一个视频,h5 video标签 比 原生video 的速度快很多,app的体验还不如网页h5

  • [已删除]

    这两天会发新版本

    2021-02-02 10:46

  • 9***@qq.com

    回复 [已删除]: 悄咪咪的问一句发布新版本了嘛?

    2021-03-01 11:06

  • [已删除]

    回复 9***@qq.com: 发了。 开启硬件加速 此问题可破

    2021-03-01 12:24

  • 6***@qq.com

    回复 [已删除]: 我想问个问题就是我用萤石云的云台控制摄像头,但是开发的安卓APP延迟很高怎么解决呀,延迟有7秒左右。

    2021-03-02 20:54

  • [已删除]

    回复 6***@qq.com: 另外开个帖子,仔细描述一下。 听上去像是实时推流 和 videoplayer 关系不大

    2021-03-03 15:31

  • 1***@qq.com (作者)

    回复 [已删除]: 试了新版本,并没有什么变化啊...

    2021-03-08 15:30

  • [已删除]

    回复 1***@qq.com: 开硬件加速了吗

    2021-03-08 15:40

  • 1***@qq.com (作者)

    回复 [已删除]:没有,怎么配置呢

    2021-03-08 15:58

  • [已删除]

    回复 1***@qq.com:

    codec: (String 类型 )解码方式

    可取值:


    "hardware" - 硬解码,优点是可以利用设备硬件进行加速,提高视频清晰度,缺点是在部分设备可能存在兼容性问题

    "software" - 软解码,优点是兼容性较好,缺点是性能不足

    默认值为"software",如果播放视频出现清晰度不好的情况可以调整为"hardware"。

    HBuilderX3.1.0+版本新增支持。

    2021-03-08 16:52

  • 1***@qq.com (作者)

    回复 [已删除]:试了,没用...

    2021-03-08 18:20

  • 1***@qq.com (作者)

    回复 [已删除]: http://mediaminnanyu.oss-cn-shenzhen.aliyuncs.com/up/20201215/16080470557634prz3.mp4 ,你用这个视频试试

    2021-03-08 18:22

  • [已删除]

    回复 1***@qq.com: 开发的时候 就是那这个视频试验的。。这哥们的歌儿我都听到吐了。。 在我这里测试效果很明显的。。你用哪个版本Hx

    2021-03-09 11:36

  • [已删除]

    回复 1***@qq.com: 当时换了几台设备测试。 效果肉眼可见的。

    2021-03-09 11:37

  • 1***@qq.com (作者)

    回复 [已删除]: 3.1.4.20210305

    2021-03-10 10:20

  • [已删除]

    回复 1***@qq.com: 你用的Ios?. 目前只有android 新增了硬件加速

    2021-03-10 10:30

  • 1***@qq.com (作者)

    回复 [已删除]: 我这是真的没用...ios安卓都试了,基座都重打了好几次...文档上codec这个默认值是hardware, 跟你给的还不一样..,要不你再试试?

    2021-03-10 10:31

  • 1***@qq.com (作者)

    回复 [已删除]: 好吧,安卓也试了啊,也一样

    2021-03-10 10:41

  • [已删除]

    回复 1***@qq.com: 那没招了。 可能硬件加速在你那边效果不明显。 建议换几个手机/ 视频源观察一下。

    2021-03-10 10:58

  • makeit

    回复 [已删除]: 3.1.4版本,video点全屏闪退,安卓nvue. 试了3.1.2也闪退。最终退回了3.0.7版本,一言难尽啊

    2021-03-14 22:03

  • [已删除]

    回复 makeit: 给个demo看看

    2021-03-15 10:33

  • [已删除]

    回复 makeit: hello uni在你手机上试试 有没有这个问题

    2021-03-15 10:34

  • 1***@qq.com (作者)

    回复 [已删除]: 老哥,video组件ios端,全屏无法根据视频宽高比横竖屏这个问题有安排解决吗?

    2021-03-30 17:17

  • [已删除]

    回复 1***@qq.com: 要不你新提个ask吧

    2021-03-30 19:10

  • 1***@qq.com (作者)

    回复 [已删除]: 行吧

    2021-03-31 18:21

7***@qq.com

7***@qq.com

iOS 开了硬件加速,使用 video 播放让rtmp直播视频,延迟很高。
安卓反倒延迟在能接受范围内。

不老刘

不老刘

确实很明显,经常出现个别视频播放会很卡,遇到这种卡的iOS和安卓下都会卡。是不是video组件解码能力不行啊。

  • [已删除]

    android 可以试试开启硬件加速

    2021-04-06 10:24

  • 不老刘

    回复 [已删除]: 但是也奇怪,这种的有时候重新转码后就不卡了。

    2021-04-23 15:21

  • [已删除]

    回复 不老刘: 你是在线播放 mp4. 那需要用ffmpeg 提前转码一遍。

    2021-04-25 10:54

  • 不老刘

    回复 [已删除]: 我用的七牛云,都会转码,就这样有时候也会出现视频卡顿的情况。

    2021-04-27 14:19

该问题目前已经被锁定, 无法添加新回复