gotcha, that makes sense. I mean there's nothing preventing users from hitting the API in many ways

Original message was deleted

D

DubzOP•5/23/25, 4:52 PM

I seem to be having difficulty locating this but I know I've seen it before.

D

DubzOP•5/23/25, 4:54 PM

oh lmao I'm looking in worker docs for a wrangler config or something

D

DubzOP•5/23/25, 4:54 PM

I thought you could set routing rules in there to say if path then file

D

DubzOP•5/23/25, 4:56 PM

ahh

D

DubzOP•5/23/25, 4:56 PM

I figured being in this channel might've hinted lol

D

DubzOP•5/23/25, 5:00 PM

apparently

_redirects

_redirects

can do this if you set the code to 200
https://developers.cloudflare.com/workers/static-assets/redirects/#proxying

Cloudflare Docs

Redirects

To apply custom redirects on a Worker with static assets, declare your redirects in a plain text file called _redirects without a file extension, in the static asset directory of your project. This file will not itself be served as a static asset, but will instead be parsed by Workers and its rules will be applied to static asset responses.

DDubz gotcha, that makes sense. I mean there's nothing preventing users from hitting t...

D

dave•5/23/25, 5:24 PM

I mean there's nothing preventing users from hitting the API in many way

Yes, there is? That's why I want to check

CF-Worker

CF-Worker

CF-Worker

CF-Worker (and enforce

2a06:98c0:3600::103

2a06:98c0:3600::103

2a06:98c0:3600::103

2a06:98c0:3600::103 as the source IP).

so maybe offer an API key for tracking/limiting?

That isn't nearly as frictionless. I already do that and it's just one more reason why people don't want to try it out.

D

dave•5/23/25, 5:26 PM

https://blog.cloudflare.com/sending-email-from-workers-with-mailchannels/

^ I basically want to offer my service like this.

D

DubzOP•5/23/25, 5:26 PM

Yes, there is? That's why I want to check CF-Worker (and enforce 2a06:98c0:3600::103 as the source IP).

I can make 20 free Cloudflare accounts and abuse the API while looking legitimate. Even if I have to buy a domain for each, that's what, $4/yr/ea?

As for the API key, it's going to be needed for the paid plan, so they might as well look to implement it in some way. Ask for email, provide key in response. KISS principle.

DDubz > Yes, there is? That's why I want to check CF-Worker (and enforce 2a06:98c0:360...

D

dave•5/23/25, 5:27 PM

that's fine. The amount of free services I'm offering is <$4, so people are welcome to waste their money if they want to do that.

D

DubzOP•5/23/25, 5:27 PM

<$4/yr?

DDubz > Yes, there is? That's why I want to check CF-Worker (and enforce 2a06:98c0:360...

D

dave•5/23/25, 5:27 PM

As for the API key, it's going to be needed for the paid plan

mhm, that's already done.

D

DubzOP•5/23/25, 5:27 PM

That's assuming you need a domain to make the Cloudflare account for workers, I don't know that you do.

D

dave•5/23/25, 5:28 PM

You do..

D

dave•5/23/25, 5:28 PM

if you don't know, that's okay.

D

dave•5/23/25, 5:28 PM

but please do not derail the actual original question.

D

dave•5/23/25, 5:30 PM

I could enforce that

CF-Worker

CF-Worker

CF-Worker

CF-Worker be an actual domain, but then that completely breaks anybody using Email or Cron Workers

D

DubzOP•5/23/25, 5:31 PM

just playing devil's advocate

D

DubzOP•5/23/25, 8:00 PM

Can't seem to figure this out.

/ping

/ping

works to show contents of

/ping.txt

/ping.txt

/ping.txt

/ping.txt, but

/online

/online

/online

/online keeps giving a 307 redirect to

...

/online /index.html 200
/ping /ping.txt 200

/online /index.html 200
/ping /ping.txt 200

/online /index.html 200
/ping /ping.txt 200

/online /index.html 200
/ping /ping.txt 200

D

DubzOP•5/23/25, 8:01 PM

if I comment out the first line the redirect disappears and

/online.html

/online.html

/online.html

/online.html is served to

/online

/online

/online

/online (file exists but I don't want to serve it. may delete but didn't want to if that's not going to fix it)

D

DubzOP•5/23/25, 8:08 PM

Had to use

/online / 200

/online / 200

/online / 200

/online / 200
:computerrage:

MMax (@rozenmd)looking at https://github.com/cloudflare/templates/tree/main/react-router-starte...

0

0x146231489231923•5/23/25, 8:08 PM

let me confirm this

V

Vaq•5/23/25, 11:44 PM

Good morning. I was wondering when we will be able to run next.js on CF pages since

next-auth

next-auth

isn't compatible with edge runtime.

MMax (@rozenmd)looking at https://github.com/cloudflare/templates/tree/main/react-router-starte...

0

0x146231489231923•5/24/25, 3:47 AM

i dont think this supports connecting to any service to cloudflare? such as d1, r2 object storage

00x146231489231923 i dont think this supports connecting to any service to cloudflare? such as d1, ...

M

Max (@rozenmd)•5/24/25, 6:44 AM

i assure you it does: https://github.com/cloudflare/d1-northwind

GitHub

GitHub - cloudflare/d1-northwind: Northwind Traders D1 Demo

Northwind Traders D1 Demo. Contribute to cloudflare/d1-northwind development by creating an account on GitHub.

MMax (@rozenmd)i assure you it does: https://github.com/cloudflare/d1-northwind

0

0x146231489231923•5/24/25, 6:17 PM

thanks!

0

0x146231489231923•5/24/25, 6:17 PM

it does

Q

Quollveth Usernames•5/24/25, 7:38 PM

can anyone link me to the docs on durable object sql transactions? i can't find any and i'm weird having problems using it

Q

Quollveth Usernames•5/24/25, 7:38 PM

the DurableObjectStorage transaction method specifically

A

alex•5/24/25, 7:55 PM

Anyone using Snippets and getting reports of occasional 1101 errors? On the biz plan. Sorry if this is not the right channel.
It's a bit puzzling as there doesn't seem to be any analytics available around Snippets in the dashboard, and we're seeing the problem even where the code boils down to

if ( request.headers.get( 'cookie' ).includes( ... ) ) return fetch( request )

if ( request.headers.get( 'cookie' ).includes( ... ) ) return fetch( request )

if ( request.headers.get( 'cookie' ).includes( ... ) ) return fetch( request )

if ( request.headers.get( 'cookie' ).includes( ... ) ) return fetch( request ). (aware we can check cookies in the rule, but that only 'fixes' things for a small percent of our traffic)

Aalex Anyone using Snippets and getting reports of occasional 1101 errors? On the biz ...

C

Chaika•5/24/25, 8:01 PM

1101 is generic script thrown exception

if ( request.headers.get( 'cookie' ).includes(

This is going to throw an exception for any request not containing the cookie header

C

Chaika•5/24/25, 8:02 PM

yea, the lack of analytics around them isn't great, have to be careful.

A

alex•5/24/25, 8:09 PM

sorry, meant

( request.headers.get( 'cookie' ) || '' ).includes

( request.headers.get( 'cookie' ) || '' ).includes

( request.headers.get( 'cookie' ) || '' ).includes

( request.headers.get( 'cookie' ) || '' ).includes*

A

alex•5/24/25, 8:09 PM

but the errors are happening on requests with cookies too

Aalex sorry, meant `( request.headers.get( 'cookie' ) || '' ).includes`*

C

Chaika•5/24/25, 8:24 PM

You can use the snippet editor to simulate some of the requests and look for errors, and you can always try/catch inside of your code and have a fallback, like fetching your origin anyway and throwing the error into a response header, or responding with the error, etc. Not great, but it's what there currently is

C

Chaika•5/24/25, 8:25 PM

even something silly like

    try {
      throw new Error("bleh")
    return fetch(request);
    }
    catch (err) {
      var response =  await fetch(request);
      const modifiedResponse = new Response(response.body, response);
      modifiedResponse.headers.set("error", JSON.stringify({ message: err.message, name: err.name, stack: err.stack, ...err }))
      return modifiedResponse;
    }

    try {
      throw new Error("bleh")
    return fetch(request);
    }
    catch (err) {
      var response =  await fetch(request);
      const modifiedResponse = new Response(response.body, response);
      modifiedResponse.headers.set("error", JSON.stringify({ message: err.message, name: err.name, stack: err.stack, ...err }))
      return modifiedResponse;
    }

    try {
      throw new Error("bleh")
    return fetch(request);
    }
    catch (err) {
      var response =  await fetch(request);
      const modifiedResponse = new Response(response.body, response);
      modifiedResponse.headers.set("error", JSON.stringify({ message: err.message, name: err.name, stack: err.stack, ...err }))
      return modifiedResponse;
    }

    try {
      throw new Error("bleh")
    return fetch(request);
    }
    catch (err) {
      var response =  await fetch(request);
      const modifiedResponse = new Response(response.body, response);
      modifiedResponse.headers.set("error", JSON.stringify({ message: err.message, name: err.name, stack: err.stack, ...err }))
      return modifiedResponse;
    }

would at least give you the line number

:"Error: bleh\n at fetch (52624/snippet.js:6:13)\n

M

max•5/25/25, 8:01 AM

Hi everyone! I am trying to use Workers for a little project but require FFmpeg, but there doesn't seem to be a library that will run on the workers runtime. Does anyone have a work around? I also saw cloudflare containers is coming out the end of next month that would solve my problem. Is there a way to get early beta access?

Mmax Hi everyone! I am trying to use Workers for a little project but require FFmpeg,...

1

1984 Ford Laser•5/25/25, 8:13 AM

Answer to first is no, answer to second is wait basically

11984 Ford Laser Answer to first is no, answer to second is wait basically

M

max•5/25/25, 8:23 AM

Okay fair enough. Thanks

M

max•5/25/25, 8:23 AM

Does anyone know of any good FFmpeg APIs?

1

1984 Ford Laser•5/25/25, 8:27 AM

What are you looking to achieve exactly with ffmpeg?

M

max•5/25/25, 8:58 AM

Will be cutting segments out of audio files and then re-encoding them

1

1984 Ford Laser•5/25/25, 9:49 AM

If it's audio only I wonder if there's some other JavaScript library you can use for handling audio encoding?

Cchipi 🐈Hi devs, according to browser rendering's [Reuse Sessions docs](https://develope...

R

Rui Figueira•5/25/25, 11:13 AM

forget my previous reply. If you want to reuse a browser with playwright, you need to obtain it with

connect

connect

. When closing a browser obtained that way, it will still keep the session available for additional

connect

connect

calls.

Here is an example:

import { acquire, connect } from '@cloudflare/playwright';

export default {
  async fetch(request: Request, env: Env) {
    // ensures session is acquired and kept alive for 20 seconds
    const { sessionId } = await acquire(env.MYBROWSER, { keep_alive: 20_000 });
    const browser = await connect(env.MYBROWSER, sessionId);

    // use the browser normally

    // it closes this browser instance but keeps the session alive
    await browser.close();

    // another browser instance can connect to the same session
    const otherBrowser = await connect(env.MYBROWSER, sessionId);

    // use the other browser instance with the same session

    await otherBrowser.close();

    // session is automatically closed after 20 seconds of inactivity
  },
};

import { acquire, connect } from '@cloudflare/playwright';

export default {
  async fetch(request: Request, env: Env) {
    // ensures session is acquired and kept alive for 20 seconds
    const { sessionId } = await acquire(env.MYBROWSER, { keep_alive: 20_000 });
    const browser = await connect(env.MYBROWSER, sessionId);

    // use the browser normally

    // it closes this browser instance but keeps the session alive
    await browser.close();

    // another browser instance can connect to the same session
    const otherBrowser = await connect(env.MYBROWSER, sessionId);

    // use the other browser instance with the same session

    await otherBrowser.close();

    // session is automatically closed after 20 seconds of inactivity
  },
};

import { acquire, connect } from '@cloudflare/playwright';

export default {
  async fetch(request: Request, env: Env) {
    // ensures session is acquired and kept alive for 20 seconds
    const { sessionId } = await acquire(env.MYBROWSER, { keep_alive: 20_000 });
    const browser = await connect(env.MYBROWSER, sessionId);

    // use the browser normally

    // it closes this browser instance but keeps the session alive
    await browser.close();

    // another browser instance can connect to the same session
    const otherBrowser = await connect(env.MYBROWSER, sessionId);

    // use the other browser instance with the same session

    await otherBrowser.close();

    // session is automatically closed after 20 seconds of inactivity
  },
};

import { acquire, connect } from '@cloudflare/playwright';

export default {
  async fetch(request: Request, env: Env) {
    // ensures session is acquired and kept alive for 20 seconds
    const { sessionId } = await acquire(env.MYBROWSER, { keep_alive: 20_000 });
    const browser = await connect(env.MYBROWSER, sessionId);

    // use the browser normally

    // it closes this browser instance but keeps the session alive
    await browser.close();

    // another browser instance can connect to the same session
    const otherBrowser = await connect(env.MYBROWSER, sessionId);

    // use the other browser instance with the same session

    await otherBrowser.close();

    // session is automatically closed after 20 seconds of inactivity
  },
};

Mmax Hi everyone! I am trying to use Workers for a little project but require FFmpeg,...

R

Rui Figueira•5/25/25, 3:31 PM

you can try using https://github.com/ffmpegwasm/ffmpeg.wasm

GitHub

GitHub - ffmpegwasm/ffmpeg.wasm: FFmpeg for browser, powered by Web...

FFmpeg for browser, powered by WebAssembly. Contribute to ffmpegwasm/ffmpeg.wasm development by creating an account on GitHub.

R

Rui Figueira•5/25/25, 3:35 PM

what I did:

- Install the library (

npm i @ffmpeg/ffmpeg @ffmpeg/core

npm i @ffmpeg/ffmpeg @ffmpeg/core

npm i @ffmpeg/ffmpeg @ffmpeg/core

npm i @ffmpeg/ffmpeg @ffmpeg/core)
- Add the following example code (note: wasm import needs to point directly to the file under

node_modules

node_modules

)

// @ts-ignore
import createFFmpegCore from '@ffmpeg/core';
// @ts-ignore
import wasm from '../node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.wasm';
import type { FFmpegCoreModule } from '@ffmpeg/types';

// for some reason, ffmpeg-core tries to access location.href...
(globalThis as any).location = { href: 'https://example.com' };
const mod = {
  instantiateWasm: async (info: any, receiveInstance: any) => {
    const instance = await WebAssembly.instantiate(wasm, info);
    receiveInstance(instance);
  }
};
const ffmpeg = await createFFmpegCore(mod) as FFmpegCoreModule;

export default {
  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
    const videoFile = new URL(request.url).searchParams.get('video')
      ?? 'https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm';

    const input = await fetch(videoFile);
    ffmpeg.FS.writeFile('input.mp4', await input.bytes());
    ffmpeg.exec('-i', 'input.mp4', '-vf', 'format=gray', 'output.mp4');

    const output = ffmpeg.FS.readFile('output.mp4', { encoding: 'binary' });

    ffmpeg.FS.unlink('input.mp4');
    ffmpeg.FS.unlink('output.mp4');

    return new Response(output, {
      headers: {
        'Content-Type': 'video/mp4',
      },
    });
  },
};

// @ts-ignore
import createFFmpegCore from '@ffmpeg/core';
// @ts-ignore
import wasm from '../node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.wasm';
import type { FFmpegCoreModule } from '@ffmpeg/types';

// for some reason, ffmpeg-core tries to access location.href...
(globalThis as any).location = { href: 'https://example.com' };
const mod = {
  instantiateWasm: async (info: any, receiveInstance: any) => {
    const instance = await WebAssembly.instantiate(wasm, info);
    receiveInstance(instance);
  }
};
const ffmpeg = await createFFmpegCore(mod) as FFmpegCoreModule;

export default {
  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
    const videoFile = new URL(request.url).searchParams.get('video')
      ?? 'https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm';

    const input = await fetch(videoFile);
    ffmpeg.FS.writeFile('input.mp4', await input.bytes());
    ffmpeg.exec('-i', 'input.mp4', '-vf', 'format=gray', 'output.mp4');

    const output = ffmpeg.FS.readFile('output.mp4', { encoding: 'binary' });

    ffmpeg.FS.unlink('input.mp4');
    ffmpeg.FS.unlink('output.mp4');

    return new Response(output, {
      headers: {
        'Content-Type': 'video/mp4',
      },
    });
  },
};

// @ts-ignore
import createFFmpegCore from '@ffmpeg/core';
// @ts-ignore
import wasm from '../node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.wasm';
import type { FFmpegCoreModule } from '@ffmpeg/types';

// for some reason, ffmpeg-core tries to access location.href...
(globalThis as any).location = { href: 'https://example.com' };
const mod = {
  instantiateWasm: async (info: any, receiveInstance: any) => {
    const instance = await WebAssembly.instantiate(wasm, info);
    receiveInstance(instance);
  }
};
const ffmpeg = await createFFmpegCore(mod) as FFmpegCoreModule;

export default {
  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
    const videoFile = new URL(request.url).searchParams.get('video')
      ?? 'https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm';

    const input = await fetch(videoFile);
    ffmpeg.FS.writeFile('input.mp4', await input.bytes());
    ffmpeg.exec('-i', 'input.mp4', '-vf', 'format=gray', 'output.mp4');

    const output = ffmpeg.FS.readFile('output.mp4', { encoding: 'binary' });

    ffmpeg.FS.unlink('input.mp4');
    ffmpeg.FS.unlink('output.mp4');

    return new Response(output, {
      headers: {
        'Content-Type': 'video/mp4',
      },
    });
  },
};

// @ts-ignore
import createFFmpegCore from '@ffmpeg/core';
// @ts-ignore
import wasm from '../node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.wasm';
import type { FFmpegCoreModule } from '@ffmpeg/types';

// for some reason, ffmpeg-core tries to access location.href...
(globalThis as any).location = { href: 'https://example.com' };
const mod = {
  instantiateWasm: async (info: any, receiveInstance: any) => {
    const instance = await WebAssembly.instantiate(wasm, info);
    receiveInstance(instance);
  }
};
const ffmpeg = await createFFmpegCore(mod) as FFmpegCoreModule;

export default {
  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
    const videoFile = new URL(request.url).searchParams.get('video')
      ?? 'https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm';

    const input = await fetch(videoFile);
    ffmpeg.FS.writeFile('input.mp4', await input.bytes());
    ffmpeg.exec('-i', 'input.mp4', '-vf', 'format=gray', 'output.mp4');

    const output = ffmpeg.FS.readFile('output.mp4', { encoding: 'binary' });

    ffmpeg.FS.unlink('input.mp4');
    ffmpeg.FS.unlink('output.mp4');

    return new Response(output, {
      headers: {
        'Content-Type': 'video/mp4',
      },
    });
  },
};

R

Rui Figueira•5/25/25, 3:35 PM

That will convert a video into black and white

T

thipperz•5/25/25, 4:48 PM

How can I track which routes are consuming the most of CPU execution time?

M

max•5/25/25, 5:19 PM

oh wow @Rui Figueira thats amazing thank you. I had tried using the ffmpeg.wasm but failed - I guess I just dismissed it too early

gotcha, that makes sense. I mean there's nothing preventing users from hitting the API in many ways

Similar Threads

Similar Threads

Similar Threads