Getting blank video in Allure report using wdio-video-reporter lib

[arpitgoyal43]

Describe the bug
I am using Webdriver.IO v7 for automation testing and configuring the video support in Allure report for failed testcases.
I followed the wdio-video-reporter documentation on Webdriver.IO official website,
but once e2etest case completes it just adds a blank video in the allure report.

To Reproduce
Add below code in wdio.conf.js:

const video = require('wdio-video-reporter');
reporters: [
[video, {
saveAllVideos: true, // If true, also saves videos for successful test cases
videoSlowdownMultiplier: 3, // Higher to get slower videos, lower for faster videos [Value 1-100]
videoRenderTimeout: 5, // Max seconds to wait for a video to finish rendering
}],
[
'allure',
{
outputDir: './results/allure-raw',
disableWebdriverStepsReporting: true,
disableWebdriverScreenshotsReporting: true,
},
],
],

Expected behavior
It should attach a full video of the automation test in allure report

Environment (please complete the following information):
Using below packages:

"wdio-video-reporter": "^3.5.0",
"@types/mocha": "^8.2.0",
"@wdio/allure-reporter": "^7.20.3",
"@wdio/cli": "^7.20.3",
"@wdio/local-runner": "^7.20.3",
"@wdio/mocha-framework": "^7.20.3",

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• OS: Windows 10
• Browser: Google Chrome

It seems to be a bug with recent webdriver.io versions.
Please take action on this.

[christian-bromann]

Thanks for reporting!

We greatly appreciate any contributions that help resolve the bug. While we understand that active contributors have their own priorities, we kindly request your assistance if you rely on this bug being fixed. We encourage you to take a look at our contribution guidelines or join our friendly Discord development server, where you can ask any questions you may have. Thank you for your support, and cheers!

[bhanuagarwal73]

@arpitgoyal43 increase the reporterSyncTimeout to 30000 default was 5000. In addition increase videoRenderTimeout to around 80 sec

[arpitgoyal43]

@bhanuagarwal73 : Tried the suggested way, but still getting an empty video. PFA the snapshots of wdio.conf.js

reporters: [
'Spec',
[video, {
reporterSyncTimeout: 3000,
saveAllVideos: true, // If true, also saves videos for successful test cases
videoSlowdownMultiplier: 3, // Higher to get slower videos, lower for faster videos [Value 1-100]
videoRenderTimeout: 80, // Max seconds to wait for a video to finish rendering
}],
[
'allure',
{
reporterSyncTimeout: 3000,
outputDir: './results/allure-raw',
disableWebdriverStepsReporting: true,
disableWebdriverScreenshotsReporting: false,
},
],
],

[christian-bromann]

@arpitgoyal43 mind providing a reproducible example to help us investigate the issue?