diff --git a/src/content/docs/stream/edit-videos/player-enhancements.mdx b/src/content/docs/stream/edit-videos/player-enhancements.mdx index 91c66abbe80b51..fee315def0b070 100644 --- a/src/content/docs/stream/edit-videos/player-enhancements.mdx +++ b/src/content/docs/stream/edit-videos/player-enhancements.mdx @@ -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. @@ -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. + + + +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**. diff --git a/src/content/docs/stream/stream-live/custom-domains.mdx b/src/content/docs/stream/stream-live/custom-domains.mdx index 28f5ef6a77237a..dd8c56c2801f0d 100644 --- a/src/content/docs/stream/stream-live/custom-domains.mdx +++ b/src/content/docs/stream/stream-live/custom-domains.mdx @@ -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. + + + +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**. diff --git a/src/content/docs/stream/stream-live/download-stream-live-videos.mdx b/src/content/docs/stream/stream-live/download-stream-live-videos.mdx index 7b400e9ef023e4..1d4b820ec06009 100644 --- a/src/content/docs/stream/stream-live/download-stream-live-videos.mdx +++ b/src/content/docs/stream/stream-live/download-stream-live-videos.mdx @@ -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. @@ -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. + + + +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. diff --git a/src/content/docs/stream/stream-live/watch-live-stream.mdx b/src/content/docs/stream/stream-live/watch-live-stream.mdx index 364e6086147149..a3a222b5c61f62 100644 --- a/src/content/docs/stream/stream-live/watch-live-stream.mdx +++ b/src/content/docs/stream/stream-live/watch-live-stream.mdx @@ -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 @@ -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. + + + +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. diff --git a/src/content/docs/stream/stream-live/webhooks.mdx b/src/content/docs/stream/stream-live/webhooks.mdx index 4cc7d73b334944..280ef68990af6d 100644 --- a/src/content/docs/stream/stream-live/webhooks.mdx +++ b/src/content/docs/stream/stream-live/webhooks.mdx @@ -6,7 +6,7 @@ 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. @@ -14,18 +14,21 @@ Stream Live offers webhooks to notify your service when an Input connects, disco ## 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. + + + +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**.

+12. When you are done, select **Create**.

```json title="Example webhook payload" { diff --git a/src/content/docs/stream/transform-videos/index.mdx b/src/content/docs/stream/transform-videos/index.mdx index 3fa52d946938ab..35e490e41f68aa 100644 --- a/src/content/docs/stream/transform-videos/index.mdx +++ b/src/content/docs/stream/transform-videos/index.mdx @@ -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. @@ -19,10 +20,12 @@ 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. -4. Select **Enable** for zone. +1. In the Cloudflare dashboard, go to the **Transformations** page. + + + +2. Locate the specific zone where you want to enable transformations. +3. Select **Enable** for the zone. ## Transform a video by URL diff --git a/src/content/docs/stream/uploading-videos/upload-video-file.mdx b/src/content/docs/stream/uploading-videos/upload-video-file.mdx index a3ef063bec28ef..77550da3699ab7 100644 --- a/src/content/docs/stream/uploading-videos/upload-video-file.mdx +++ b/src/content/docs/stream/uploading-videos/upload-video-file.mdx @@ -5,6 +5,7 @@ sidebar: order: 2 --- +import { DashButton } from "~/components"; ## Basic Uploads @@ -12,9 +13,11 @@ 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. + + + +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.