uni-app video组件poster属性可进一步优化的几个问题

uni-app video组件poster属性可进一步优化的几个问题

示例代码:

video场景所有

操作步骤:

配置`object-fit` 为`fill`或者`cover`后`poster` 比例和视频第一帧不一致,
IOS端 `poster`到视频第一帧中间黑屏过度太长

预期结果:

`poster`属性展示比例跟随object-fit属性值展示,

实际结果:

`poster`图展示比例始终固定跟随 `object-fit=contain`的比例,
`object-fit=fill` 或者 `object-fit=cover`后过度到第一帧比例有明显差异

bug描述:

首先声明一下 这里的 poster图片尺寸完全和视频的第一帧100%一致。

1.视频封面 poster属性的显示比例问题

按理来说这个poster 属性的比例应该跟随 objectfit属性 显示,不然的话会出现 视频封面 和 第一帧比例不一致、过度不平滑问题,下面我特别适用了图片来一 一展示 objectfit 配置后和 poster 带来的影响

属性 object-fit="cover"和objectfit:‘fill’

object-fit="cover"和objectfit:'fill’展示效果 差不多,这里重点讲的是poster画面和视频画面比例。

2.视频封面 poster展示到视频播放的过度问题,

目前的效果是先显示 poster 图片,然后到视频播放时 要经过500毫秒左右的黑屏才显示第一帧画面。这个问题IOS端最明显。安卓端还好。 如果加载 poster 存在网络延迟的话 那就情况是这样的: 黑屏(500毫秒)=>显示 poster=》再黑屏(500毫秒)=>第一帧画面,播放一个视频前要闪屏好几次。 对于网页端的H5播放器来说稍微逊色那么一丢丢,这里当然不是单纯的吐槽原生播放器,而是指出一些可以进一步优化的问题。

开发环境 版本号 项目创建方式
Windows Windows 64位家庭版 HBuilderX
手机系统 手机系统版本号 手机厂商
Android Android 10 小米
HBuilderX 3.1.19 -

更多关于uni-app video组件poster属性可进一步优化的几个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app video组件poster属性可进一步优化的几个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这问题为何官方都不回复的,我也提了相关问题,都没人鸟。

回到顶部