Skip to content

[Stream] Nav changes #24933

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 4, 2025
Merged

[Stream] Nav changes #24933

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3e1edd5
[Stream] Nav changes
ToriLindsay Sep 4, 2025
dab06be
Update src/content/docs/stream/transform-videos/index.mdx
ToriLindsay Sep 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions src/content/docs/stream/edit-videos/player-enhancements.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ pcx_content_type: how-to
title: Add player enhancements

---
import { DashButton } from "~/components";

With player enhancements, you can modify your video player to incorporate elements of your branding such as your logo, and customize additional options to present to your viewers.

Expand Down Expand Up @@ -52,9 +53,11 @@ You can also pull the JSON by using the endpoint below.

## Update player properties via the Cloudflare dashboard

1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Select **Stream** > **Videos**.
3. Select a video from the list to edit it.
1. In the Cloudflare dashboard, go to the **Videos** page.

<DashButton url="/?to=/:account/stream/videos" />

2. Select a video from the list to edit it.
4. Select the **Public Details** tab.
5. From **Public Details**, enter information in the text fields for the properties you want to set.
6. When you are done, select **Save**.
15 changes: 9 additions & 6 deletions src/content/docs/stream/stream-live/custom-domains.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,18 +8,21 @@ sidebar:
order: 3

---
import { DashButton } from "~/components";

With custom ingest domains, you can configure your RTMPS feeds to use an ingest URL that you specify instead of using `live.cloudflare.com.`

1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Click **Stream** > **Live Inputs**.
3. Click the **Settings** button above the list. The **Custom Input Domains** page displays.
4. Under **Domain**, add your domain and click **Add domain**.
5. At your DNS provider, add a CNAME record that points to `live.cloudflare.com`. If your DNS provider is Cloudflare, this step is done automatically.
1. In the Cloudflare dashboard, go to the **Live inputs** page.

<DashButton url="/?to=/:account/stream/inputs" />

2. Select **Settings**, above the list. The **Custom Input Domains** page displays.
3. Under **Domain**, add your domain and select **Add domain**.
4. At your DNS provider, add a CNAME record that points to `live.cloudflare.com`. If your DNS provider is Cloudflare, this step is done automatically.

If you are using Cloudflare for DNS, ensure the [**Proxy status**](/dns/proxy-status/) of your ingest domain is **DNS only** (grey-clouded).

## Delete a custom domain

1. From the **Custom Input Domains** page under **Hostnames**, locate the domain.
2. Click the menu icon under **Action**. Click **Delete**.
2. Select the menu icon under **Action**. Select **Delete**.
17 changes: 10 additions & 7 deletions src/content/docs/stream/stream-live/download-stream-live-videos.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ sidebar:
order: 4

---
import { DashButton } from "~/components";

You can enable downloads for live stream videos from the Cloudflare dashboard. Videos are available for download after they enter the **Ready** state.

Expand All @@ -19,10 +20,12 @@ Downloadable MP4s are only available for live recordings under four hours. Live

:::

1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Click **Stream** > **Live Inputs**.
3. Click a live input from the list to select it.
4. Under **Videos created by live input**, locate your video and click to select it.
5. Under **Settings**, select **Enable MP4 Downloads**.
6. Click **Save**. You will see a progress bar as the video generates a download link.
7. When the download link is ready, under **Download URL**, copy the URL and enter it in a browser to download the video.
1. In the Cloudflare dashboard, go to the **Live inputs** page.

<DashButton url="/?to=/:account/stream/inputs" />

2. Select a live input from the list.
3. Under **Videos created by live input**, select your video.
4. Under **Settings**, select **Enable MP4 Downloads**.
5. Select **Save**. You will see a progress bar as the video generates a download link.
6. When the download link is ready, under **Download URL**, copy the URL and enter it in a browser to download the video.
14 changes: 8 additions & 6 deletions src/content/docs/stream/stream-live/watch-live-stream.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ sidebar:
order: 3
---

import { Render } from "~/components";
import { Render,DashButton } from "~/components";

When a [Live Input](/stream/stream-live/start-stream-live/) begins receiving a
broadcast, a new video is automatically created if the input's `mode` property
Expand Down Expand Up @@ -60,11 +60,13 @@ You can also retrieve the embed code or manifest URLs from Dash or the API.

To get the Stream built-in player embed code or HLS Manifest URL for a custom player:

1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Select **Stream** > **Live Inputs**.
3. Select a live input from the list.
4. Locate the **Embed** and **HLS Manifest URL** beneath the video.
5. Determine which option to use and then select **Click to copy** beneath your choice.
1. In the Cloudflare dashboard, go to the **Live inputs** page.

<DashButton url="/?to=/:account/stream/inputs" />

2. Select a live input from the list.
3. Locate the **Embed** and **HLS Manifest URL** beneath the video.
4. Determine which option to use and then select **Click to copy** beneath your choice.

The embed code or manifest URL retrieved in Dash will reference the Live Input ID.

Expand Down
25 changes: 14 additions & 11 deletions src/content/docs/stream/stream-live/webhooks.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,26 +6,29 @@ sidebar:

---

import { AvailableNotifications } from "~/components"
import { AvailableNotifications,DashButton } from "~/components"

Stream Live offers webhooks to notify your service when an Input connects, disconnects, or encounters an error with Stream Live.

<AvailableNotifications product="Stream" />

## Subscribe to Stream Live Webhooks

1. Log in to your Cloudflare account and click **Notifications**.
2. From the **Notifications** page, click the **Destinations** tab.
3. On the **Destinations** page under **Webhooks**, click **Create**.
4. Enter the information for your webhook and click **Save and Test**.
5. To create the notification, from the **Notifications** page, click the **All Notifications** tab.
6. Next to **Notifications**, click **Add**.
7. Under the list of products, locate **Stream** and click **Select**.
1. In the Cloudflare dashboard, go to the **Notifications** page.

<DashButton url="/?to=/:account/notifications" />

2. Select the **Destinations** tab.
3. On the **Destinations** page under **Webhooks**, select **Create**.
4. Enter the information for your webhook and select **Save and Test**.
5. To create the notification, from the **Notifications** page, select the **All Notifications** tab.
6. Next to **Notifications**, select **Add**.
7. Under the list of products, locate **Stream** and select **Select**.
8. Enter a name and optional description.
9. Under **Webhooks**, click **Add webhook** and click your newly created webhook.
10. Click **Next**.
9. Under **Webhooks**, select **Add webhook** and select your newly created webhook.
10. Select **Next**.
11. By default, you will receive webhook notifications for all Live Inputs. If you only wish to receive webhooks for certain inputs, enter a comma-delimited list of Input IDs in the text field.
12. When you are done, click **Create**.<br/><br/>
12. When you are done, select **Create**.<br/><br/>

```json title="Example webhook payload"
{
Expand Down
9 changes: 6 additions & 3 deletions src/content/docs/stream/transform-videos/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ sidebar:
badge:
text: Beta
---
import { DashButton } from "~/components";

You can optimize and manipulate videos stored _outside_ of Cloudflare Stream with Media Transformations. Transformed videos and images are served from one of your zones on Cloudflare.

Expand All @@ -19,9 +20,11 @@ Cloudflare will automatically cache every transformed video or image on our glob

To enable transformations on your zone:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select your account.
2. Go to **Stream** > **Transformations**.
3. Locate the specific zone where you want to enable transformations.
1. In the Cloudflare dashboard, go to the **Transformations** page.

<DashButton url="/?to=/:account/stream/video-transformations" />

2. Locate the specific zone where you want to enable transformations.
4. Select **Enable** for zone.

## Transform a video by URL
Expand Down
9 changes: 6 additions & 3 deletions src/content/docs/stream/uploading-videos/upload-video-file.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,19 @@ sidebar:
order: 2

---
import { DashButton } from "~/components";

## Basic Uploads

For files smaller than 200 MB, you can use simple form-based uploads.

## Upload through the Cloudflare dashboard

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/).
2. From the navigation menu, select **Stream**.
3. On the **Overview** page, drag and drop your video into the **Quick upload** area. You can also click to browse for the file on your machine.
1. In the Cloudflare dashboard, go to the **Stream** page.

<DashButton url="/?to=/:account/stream" />

2. Drag and drop your video into the **Quick upload** area. You can also click to browse for the file on your machine.

After the video finishes uploading, the video appears in the list.

Expand Down