question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

RTCView:How do you get a full screen, full screen

See original GitHub issue

How to configure:

getUserMedia({
        audio: true,
        video: {
            mandatory: {
                minWidth: 1280, // Provide your own width, height and frame rate here
                minHeight: 720,
                minFrameRate: 30,
            },
            facingMode: (isFront ? "user" : "environment"),
            optional: (videoSourceId ? [{sourceId: videoSourceId}] : []),
        }
    }, function (stream) {
        console.log('getUserMedia success', stream);
        callback(stream);
    }, logError);

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
aoarashi1988commented, Sep 10, 2018

@zgh-yuanshang try the ‘objectFit’ props, set it to ‘cover’

0reactions
webQincommented, Jan 21, 2021

跳转到横向模式下的页面,然后重新布局 ------------------ 原始邮件  ------------------发件人:“ react-native -webrtc / react-native-webrtc“ notifications@github.com ;; 发送时间:2021年1月21日(星期四)中午11:34收件人:“ react-native-webrtc / react-native-webrtc” react-native-webrtc@noreply.github.com ; 抄送:“永远” 3222694807@qq.com ;;“评论” comment@noreply.github.com ;; 主题:  Re:[react-native-webrtc / react-native-webrtc] RTCView:如何获得全屏,全屏(#506)如何在旋转屏幕时设置全屏?? —您收到此评论是因为您发表了评论。直接回复此电子邮件,在GitHub上查看或取消订阅。

I turn width into height and height into width,However, the final width is no problem, that is, the height, checked a little bit, about 50 up and 50 down

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to play remote video's stream in full screen mode? - Help
I have played remote video's stream by RTCView. I would play it in full screen. P/s I tried pass data to video player...
Read more >
How to Stretch Remote Video to Fill Screen in React Native ...
You should set the prop objectFit to 'cover' like this: ` <RTCView style={styles.localVideo} streamURL={this.state.localStream.
Read more >
react-full-screen - npm
React Fullscreen. A React component that sets its children to fullscreen using the Fullscreen API, normalized using fscreen. Usage. * Install ...
Read more >
React Native: Full Screen Background Image - YouTube
0:00 · New! Watch ads now so you can enjoy fewer interruptions. Got it.
Read more >
React Native Video Fullscreen - Rishi Sahu - Medium
I was trying to implement Video component in react-native but every library has it's pros and cons specially regarding support for video-controls in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found