Is it possible to increase the viewport resolution while keeping MatchViewportRes set to true?

[christianstamati]

Component your question relates to

• Signalling server
• Frontend library
• Frontend UI library
• Matchmaker
• SFU
• This repo
• Other

Background

We’re building a mobile app and noticed that when connecting from an iPhone with MatchViewportRes set to true, it behaves as expected. However, the rendered resolution appears quite low, causing the visuals to look slightly pixelated.

Question

1. Is there a way to keep MatchViewportRes set to true while increasing the effective resolution (for example, doubling it)?
2. Should I disable MatchViewportRes and manage this myself? Is there an existing api to manage screen resolution? Should i simply execute commands?

[christianstamati]

I checked the source code and we could add a new number parameter called ViewportResScaling

 // When in match viewport resolution mode, when the browser viewport is resized we send a resize command back to UE.
        this.videoPlayer.onMatchViewportResolutionCallback = (width: number, height: number) => {
            const descriptor = {
                'Resolution.Width': width * this.config.ViewportResScaling || 1,
                'Resolution.Height': height * this.config.MatchViewportRes.ViewportResScaling || 1
            };

            this.streamMessageController.toStreamerHandlers.get('Command')([JSON.stringify(descriptor)]);
        };

This way we can have a higher streaming resolution.

Let me know!

[lukehb]

@christianstamati Thanks for sharing this (especially with such a nice visual explanation of the issue).

To answer your question directly, no there is not a way to do that right now.

Your proposed solution of setting a scaling factor on the match viewport resolution is quite a good idea.

If you'd like to try that out and see how it goes I'd be happy enough to accept a PR for this if it works out well in your testing.

[christianstamati]

Hey @lukehb I opened a pull request, let me know if it's ok!

[akshita0279]

Hey @christianstamati can you tell how did you get a higher streaming resolution?