I am trying to use the browser rendering API to screenshot a page with a <video> element and I canno

C

Chief•10/9/24, 3:46 AM

How does the browser rendering api fit in with cloudflare’s anti botting stance?

Realistically, people want to use the api to take screenshots or remote view websites at a regular basis and want to go around things like turnstiles

E

Erisa•10/9/24, 4:16 AM

browser rendering doesn't bypass turnstile afaik

E

Erisa•10/9/24, 4:16 AM

you cant use it to scrape sites which have bot protection on them

Aacusti I am trying to use the browser rendering API to screenshot a page with a <video>...

P

Puliczek•10/10/24, 4:25 PM

Same problem, did you solve it?

Aacusti I am trying to use the browser rendering API to screenshot a page with a <video>...

P

Puliczek•10/11/24, 8:21 AM

Not sure if it is related to video/h264. I have same problem with youtube videos. Is it possible that all videos are blocked bycloudflare to avoid extra bandwidth?

Aacusti I am trying to use the browser rendering API to screenshot a page with a <video>...

P

Puliczek•10/11/24, 12:46 PM

Created issue: https://github.com/cloudflare/puppeteer/issues/84

GitHub

[Bug]: Video not working - White screen · Issue #84 · cloudflare/pu...

Minimal, reproducible example import puppeteer from "@cloudflare/puppeteer"; export default { async fetch(request, env) { const browser = await puppeteer.launch(env.MYBROWSER); const page...

Original message was deleted

P

Puliczek•10/23/24, 9:33 AM

is there any plan to support it?

V

Vikash•10/23/24, 11:56 AM

How do I kill a freezing session? The session is busy from last 10 minutes doing nothing...seems like puppeteer freeze.
I want to kill it by checking

connectionStartTime > now + 1 minutes

connectionStartTime > now + 1 minutes

connectionStartTime > now + 1 minutes

connectionStartTime > now + 1 minutes using a CRON every minute. But don't see any option, any suggestion?

{
    "sessionId": "fcd55f36-8415-4602-aa60-835fc98439ec",
    "startTime": 1729683740652,
    "connectionId": "2500e575-abe8-4db0-9cd2-f5a542c376ca",
    "connectionStartTime": 1729683742094
  },

{
    "sessionId": "fcd55f36-8415-4602-aa60-835fc98439ec",
    "startTime": 1729683740652,
    "connectionId": "2500e575-abe8-4db0-9cd2-f5a542c376ca",
    "connectionStartTime": 1729683742094
  },

{
    "sessionId": "fcd55f36-8415-4602-aa60-835fc98439ec",
    "startTime": 1729683740652,
    "connectionId": "2500e575-abe8-4db0-9cd2-f5a542c376ca",
    "connectionStartTime": 1729683742094
  },

{
    "sessionId": "fcd55f36-8415-4602-aa60-835fc98439ec",
    "startTime": 1729683740652,
    "connectionId": "2500e575-abe8-4db0-9cd2-f5a542c376ca",
    "connectionStartTime": 1729683742094
  },

A

andreaselia•10/23/24, 12:24 PM

Using the Browser Rendering API to create a new page, go to the URL of a PDF, and then return a screenshot doesn't seem to be able to load the PDF itself, any suggestions or is this simply not one of those use cases the Browser Rendering API should be used for?

Slimmed down version of my Worker code:

const browser = await puppeteer.launch(env.BROWSER);
const page = await browser.newPage();

await page.goto(url, {
  waitUntil: 'networkidle0',
});

const img = (await page.screenshot()) as Buffer;

// Here I upload to R2/handle, return a response, etc.

const browser = await puppeteer.launch(env.BROWSER);
const page = await browser.newPage();

await page.goto(url, {
  waitUntil: 'networkidle0',
});

const img = (await page.screenshot()) as Buffer;

// Here I upload to R2/handle, return a response, etc.

const browser = await puppeteer.launch(env.BROWSER);
const page = await browser.newPage();

await page.goto(url, {
  waitUntil: 'networkidle0',
});

const img = (await page.screenshot()) as Buffer;

// Here I upload to R2/handle, return a response, etc.

const browser = await puppeteer.launch(env.BROWSER);
const page = await browser.newPage();

await page.goto(url, {
  waitUntil: 'networkidle0',
});

const img = (await page.screenshot()) as Buffer;

// Here I upload to R2/handle, return a response, etc.

If it's not the blank screenshot attached, it's a timeout due to exceeding the 30s navigation timeout.

An example PDF I found on GitHub if anyone wants to try it: usbtemp.s3.amazonaws.com/terms.pdf

K

Kathy•4/7/25, 10:46 PM

Hi all!

With the new Browser Rendering announcements for Developer week, we've reopened the Browser Rendering channel so we can better keep track of questions, requests, etc. for our team!

-New free tier
-REST API in not Generally Available
-New endpoints (/json, /links, /markdown)
-Playwright support
https://developers.cloudflare.com/changelog/?product=browser-rendering

Cloudflare Docs

Changelogs

Hhannes a question regarding the new REST API: do we have to still care about the concep...

J

Jadugar_Jaggu•4/9/25, 4:58 PM

browser rendering is included with you workers paid plan, there isn't separate pricing yet

Hhannes a question regarding the new REST API: do we have to still care about the concep...

K

Kathy•4/9/25, 10:25 PM

we are working on pricing and will let y'all know as soon as we have it!
in the meantime, as @Jadugar_Jaggu mentioned - you can use without charge until then up to the limits here https://developers.cloudflare.com/browser-rendering/platform/limits/

Cloudflare Docs

Limits · Browser Rendering docs

Learn about the limits associated with Browser Rendering.

M

mayleen•4/10/25, 10:07 AM

Hello !
is it possible to use puppeteer's 'margin' and 'headerTemplate' options via the REST API?

Mmayleen Hello ! is it possible to use puppeteer's 'margin' and 'headerTemplate' options ...

K

Kathy•4/11/25, 7:27 PM

which REST API endpoint are you trying to use?

KKathy we are working on pricing and will let y'all know as soon as we have it! in the ...

M

milwel•4/14/25, 2:33 PM

hi, would it be possible to put a notice somewhere in the browser rendering docs (limits page, or a new pricing page) saying that it's free to use as long as you're within the current paid/free limits?

M

milwel•4/14/25, 2:33 PM

was very confused trying to find any info on pricing until i came onto the discord

M

milwel•4/14/25, 2:47 PM

also, is there a way to monitor usage?

Mmilwel hi, would it be possible to put a notice somewhere in the browser rendering docs...

K

Kathy•4/14/25, 4:39 PM

great feedback - can do

Mmilwel also, is there a way to monitor usage?

K

Kathy•4/14/25, 4:40 PM

in dashboard you can monitor usage when using the workers binding API right now. we are in process for adding for the REST API. so please stay tuned

KKathy in dashboard you can monitor usage when using the workers binding API right now....

M

milwel•4/14/25, 7:48 PM

got it, thank you!

D

darren•4/15/25, 1:56 AM

I’m really happy to see Cloudflare add support for Playwright with Browser Rendering.

I’m attempting to use it on a project, but I’m running in to errors when attempting to deploy.

As soon as I include the “@Cloudflare/playwright” package in my build, deploys fail.

My guess is that there could be something in that package that isn’t supported in the Workers run time?

✘ [ERROR] A request to the Cloudflare API (/accounts/4f453aab7846de127d0e18aec26d1576/workers/scripts/locum-jobs/versions) failed.

  Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')
    at null.<anonymous> (assets/app-YABV1Xlm.js:39099:31) in hasFlag
    at null.<anonymous> (assets/app-YABV1Xlm.js:39115:7) in requireSupportsColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39564:29)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39694:5) in requireColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39702:19)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39704:5) in requireSafe
    at null.<anonymous> (assets/app-YABV1Xlm.js:39707:19)
   [code: 10021]

✘ [ERROR] A request to the Cloudflare API (/accounts/4f453aab7846de127d0e18aec26d1576/workers/scripts/locum-jobs/versions) failed.

  Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')
    at null.<anonymous> (assets/app-YABV1Xlm.js:39099:31) in hasFlag
    at null.<anonymous> (assets/app-YABV1Xlm.js:39115:7) in requireSupportsColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39564:29)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39694:5) in requireColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39702:19)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39704:5) in requireSafe
    at null.<anonymous> (assets/app-YABV1Xlm.js:39707:19)
   [code: 10021]

✘ [ERROR] A request to the Cloudflare API (/accounts/4f453aab7846de127d0e18aec26d1576/workers/scripts/locum-jobs/versions) failed.

  Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')
    at null.<anonymous> (assets/app-YABV1Xlm.js:39099:31) in hasFlag
    at null.<anonymous> (assets/app-YABV1Xlm.js:39115:7) in requireSupportsColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39564:29)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39694:5) in requireColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39702:19)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39704:5) in requireSafe
    at null.<anonymous> (assets/app-YABV1Xlm.js:39707:19)
   [code: 10021]

✘ [ERROR] A request to the Cloudflare API (/accounts/4f453aab7846de127d0e18aec26d1576/workers/scripts/locum-jobs/versions) failed.

  Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')
    at null.<anonymous> (assets/app-YABV1Xlm.js:39099:31) in hasFlag
    at null.<anonymous> (assets/app-YABV1Xlm.js:39115:7) in requireSupportsColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39564:29)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39694:5) in requireColors
    at null.<anonymous> (assets/app-YABV1Xlm.js:39702:19)
    at null.<anonymous> (assets/app-YABV1Xlm.js:39704:5) in requireSafe
    at null.<anonymous> (assets/app-YABV1Xlm.js:39707:19)
   [code: 10021]

R

Rapid•4/16/25, 11:39 PM

Does browser rendering support proxies if I want to use? If I need a specific location

J

John Spurlock•4/20/25, 10:21 PM

It looks like browser content requests using the REST api append

cf-biso-request-id

cf-biso-request-id

cf-biso-request-id

cf-biso-request-id and

cf-biso-devtools

cf-biso-devtools

cf-biso-devtools

cf-biso-devtools request headers when fetching the url. Is there any way to override/remove them? (

setExtraHTTPHeaders

setExtraHTTPHeaders

setExtraHTTPHeaders

setExtraHTTPHeaders did not seem to work for these)

J

JOEY•4/24/25, 7:25 AM

Any examples how can i integrate browser rendering api in my hono app

JJOEY Any examples how can i integrate browser rendering api in my hono app

K

Kathy•4/24/25, 9:34 PM

this might help https://github.com/elizabethsiegle/seo-analysis-browser-rendering-worker

GitHub

GitHub - elizabethsiegle/seo-analysis-browser-rendering-worker: Clo...

Cloudflare Worker to analyze SEO of input website using Cloudflare browser rendering and Llama-3.2 hosted on Workers AI - elizabethsiegle/seo-analysis-browser-rendering-worker

C

confusionprevails•4/25/25, 2:32 PM

Hi lovely folks - I am trying to use with the sdk:
https://developers.cloudflare.com/api/node/resources/browser_rendering/subresources/screenshot/

What is the response attribute which gives me back an image buffer (or base64) when I call

await client.browserRendering.screenshot.create()

await client.browserRendering.screenshot.create()

await client.browserRendering.screenshot.create()

await client.browserRendering.screenshot.create()

The response type def seems to contain { status, errors? } but no option for the actual image.

Cloudflare API | Browser Rendering › Screenshot

Interact with Cloudflare's products and services via the Cloudflare API

Cconfusionprevails Hi lovely folks - I am trying to use with the sdk: https://developers.cloudflare...

C

confusionprevails•4/25/25, 2:34 PM

I do seem to get back some data as screenshot response but it isnt base64 or a buffer that is valid image. What am I doing wrong?

S

sam•4/27/25, 5:30 AM

The API docs are wrong, they say the binding type is

browser_rendering

browser_rendering

browser_rendering

browser_rendering but that results in a

400

400. The wrangler source code uses

"browser"

"browser"

"browser"

"browser": https://github.com/cloudflare/workers-sdk/blob/main/packages/wrangler/src/deployment-bundle/create-worker-upload-form.ts#L470-L471

T

Tobias•4/27/25, 8:54 PM

Am I correct to assume that the Rest API for creating PDFs does not allow specifying format (e.g. A4 instead of US Letter)?

T

Tobias•4/27/25, 9:00 PM

god damn

T

Tobias•4/27/25, 9:00 PM

TTobias Am I correct to assume that the Rest API for creating PDFs does not allow specif...

J

John Spurlock•4/27/25, 9:06 PM

yea you would think that endpoint would take a

PDFOptions

PDFOptions

PDFOptions

PDFOptions https://pptr.dev/api/puppeteer.pdfoptions

it's not in the public docs at least

PDFOptions interface | Puppeteer

Valid options to configure PDF generation via Page.pdf().

T

Tobias•4/27/25, 9:07 PM

for sure it works when accessing puppeteer in workers directly, but I wanted to avoid that for simple pdf rendering because of all the local/remote dev shenigans

TTobias for sure it works when accessing puppeteer in workers directly, but I wanted to ...

J

John Spurlock•4/27/25, 9:09 PM

agreed, these endpoints are useful, as long as enough of the params are supported. Maybe someone from the cf team can chime in on the idea of supporting

PDFOptions

PDFOptions

PDFOptions

PDFOptions for that pdf endpoint at some point

F

fatwang2•4/30/25, 5:18 PM

hey, team, there is a bug on /links, it will respose the wrong links now, I have used this feature for several weeks,you must have changed something wrong

F

fatwang2•4/30/25, 5:20 PM

the /docs are doubled in the links

T

Tobias•4/30/25, 6:09 PM

are there known issues with font rendering using browser rendering in a worker? this works locally but here you can see the kerning is completely off - not sure how to debug

T

Tobias•4/30/25, 6:10 PM

This is using am embedded woff2 variable font

Ffatwang2 hey, team, there is a bug on /links, it will respose the wrong links now, I have...

F

fatwang2•5/1/25, 3:26 PM

where should we report this issue

F

fatwang2•5/1/25, 3:27 PM

it can be easily reproduced

Ffatwang2 where should we report this issue

K

Kathy•5/1/25, 8:20 PM

i'm able to reproduce. have reported bug to team

TTobias are there known issues with font rendering using browser rendering in a worker? ...

K

Kathy•5/1/25, 8:21 PM

we've got something in the works that should fix this month. please hold tight

JJohn Spurlock agreed, these endpoints are useful, as long as enough of the params are supporte...

K

Kathy•5/1/25, 8:22 PM

thanks for the feedback @John Spurlock and @Tobias . will discuss with the team. aret here any other params you would expect to be included in the simple endpoints?

KKathy thanks for the feedback @John Spurlock and @Tobias . will discuss with the team....

T

Tobias•5/1/25, 8:22 PM

this is the only one i noticed so far, not used anything else

Cconfusionprevails I do seem to get back some data as screenshot response but it isnt base64 or a b...

K

Kathy•5/1/25, 8:22 PM

looking into this

KKathy i'm able to reproduce. have reported bug to team

F

fatwang2•5/2/25, 2:28 AM

thanks!

M

Mayur Bhatti•5/2/25, 4:20 PM

Hello Everyone, I am getting error Unable to regenerate API key. Invalid password

For Workers & Pages, what is the name of the domain?
NA

What is the error number?
1071

What is the error message?
Unable to regenerate API key. Invalid password

What is the issue or error you’re encountering
Trying to get the global API to work with the Cloudflare API, but while clicking on view, it asks for the password, which I don’t have, as I have logged in using Google auth

What steps have you taken to resolve the issue?
I tried adding the custom API as a password at that time, but it started giving this error.

MMayur Bhatti Hello Everyone, I am getting error Unable to regenerate API key. Invalid passwor...

C

Chaika•5/2/25, 4:45 PM

You can logout and use the "Forgot your password?" option on the login screen, to get it set and then generate it
Using Global API Key isn't recommended though, scoped api tokens are more secure

I am trying to use the browser rendering API to screenshot a page with a <video> element and I canno

Similar Threads

Similar Threads

Similar Threads