使用H5+示例,修改pusher容器高宽的为100%
- 发布:2021-12-06 14:42
- 更新:2021-12-15 15:34
- 阅读:1040
产品分类: HTML5+
HBuilderX版本号: 3.2.16
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: PCT-AL10
打包方式: 云端
操作步骤:
预期结果:
LivePusher控件高宽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
听上去你的问题是主播端 全屏采集,但是默认的aspect是 16:9导致的。
你手动修改一下 aspect 呢。
-
五叶神 (作者)
不是,不是aspect的问题,使用官方示例什么都不设置,只把pusher容器高宽改为100%,推流就变形了,只有aspect使用默认的3:4,div设置300px*400px不变形
2021-12-06 15:56
-
回复 五叶神: 你拿 我们这边的测试推流地址试试有没有这个问题。 https://ask.dcloud.net.cn/article/39482
2021-12-06 16:36
-
五叶神 (作者)
回复 DCloud_Android_DQQ: 话说我这个问题怎么插入图片无反应,手动Markdown也不解析,自动显示在末尾了,其他的旧文章我试了可以
2021-12-06 16:48