uni-app plus.video.LivePusher控件推流出现变形 直播源是压扁的
uni-app plus.video.LivePusher控件推流出现变形 直播源是压扁的
操作步骤:
- 使用H5+示例,修改pusher容器高宽的为100%
预期结果:
- LivePusher控件高宽100%,直播源不变形;
实际结果:
- 目前变形
bug描述:
推流端全屏,高宽百分百,显示正常,但是在腾讯云或阿里云的后台查看直播源是变形的,观看端也是变形的。 官方H5+示例中显示正常,因为控件容器设置的是300*400高宽,与aspect的比例一致,所以推流才没有变形(换成9:16、容器同样比例也会变形); 示例代码如下,修改宽高100%就会变形
<div id="pusher" style="width:300px;height:400px;"></div>
<div id="pusher" style="width:100%;height:100%;"></div>
截图是使用H5+示例,只修改pusher容器高宽的结果。 补充一下:变形与观看端无关,小程序 H5 PC观看都是变形的,在腾讯云后台播放源也是变形的。 附上使用官方推流测试截图:rtmp://81.70.104.12:8080/live/livestream

| 信息 | 值 |
|---|---|
| 产品分类 | HTML5+ |
| HBuilderX版本号 | 3.2.16 |
| 手机系统 | Android |
| 手机系统版本号 | Android 10 |
| 手机厂商 | 华为 |
| 手机机型 | PCT-AL10 |
| 打包方式 | 云端 |
更多关于uni-app plus.video.LivePusher控件推流出现变形 直播源是压扁的的实战教程也可以访问 https://www.itying.com/category-93-b0.html
听上去你的问题是主播端 全屏采集,但是默认的aspect是 16:9导致的。
你手动修改一下 aspect 呢。
不是,不是aspect的问题,使用官方示例什么都不设置,只把pusher容器高宽改为100%,推流就变形了,只有aspect使用默认的3:4,div设置300px*400px不变形
回复 五叶神: 你拿 我们这边的测试推流地址试试有没有这个问题。 https://ask.dcloud.net.cn/article/39482
回复 五叶神: 我现在 也拿5+示例, 改一下宽高看看
回复 DCloud_Android_DQQ: 使用官方的推流测试试了,一样的问题,上面补充了截图
回复 DCloud_Android_DQQ: 话说我这个问题怎么插入图片无反应,手动Markdown也不解析,自动显示在末尾了,其他的旧文章我试了可以
回复 五叶神: 我看见上传的图片。 我试试哈。
感谢你的反馈,我复现了这个问题。我尝试修复它,有进展会在这里更新。
好的,辛苦大佬了
需要全端直播解决方案的看这里:https://ask.dcloud.net.cn/article/39508
hx 3.1.1 alpha bug已修复


