H5实时音视频组件,播放显示变形

观看直播时,使用了H5实时播放组件,可以正常观看,但是得到的流宽高比不同时,产生了变形。

调试时的DOM结构:

发现只要把canvas外层div的width:100%改小就不会变形了。

请问有自动适配流宽高比的属性嘛?或者该怎样拿到流的尺寸自适应呢?

没有,是需要自己调整的

发送端的视频分辨率尽量不要超过 480P,且必须设为 4 的倍数,以避免出现设备兼容性问题。
看下这里的要求对不对

您好,我觉得这是宽高比的问题呢。 因为有时候我们会推一些比较高的流(比如分享PDF文档)。
所以我的想法是减小width,然后左右居中。但我不知道要减小宽度到多少。
这是我减小宽度后的效果:


想要的就是这种效果,但不知道每次要动态设置宽度为多少??

感谢,(●’◡’●)

如果你们要预先适配好几种场景(不常用的分辨率),那最好还是每个场景提前预设一个值,先测试好填入,我们也没参数和接口。 如果你要居中的话直接把这个div的位置居中不就好啦,宽度不用改动吧,多出来的也不会显示出来。 然后宽高可以做个算式(假定你知道你要播的流的宽高值),把这个值当作变量传给 整个 div让他恰好容纳下播放器

因为sdk一般比例都是4:3和16:9这样

因为主播可能推高度 > 宽度,或者宽度 > 高度的流。
所以想拉流的的时候能够得到流的尺寸,然后适配。貌似得不到。(⊙﹏⊙)

嗯,这个需求估计不行,一般分辨率都是写死的(至少等比例)。

嗯,谢谢:smiley:

问题得到解决了吗,我也遇到相同的问题,如何设置推送端的 尺寸

解决了,有个API getStats 可以获取获得流的宽高等,然后用CSS控制宽高比

机智

嘻嘻(●’◡’●)