Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

视频如何铺满整个屏幕? #36

Open
yunuo-tech opened this issue Dec 5, 2018 · 11 comments
Open

视频如何铺满整个屏幕? #36

yunuo-tech opened this issue Dec 5, 2018 · 11 comments

Comments

@yunuo-tech
Copy link

现在高度和宽度都是100%,但是上下还是有黑边。
image

@xuyuanzhou
Copy link
Owner

fullVideoAspectRatio={"16:9"}
videoAspectRatio={"16:9"}
自己设置宽高比

@yunuo-tech
Copy link
Author

yunuo-tech commented Dec 5, 2018

fullVideoAspectRatio={"16:9"}
videoAspectRatio={"16:9"}

经过详细测试,设置后并未生效。
ios 表现为
image
设置为9:16反而正常了。
但是在安卓上没有生效,表现为:进来的一瞬间是正常的,但是一闪而过后又上下有黑边了。

@xuyuanzhou
Copy link
Owner

这样子么,我到时看看吧

@xuyuanzhou
Copy link
Owner

import {StyleSheet, View, Dimensions} from 'react-native';
import Orientation from 'react-native-orientation';
const height = Dimensions.get('window').height;
const width = Dimensions.get('window').width;
fullVideoAspectRatio={ width + ":" + height}
安卓你可以先用全屏的宽高比

@xuyuanzhou
Copy link
Owner

使用1.1.1-beta7版本,
使用参数autoAspectRatio={true}
只作用于Android

@yunuo-tech
Copy link
Author

yunuo-tech commented Dec 6, 2018

使用1.1.1-beta7版本,
使用参数autoAspectRatio={true}
只作用于Android

还是不理想,现在加上这个参数后,视频画面感觉是被强制拉伸的,是否可以参考下react-native-video的:posterResizeMode和resizeMode这种方式? 我记得react-native-video是没有这个问题的。可惜ios 版得不支持 flv。

另外 我手机是刘海屏 比例调成18:9也不行。
image

@yunuo-tech
Copy link
Author

yunuo-tech commented Dec 6, 2018

呃。。。。我把视频宽度调成"120%",居然就解决了这个问题了。。。。
只是这样还会引起其他问题,所以还是希望这个库能把这个问题彻底解决了

@tzraeq
Copy link

tzraeq commented Dec 9, 2018

楼主是想拉伸铺满?还是等比自适应?另外,请问一下楼主你做这个直播,视频源是rtsp么?

@yunuo-tech
Copy link
Author

楼主是想拉伸铺满?还是等比自适应?另外,请问一下楼主你做这个直播,视频源是rtsp么?

我想拉伸铺满,现在是把宽度调成120%解决了。
视频源是flv

@xuyuanzhou
Copy link
Owner

还没想好怎么弄,我不做直播

@tzraeq
Copy link

tzraeq commented Dec 17, 2018

楼主是想拉伸铺满?还是等比自适应?另外,请问一下楼主你做这个直播,视频源是rtsp么?

我想拉伸铺满,现在是把宽度调成120%解决了。
视频源是flv

你的意思是 超出屏幕的部分不显示?只要不出现黑边就行呗?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants