Improve video frame rate by using the Chrome DevTools Screencasting API

[HanmingWu-TW]

What is your Test Scenario?

I want to record my test scenarios

What is the Current behavior?

Video frame is very low even I set r higher

What is the Expected behavior?

Video frame can be set or just higher

What is your web application and your TestCafe test code?

Runner setting:
.video('videos', {
pathPattern: '${FIXTURE}-${TEST}-${BROWSER}.mp4'
},{
r: 30,
s: '1366*768',
aspect: '1366:768'
})

Your Environment details:

• testcafe version: 1.15.0
• node.js version: 16.5.0
• command-line arguments:
• browser name and version: chrome and firefox
• platform and version: macOS
• other:

And I think it is similar with #3685

[AndreyBelym]

Currently, the framerate is limited by Chrome APIs. Please check this comment for a detailed explanation: #3685 (comment)

[HanmingWu-TW]

Currently, the framerate is limited by Chrome APIs. Please check this comment for a detailed explanation: #3685 (comment)

I find this message and change to use firefox but the frame is still very low. Is there any way to set firefox then I can have high frame video?

Runner setting:
.browsers('firefox')
.video('videos', {
pathPattern: '${FIXTURE}-${TEST}-${BROWSER}.mp4'
},{
r: 30,
s: '1366*768',
aspect: '1366:768'
})

[aleks-pro]

The problem is in the browser performance. Firefox can record a video with a higher frame rate than Chrome, but it's still insufficient to meet the requirements. The issue got complicated because Firefox has no alternative screencasting API with which this behavior might be avoided.