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.

Can you fix the background.js? (Screen resolution problem)

See original GitHub issue
function START_RECORDING({ index, video, audio, frameSize, audioBitsPerSecond, videoBitsPerSecond, bitsPerSecond, mimeType, videoConstraints }) {
	chrome.tabCapture.capture(
		{
			audio,
			video,
			videoConstraints: videoConstraints || {}
		},

then,

const videoConstraints = { mandatory: { minWidth: 480, minHeight: 680, maxWidth: 480, maxHeight: 680 } }
const stream = await puppeteerStream.getStream(page, { audio: true, video: true, videoConstraints })
console.log("recording")

videoConstraints: {
      mandatory: {
          minWidth: 1920,
          minHeight: 1080,
          maxWidth: 1920,
          maxHeight: 1080
      }
  }

If you let me put the video constant value in, the problem will be solved. Make sure to write down the size you want.

  • Solving the problem that’s being recorded throughout the PC screen.
  • Small windows can be recorded.

Nice program. I’ll use it well.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:4
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
natashafenechcommented, Jan 21, 2022

I can confirm this works, any plans for this to get fixed?

0reactions
natashafenechcommented, Jan 24, 2022
Read more comments on GitHub >

github_iconTop Results From Across the Web

Why is the resolution of my website's screen not properly fitting ...
1 Answer 1 ... Try to remove max-width: 500px; from your flex-img class and add width: 100%; to it. Please refer to the...
Read more >
Window.devicePixelRatio - Web APIs | MDN
The JavaScript code creates the media query that monitors the device resolution and checks the value of devicePixelRatio any time it changes.
Read more >
chrome.system.display - Chrome Developers
If the display mode is invalid, it will not be applied and an error will be set, but other properties will still be...
Read more >
How To Get The Current Screen Size/Browser Window
Learn how to get the current screen size/browser window with JavaScript. ... Read more about the window object in our JavaScript Window Tutorial....
Read more >
CSS Make Background Image Full Screen - SoftAuthor
Add an image as a background of an HTML element then resizing and positioning the background image to make it full screen.
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