Hello all! 🙂 A specific question: In order to watch a stream using cloudflare's palyer (i.e. iframe

Hello all!

A specific question: In order to watch a stream using cloudflare's palyer (i.e. iframe), is it a requirement that the stream is stored as video?

I wish to be able to play the received video stream in a web browser without storing it for 30 days, only consume it as stream.

Illustration:

return $this->request('post', 'live_inputs', [
    'meta' => ['name' => $name],
    'recording' => [
        // It seems that recording needs to be enabled in order to play
        // the stream as an iframe.
        'mode' => 'automatic',
        'timeoutSeconds' => 1800,
    ],
    'deleteRecordingAfterDays' => 30,
])['result'];

return $this->request('post', 'live_inputs', [
    'meta' => ['name' => $name],
    'recording' => [
        // It seems that recording needs to be enabled in order to play
        // the stream as an iframe.
        'mode' => 'automatic',
        'timeoutSeconds' => 1800,
    ],
    'deleteRecordingAfterDays' => 30,
])['result'];

return $this->request('post', 'live_inputs', [
    'meta' => ['name' => $name],
    'recording' => [
        // It seems that recording needs to be enabled in order to play
        // the stream as an iframe.
        'mode' => 'automatic',
        'timeoutSeconds' => 1800,
    ],
    'deleteRecordingAfterDays' => 30,
])['result'];

return $this->request('post', 'live_inputs', [
    'meta' => ['name' => $name],
    'recording' => [
        // It seems that recording needs to be enabled in order to play
        // the stream as an iframe.
        'mode' => 'automatic',
        'timeoutSeconds' => 1800,
    ],
    'deleteRecordingAfterDays' => 30,
])['result'];

I observed that the iframe would display an error every time I tried to consume the stream through the iframe, unless recording was set to automatic.

Jjoaquin Hello all! 🙂 A specific question: In order to watch a stream using cloudflare's...

Isaac McFadyen•3/20/24, 6:28 PM

https://developers.cloudflare.com/stream/stream-live/watch-live-stream/

Isaac McFadyen•3/20/24, 6:28 PM

When an input begins receiving the live stream, a new video with HLS and DASH URLs is automatically created as long as the mode property for the input is set to automatic.

Isaac McFadyen•3/20/24, 6:28 PM

So yes, it must be set to automaticautomatic to be able to watch it using the Stream player.

jkli999•3/21/24, 1:42 PM

So has anyone used cloudflare stream webrtc for native mobile apps? How is the quality and stability?

A Typical Nerd•3/21/24, 10:26 PM

Currently looking at using cloudflare stream for a bit of an unconventional use but not sure what codecs it supports as outputs for live streams.

My goal is I want to play videos from my pc (streamed) to a media player addon in Garry's Mod, however, my testing shows that it only supports VP9 encoded video and OGG vorbis audio. Does stream support these codecs as outputs or would I have to look at an alternative solution?

AA Typical Nerd Currently looking at using cloudflare stream for a bit of an unconventional use ...

Mackenly•3/21/24, 11:26 PM

Requirements for codecs: https://developers.cloudflare.com/stream/stream-live/start-stream-live/#requirements

Cloudflare Docs

Start a live stream · Cloudflare Stream docs

You can start a live stream using the Stream dashboard or the API. After you subscribe to Stream, you can create Live Inputs and begin sending your …

IIsaac McFadyen So yes, it must be set to `automatic` to be able to watch it using the Stream pl...

joaquinOP•3/22/24, 7:27 PM

excellent, thank you!

AbhiCracker001•3/23/24, 9:19 AM

Hello I am learning webRTC technology for my major project and i am already using cloudflare workers in day to day life for my other minor projects. Hoping to Get Permission for WebRTC soon!!

jkli999•3/23/24, 8:27 PM

Is WebRTC on a waitlist?

jkli999•3/23/24, 8:28 PM

What services have you guys tried? What do you think makes cloudflare stream competitive compared to say AWS IVS?

Bitbound•3/24/24, 8:39 PM

I found a couple similar questions by searching, but no definitive answer. Will this provide an API similar to Twilio's that will return an array of ICE servers to use with the standard WebRTC APIs?

tt2468•3/25/24, 5:29 AM

Cloudflare's WebRTC uses WHIP/WHEP signalling. It's used in a similar manner to how you'd configure an RTMP stream.

tt2468•3/25/24, 5:29 AM

We use it in our production environment without any major issues

Bitbound•3/25/24, 4:31 PM

We need DataChannels as well as video, which I'm guessing isn't supported with the current implementation.

Lla.x.rc DataChannels will be implemented in Calls, a different product than Stream WHIP/...

Bitbound•3/26/24, 3:03 AM

Thank you.

Durmuş Demirtaş•3/27/24, 2:54 AM

Hello there. I am trying to upload videos to cloudflare stream using tus client. I did everything as the docs suggest but having a weird error net::ERR_CONNECTION_RESETnet::ERR_CONNECTION_RESET It is a next.js project. This is my api endpoint code to create a unique url.

import { NextRequest, NextResponse } from "next/server";

export async function POST(request: NextRequest) {
  try {
    const { CLOUDFLARE_ACCOUNT_ID, CLOUDFLARE_API_TOKEN } = process.env;
    const endpoint =

import { NextRequest, NextResponse } from "next/server";

export async function POST(request: NextRequest) {
  try {
    const { CLOUDFLARE_ACCOUNT_ID, CLOUDFLARE_API_TOKEN } = process.env;
    const endpoint =

https://api.cloudflare.com/client/v4/accounts/${CLOUDFLARE_ACCOUNT_ID}/stream?direct_user=true`;

const response = await fetch(endpoint, {
method: "POST",
headers: {
Authorization: bearer ${CLOUDFLARE_API_TOKEN}bearer ${CLOUDFLARE_API_TOKEN},
"Tus-Resumable": "1.0.0",
"Upload-Length": request.headers.get("Upload-Length") "",
},
});

if (!response.status.toString().startsWith("2")) {
return new NextResponse(
JSON.stringify({ message: response.statusText }),
{
status: response.status,
headers: {
"Content-Type": "application/json",
},
}
);
}

const destination = response.headers.get("Location");

return new NextResponse(JSON.stringify({ message: "success" }), {
status: 200,
headers: {
"Access-Control-Expose-Headers": "Location",
"Access-Control-Allow-Headers": "",
"Access-Control-Allow-Origin": "",
Location: destination || "",
},
});
} catch (error: any) {
return new NextResponse(JSON.stringify({ message: error.message }), {
status: 500,
headers: {
"Content-Type": "application/json",
},
});
}
}
`

Durmuş Demirtaş•3/27/24, 2:57 AM

And here is my page.tsx
``

message.txt6.77KB

Durmuş Demirtaş•3/27/24, 2:58 AM

Durmuş Demirtaş•3/27/24, 2:58 AM

The api route creates the unique uri successfully and returns to the client, but somehow the client fails to upload the video

Durmuş Demirtaş•3/27/24, 2:59 AM

Any help would be appreciated.

Durmuş Demirtaş•3/27/24, 2:59 AM

I can provide more context if you need.

Durmuş Demirtaş•3/27/24, 3:00 AM

And this is the reference docs: https://developers.cloudflare.com/stream/uploading-videos/direct-creator-uploads/

Cloudflare Docs

Direct creator uploads · Cloudflare Stream docs

Direct creator uploads let your end users to upload videos directly to Cloudflare Stream, without exposing your API token to clients.

j.purohit198•3/27/24, 9:40 AM

Hi. When using Direct Creator Upload with tus, there is one really important thing to keep in mind: tus should be configured to call your backend service/endpoint which returns the tokenized url. Your backend service should call the Stream API and return the tokenized url in the Location header. You should not be passing the videodelivery.net 2 url directly to tus.

Hi. When using Direct Creator Upload with tus, there is one really important thing to keep in mind: tus should be configured to call your backend service/endpoint which returns the tokenized url. Your backend service should call the Stream API and return the tokenized url in the Location header. You should not be passing the videodelivery.net 2 url directly to tus.

A CloudFlare team member posted this answer in the post ,
https://community.cloudflare.com/t/flutter-using-cloudflare-stream-tus-upload-got-400-error/276974/7

I want to know how I can generate a Tokanized URL on the client side.

Jj.purohit198 ```Hi. When using Direct Creator Upload with tus, there is one really important ...

Durmuş Demirtaş•3/27/24, 10:17 AM

Thanks for the reply. I implemented exactly like that.

const options: tus.UploadOptions = {
        endpoint: "/api/cloudflare",
        // chunkSize: 50 * 1024 * 1024,

const options: tus.UploadOptions = {
        endpoint: "/api/cloudflare",
        // chunkSize: 50 * 1024 * 1024,

api/cloudflareapi/cloudflare is the endpoint that generates the tokenized url and send it in the location header. When I check this request, it succeeds and return the uri sth like https://videodelivery.......https://videodelivery....... But then tus client is unable to handle the upload and I get the above error net::ERR_CONNECTION_RESETnet::ERR_CONNECTION_RESET

jkli999•3/27/24, 5:35 PM

Is low latency for Cloudflare Stream open for all clients?

jkli999•3/27/24, 5:36 PM

I saw that it is still in beta

jkli999•3/27/24, 5:36 PM

What are your experiences, how many seconds delay is there?

SastaKennyS•3/27/24, 7:49 PM

Hey there, I've a question related to srt/rtmp stream. I sent a stream from obs while using both srt and rtmp server but after some time my live disconnects from all channels except obs and cloudflare.

SastaKennyS•3/27/24, 7:50 PM

WhatsApp_Image_2024-03-27_at_23.33.47_6c8e26a0.jpg

AliceYuuuuu•3/27/24, 9:02 PM

hi team! i've gotten tus working with uppy to upload direct from creator, however i'm unable to get the video ID from the response body that tus returns onSuccess as it's empty. any advice would be greatly appreciated!

Durmuş Demirtaş•3/28/24, 9:19 AM

@Zaid (Cloudflare) Could you please have a look at the following topic I just created https://community.cloudflare.com/t/tus-failed-to-resume-upload-caused-by-object-progressevent/634864 I can provide more context if you need. It is very important to me. Any hint to resolve the issue would be appreciated.

Durmuş Demirtaş•3/28/24, 9:45 AM

Yeap exactly I checked it. Basically all I did is to convert it to nextjs. But I couldnt make it work

Durmuş Demirtaş•3/28/24, 9:45 AM

https://github.com/demirtasdurmus/video-streaming-poc

GitHub

GitHub - demirtasdurmus/video-streaming-poc

Contribute to demirtasdurmus/video-streaming-poc development by creating an account on GitHub.

Durmuş Demirtaş•3/28/24, 9:46 AM

https://test.durmusdemirtas.com/upload

Create Next App

Generated by create next app

Zzaid_cf @Durmuş Demirtaş Have you seen the codepen example? https://codepen.io/cfzf/pen/...

Durmuş Demirtaş•3/28/24, 10:37 AM

This, in fact, causes the same error.

jkli999•3/28/24, 2:12 PM

Has anyone used Cloudflare Stream and can talk about the experiences, latency, scalability and if it works with older iOS and Android devices? Besides bandwidth and storage cost, are there any other things to consider? Region?

I would like to build a livestream service to stream to mobile and pc end users and am considering Cloudflare Stream among others like AWS IVS.

I heard that Cloudflare Stream Low Latency is still in beta.

Has it improved and is it reliable for production?

Let's say 1000 viewers downstream per video up stream?

If I calculate it right the cost for 1000 viewers, of 1080p, for 2 hours would be rougly 120 USD.

Is that all or are there more hidden costs?

Maybe @Zaid (Cloudflare) can help?

Isaac McFadyen•3/28/24, 4:08 PM

?pings please don't ping community members

Flare•3/28/24, 4:08 PM

Please do not ping community members for non-moderation reasons. Doing so will not solve your issue faster and will make people less likely to want to help you.

jkli999•3/28/24, 6:14 PM

Sorry, my bad.

Zzaid_cf I am unable to reproduce the error you are seeing. The uploads work for me on th...

Durmuş Demirtaş•3/28/24, 8:17 PM

Thanks for the reply. Interesting though. My current setup is: Apple macbook M2, Sonoma 14.4.1Sonoma 14.4.1, Browser: Brave, Version 1.64.109 Chromium: 123.0.6312.58 (Official Build) (arm64)1.64.109 Chromium: 123.0.6312.58 (Official Build) (arm64) What are you writing to the chunkSize input? Maybe it is about that one?

pickledvlad•3/28/24, 8:41 PM

Hi all. I'm trying to understand something about the lifetime of Live Inputs in CF Stream:

I have a use case where creators stream frequently (daily, or even a couple of times per hour).

Is it OK to use a single Live Input per creator for a long time, e.g. a year or a month?
Or should I discourage myself from keeping a live input for a long time?

AFAIU keeping inactive live input does not affect billing.
Assume security is not a problem, I'm ok with rotating keys once a month or so.

edit: if someone is aware of resources describing best practices for this, please share them, I'll be very thankful

rootalien•3/28/24, 10:51 PM

I am using cloudflare stream, does high loading occur for .ts files when there are high visitors?

Rrootalien I am using cloudflare stream, does high loading occur for .ts files when there a...

Isaac McFadyen•3/28/24, 10:52 PM

If you use Stream then you don't need to worry about loading of the .ts files, Stream scales automatically with many visitors.

rootalien•3/28/24, 10:52 PM

yes but i get complaints from my viewers about it

Isaac McFadyen•3/28/24, 10:52 PM

You are billed for each minute watched though (10 minutes * 1000 visitors = 10 000 minutes billed)

rootalien•3/28/24, 10:52 PM

It takes 30 to 40 seconds.

Hello all! 🙂 A specific question: In order to watch a stream using cloudflare's palyer (i.e. iframe

Similar Threads

Similar Threads

Similar Threads