Is anyone here able to trigger a Cloudflare Stream video via javascript to `player.play();` or `play

Is anyone here able to trigger a Cloudflare Stream video via javascript to

player.play();

player.play();

player.play();

player.play(); or

player.pause();

player.pause();

player.pause();

player.pause();

I have a button on my webpage that will display an overlay with the video. All the javascript calls and flow are correct, but when calling

play()

play()

play()

play() or

pause()

pause()

pause()

pause() they just do nothing.

I'm following the example documented here: https://developers.cloudflare.com/stream/viewing-videos/using-the-stream-player/using-the-player-api/

Anyone else figure this out? Am I missing something obvious here?

Oleksii Bondar•9/17/24, 3:38 PM

Hi guys,
I am using react-stream to render stream on my page.
When I open it on the iPhone, I am not able to choose video quality (both, safari and chrome). Other platforms works as expected.
Did anyone else face this issue?

npm

@cloudflare/stream-react

Official React component for Cloudflare Stream.. Latest version: 1.9.1, last published: 9 months ago. Start using @cloudflare/stream-react in your project by running npm i @cloudflare/stream-reactnpm i @cloudflare/stream-react. There are 33 other projects in the npm registry using @cloudflare/stream-react.

Kkingmesal Is anyone here able to trigger a Cloudflare Stream video via javascript to `play...

kingmesalOP•9/17/24, 4:11 PM

Apparently, this is a case where, once again, after hours of messing with this, I figured it out minutes after posting here...

It appears that

pause()

pause()

and

play()

play()

ONLY work if you have autoplay=trueautoplay=true on the iframe source.

Hopefully this helps someone else.

Rob M.•9/18/24, 6:27 PM

Does Trickle ICE currently work with WebRTC? I'm getting:
"WHIPClient Endpoint does not support Trickle ICE"

leesus•9/18/24, 6:49 PM

Is there an issue currently with webhook notifications? I have had a webhook set up for around a year, pointing at a worker, which has been fine up to this point. The past few days users have been uploading videos, and the worker is not being called via webhook - the videos are uploaded to stream ok and are ready to play. There's nowhere I can see in the UI with event logs for webhook events so I can't see what the issue could be and why it would randomly start failing to send.

I've verified its not an issue with the worker, I can call it manually, and I've checked the logs and there are no requests at all, they're not even being sent from Stream.

uf5•9/19/24, 9:15 AM

does anyone know how to fix this problem

Access to XMLHttpRequest at 'https://upload.videodelivery.net/tus/8991ae0f105037a27a5d0cf96bd18794?tusv2=true' from origin 'https://cdpn.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. everytime i try to upload im getting cors blocking

whatever i tried i'm getting the cord policy error

Uuf5 does anyone know how to fix this problem Access to XMLHttpRequest at 'https://u...

Rob M.•9/19/24, 10:30 AM

Looks like you should call this endpoint from the backend (unless you control the "upload.videodelivery.net" domain/backend)

Uuf5 does anyone know how to fix this problem Access to XMLHttpRequest at 'https://u...

davidinfinity•9/19/24, 11:21 AM

CDPN = codepen?? You're running cross-site scripting on a domain you don't own - effectively thats what CORS is for. Try doing this on a page you host yourself that you can modify your CORS settings for

Dio•9/22/24, 9:04 PM

Can you tell me in which cases cloudflare calls can be more favourable than cloudflare stream webrtc? Let's say I have two broadcasters and 1,000 viewers.

Cloudflare Calls• Scenario: 2 senders and 1000 receivers.• Data transmitted per minute:• One sender transmits 45 MB.• Two senders transmit: 45 MB x 2 = 90 MB.• For 1000 receivers: 90 MB x 1000 = 90,000 MB = 90 GB.• Cost:• At $0.05 per GB: 90 GB x 0.05 USD/GB = 4.5 USD per minute.
1. Cloudflare Stream
• Scenario: 2 senders and 1000 receivers.• Cost for 1000 users:• One user pays $1 for 1000 minutes, which means: 1 USD / 1000 minutes = 0.001 USD per minute.• For 1000 users: 0.001 USD/min x 1000 = 1 USD per minute.

Bibi•9/22/24, 10:14 PM

Calls is intended for voice/video calls, where a user might have 0 or more than 1 video stream or only an audio stream, stream might also be weird to implement for people receiving and sending at the same time

Bibi•9/22/24, 10:46 PM

Wat

Bibi•9/22/24, 10:51 PM

Oh makes sense

白

白夜•9/23/24, 6:19 PM

Does Cloudflare Stream support adding dynamic watermarks during live playback, such as adding the user’s ID? If I add a watermark on the front end of the website, will it make it easier for the video to be stolen?

Bibi•9/23/24, 9:58 PM

But yes, that makes the watermark pretty useless

白白夜 Does Cloudflare Stream support adding dynamic watermarks during live playback, s...

1984 Ford Laser•9/24/24, 12:23 PM

Whats your use case for this?

白

白夜•9/24/24, 12:28 PM

We want to make a website to play our recorded course videos, and we don't want users to steal them.

白

白夜•9/24/24, 12:29 PM

If the user's account information can be dynamically added as a watermark during playback, then he will have his personal information when recording.

1984 Ford Laser•9/24/24, 10:22 PM

Are you assuming that the method of stealing the footage using a screen recorder/OBS? If so, you could simply overlay the user's info over the top of the video iframe in the site's HTML itself, with an absolute position set on the text

MMD yeah that'd be the frontend solution, but it's pretty trivial to remove that ele...

1984 Ford Laser•9/24/24, 10:27 PM

Good thinking I like it, thought I had a good solution there

1984 Ford Laser•9/24/24, 10:28 PM

If they were short videos I wonder if transcoding with Workers would be possible

PisnRzrs•9/25/24, 2:38 AM

what are the maximum encode settings to send to cloudflare stream rtmp? I'm trying to figure out why streams are not working for me. Input Status says connected but stream constently buffers and never plays.

davidinfinity•9/25/24, 8:47 AM

Are you using any form of VPN? I fidn cloudflare playback with VPN on is awful. Check your stream recording (download as MP4) to see if its just the 'stream' or if its you.

davidinfinity•9/25/24, 8:47 AM

And 'Slowest' isn't really necessary - just fire it onto the default 'Fastest' and see if that helps. CPU% etc low and Frame Rate correct in OBS?

Ddavidinfinity And 'Slowest' isn't really necessary - just fire it onto the default 'Fastest' a...

PisnRzrs•9/25/24, 8:47 PM

I changed the settings to what you said and still nothhing. If I change only the rtmp link to twitch or youtube it streams just fine. Cloudflare is getting the data because it updates the default screenshot for the video but it will never play the video, only buffer. I've tried two separate internet connections from FiberFirst and Spectrum also don't use a VPN.

PisnRzrs•9/25/24, 8:48 PM

I also enabled mp4 download for my streams and they seem to be stuck at "Creating download... 0%"

Single•9/26/24, 10:22 AM

Hey. Are Cloudflare-Streams Videos frame-accurate and is the player too?

Single•9/26/24, 10:22 AM

Thus can i jump from frame to frame?

Deep•9/26/24, 7:16 PM

hi, i had a paid pro account but when i click on Upgrade Plan on Stream it only shows storage pricing. how do i know how many minutes my current subscription level allows of live streaming. i don't need / do any storage of my streams, only real-time 1:1 app window sharing.

Deep•9/26/24, 7:17 PM

i have* a paid account...

Deep•9/26/24, 7:50 PM

hmm, you have to go the main site pricing table, then click the "?" next to Stream to see pricing... odd UX. anyway, $1/1000mins for streaming is the answer for "stream pricing" not the storage pricing which is nicely shown in your Stream account page.

Deep•9/26/24, 9:50 PM

where is the WHIP and WHEP JS libraries for Stream? the link in the docs to the GitHub are broken and searching the Workers repo turns up nothing as well

Deep•9/26/24, 10:19 PM

i just tested using Eyevinn WHIP and WHEP demo apps and the streams would freeze about every 5 seconds for up to 1-2 seconds...

Deep•9/26/24, 10:19 PM

oh well

DDeep i just tested using Eyevinn WHIP and WHEP demo apps and the streams would freeze...

the.12th.doctor•9/27/24, 12:26 AM

I also have this issue, it appears to be tied to packet loss. Anyone have any tips for mitigating freezes, or knowledge on when this might be resolved?

the.12th.doctor•9/27/24, 12:38 AM

Only way I've been able to mitigate it is reducing keyframe interval

Deep•9/27/24, 1:07 AM

no clue @the.12th.doctor .... i have to move to another service unfortunately. i have no time to debug it.

Deep•9/27/24, 1:08 AM

i'll monitor here for updates / improvements

the.12th.doctor•9/27/24, 11:39 PM

Did some digging today and appears the Stream SDP response indicates they only support RTX (packet resend functionality) on VP8/VP9, and my WebRTC client is negotiating to H264, hence the packet loss. Tried modifying my SDP offer to eliminate H264, but am now getting a 400 from Cloudflare. Not sure if I'll have time to dive into this deeper, but posting it in case anyone wants to check it out.

SSingle Hey. Are Cloudflare-Streams Videos frame-accurate and is the player too?

Isaac McFadyen•9/28/24, 4:20 AM

I don't believe so, Cloudflare Stream is just HLS and I'm pretty sure HLS isn't frame-accurate.

Isaac McFadyen•9/28/24, 4:20 AM

Likely chunk or keyframe accurate, not sure which.

Isaac McFadyen•9/28/24, 4:22 AM

Never mind, looks like HLS can be frame-accurate if set up properly with a player. Not sure if the steam player is frame-accurate or not (ref https://github.com/google/ExoPlayer/issues/7555)

oof2win2•9/28/24, 8:20 PM

is there a way to make a video require signed URLs but allow the thumbnail to be viewable publicly?

oof2win2•9/28/24, 8:21 PM

or can i setup a signed token only for thumnail permissions

Sadek•9/29/24, 3:56 PM

Anyone using cloudflare call? When it will be out of beta?

SSirYeet Hey everyone. I'm trying to use CF Images and Stream for user content uploads fr...

1984 Ford Laser•10/1/24, 7:14 AM

Nothing automated currently. For Stream, you can get a webhook when a video is uploaded, not sure if Images has the same. When this webhook is received, you could use that to initiate a process that sends your content to a third party service to be scanned before being allowed to be seen public. Not sure if that fits your use case

Is anyone here able to trigger a Cloudflare Stream video via javascript to `player.play();` or `play

Similar Threads

Similar Threads

Similar Threads