[Feature]: Support video streaming

[deblockt]

🚀 Feature Request

With the current version, we the video of the test execution can be get after the test execution.
I can be fine to have the possibility to get the video on a streaming mode, have a stream with live content of the recording video.

Example

No response

Motivation

My use case is integration of playwright on a tool to perform integration test, I would like to be able to display the execution video during the test execution to help tester to check what is happening on the browser without having to wait the end of the test.

Thanks for your help.

[yury-s]

I would like to be able to display the execution video during the test execution to help tester to check what is happening on the browser without having to wait the end of the test.

Why can't you just run in headed mode and watch what's going on in the browser? You can also use setSlowMo for slower execution pace.

We are not planning to invest into video feature going forward and recommend using tracing more.

[deblockt]

The final goal is to have a runner not installed on the client computer, so the headless: true config will not help.

Thanks for the response.

[yury-s]

The final goal is to have a runner not installed on the client computer, so the headless: true config will not help.

Can you explain what you mean by that? Even if the browser runs in the cloud, you need playwright to be installed locally to orchestrate that. If it's just browser running remotely, you can connect to that machine via remote desktop and see the browser in headed mode. E.g. in GitHub codespaces one can connect to the remote container using VNC to see the browser.

[EnigmaSaikat1]

You can try this code running well for me while running the code in headless mode

package dev.playwright.automation;
import com.microsoft.playwright.*;
import java.nio.file.Paths;
public class App {
public static void main(String[] args) {
try (Playwright playwright = Playwright.create()) {
Browser browser = playwright.chromium().launch(
new BrowserType.LaunchOptions()
.setHeadless(true)
);
BrowserContext context = browser.newContext(
new Browser.NewContextOptions()
.setRecordVideoDir(Paths.get("videos"))
);
Page page = context.newPage();
page.navigate("http://playwright.dev");
System.out.println("Page Title: " + page.title());
page.waitForTimeout(5000);
context.close();
browser.close();
System.out.println("Video saved in the 'videos' directory.");
}
}
}