Can you fix the background.js? (Screen resolution problem)
See original GitHub issuefunction 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:
- Created 2 years ago
- Reactions:4
- Comments:5 (3 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I can confirm this works, any plans for this to get fixed?
Perfect, just opened PR: https://github.com/Flam3rboy/puppeteer-stream/pull/32