← Back to HeadlessExperimental domain

HeadlessExperimental.beginFrame

Sends a BeginFrame to the target and returns when the frame was completed. Optionally captures a screenshot from the resulting frame. Requires that the target was created with enabled BeginFrameControl. Designed for use with --run-all-compositor-stages-before-draw, see also https://goo.gle/chrome-headless-rendering for more background.

Domain: HeadlessExperimental experimental

Parameters

NameTypeDescription
frameTimeTicks (optional)numberTimestamp of this BeginFrame in Renderer TimeTicks (milliseconds of uptime). If not set, the current time will be used.
interval (optional)numberThe interval between BeginFrames that is reported to the compositor, in milliseconds. Defaults to a 60 frames/second interval, i.e. about 16.666 milliseconds.
noDisplayUpdates (optional)booleanWhether updates should not be committed and drawn onto the display. False by default. If true, only side effects of the BeginFrame will be run, such as layout and animations, but any visual updates may not be visible on the display or in screenshots.
screenshot (optional)ScreenshotParamsIf set, a screenshot of the frame will be captured and returned in the response. Otherwise, no screenshot will be captured. Note that capturing a screenshot can fail, for example, during renderer initialization. In such a case, no screenshot data will be returned.

Returns

NameTypeDescription
hasDamagebooleanWhether the BeginFrame resulted in damage and, thus, a new frame was committed to the display. Reported for diagnostic uses, may be removed in the future.
screenshotDatastringBase64-encoded image data of the screenshot, if one was requested and successfully taken. (Encoded as a base64 string when passed over JSON)

Example Request

{
  "id": 1,
  "method": "HeadlessExperimental.beginFrame"
}

Example Response

{
  "id": 1,
  "result": {
    "hasDamage": true,
    "screenshotData": "screenshotData-value"
  }
}

Usage in Node.js

const result = await send('HeadlessExperimental.beginFrame');
console.log(result);
// {"hasDamage": true, "screenshotData": "screenshotData-value"}