跳转到主要内容
本章内容64
-
01
Changelog
import { ProductReleaseNotes } from "~/components";
{/* */}
1 天前
-
02
FAQ
import { GlossaryTooltip, DashButton } from "~/components";
Stream
Can I download original video files from...
1 天前
-
03
Get started
import { DashButton, Tabs, TabItem } from "~/components";
:::note[Stream Live WebRTC is now GA:]
Billing fo...
1 天前
-
04
Cloudflare Stream
import { CardGrid, Description, Feature, LinkButton, LinkTitleCard, Render } from "~/components"
Serverless...
1 天前
-
05
Pricing
import { DashButton } from "~/components";
:::note[Stream Live WebRTC is now GA:]
Billing for WebRTC delive...
1 天前
-
06
Ultra-low Latency with WebRTC
import { Badge, InlineBadge, DashButton } from "~/components";
:::note[Stream Live WebRTC is now GA:]
Billi...
1 天前
-
07
Add additional audio tracks
A video must be uploaded before additional audio tracks can be attached to it. In the following example URL...
1 天前
-
08
Add captions
import { Tabs, TabItem } from "~/components";
Adding captions and subtitles to your video library.
Add or m...
1 天前
-
09
Apply watermarks
import { Tabs, TabItem } from "~/components";
You can add watermarks to videos uploaded using the Stream AP...
1 天前
-
10
Edit videos
import { DirectoryListing } from "~/components";
1 天前
-
11
Add player enhancements
import { DashButton } from "~/components";
With player enhancements, you can modify your video player to in...
1 天前
-
12
Clip videos
import { DashButton } from "~/components";
With video clipping, also referred to as "trimming" or changing ...
1 天前
-
13
Android (ExoPlayer)
import { Render } from "~/components";
Download and run an example app
Download this example app from the o...
1 天前
-
14
dash.js
<html>
<head>
<script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
</head>
<body>
<...
1 天前
-
15
hls.js
<html>
<head>
<script src="//cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
<video id=...
1 天前
-
16
Examples
import { ResourcesBySelector } from "~/components";
<ResourcesBySelector directory="stream/examples/" types...
1 天前
-
17
iOS (AVPlayer)
import { Render } from "~/components";
Download and run an example app
Download this example app from Apple...
1 天前
-
18
RTMPS playback
import { Render, DashButton } from "~/components";
Copy the RTMPS playback key for your live input from eit...
1 天前
-
19
Shaka Player
First, create a video element, using the poster attribute to set a preview thumbnail image. Refer to Displa...
1 天前
-
20
SRT playback
import { Render, DashButton } from "~/components";
Copy the SRT Playback URL for your live input from eithe...
1 天前
-
21
Stream Player
<html>
<head> </head>
<body>
<div style="position: relative; padding-top: 56.25%;">
<iframe
src="h...
1 天前
-
22
Test webhooks locally
import { APIRequest } from "~/components";
Cloudflare Stream cannot send webhook notifications to
localhos...
1 天前
-
23
Video.js
<html>
<head>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.10.2/video-js.min.css"
...
1 天前
-
24
Vidstack
There's a few options to choose from when getting started with Vidstack, follow any of the links
below to g...
1 天前
-
25
First WebRTC broadcast in the browser
import { DashButton } from "~/components";
This tutorial shows how to broadcast ultra-low latency live vide...
1 天前
-
26
First Live Stream with OBS
Stream empowers customers and their end-users to broadcast a live stream quickly and at scale. The player c...
1 天前
-
27
GraphQL Analytics API
import { DashButton } from "~/components";
Stream provides analytics about both live video and video upload...
1 天前
-
28
Analytics
import { DashButton } from "~/components";
Stream provides server-side analytics that can be used to:
Ident...
1 天前
-
29
Get live viewer counts
The Stream player has full support for live viewer counts by default. To get the viewer count for live vide...
1 天前
-
30
Bind to Workers API
import { WranglerConfig, TypeScriptExample, Type, MetaInfo } from "~/components";
A binding connects your W...
1 天前
-
31
Manage creators
import { Tabs, TabItem } from "~/components";
You can set the creator field with an internal user ID at the...
1 天前
-
32
Search for videos
You can search for videos by name through the Stream API by adding a
search query parameter to the list me...
1 天前
-
33
Use webhooks
import { Details, DashButton } from "~/components";
Webhooks notify your service when videos successfully f...
1 天前
-
34
Add custom ingest domains
import { DashButton } from "~/components";
With custom ingest domains, you can configure your RTMPS feeds t...
1 天前
-
35
Download live stream videos
import { DashButton } from "~/components";
You can enable downloads for live stream videos from the Cloudfl...
1 天前
-
36
DVR for Live
Stream Live supports "DVR mode" on an opt-in basis to allow viewers to rewind,
resume, and fast-forward a l...
1 天前
-
37
Stream live video
Cloudflare Stream lets you or your users stream live video, and play live video in your website or app, wit...
1 天前
-
38
Live Instant Clipping
Stream supports generating clips of live streams and recordings so creators and viewers alike can highlight...
1 天前
-
39
Record and replay live streams
Live streams are automatically recorded, and available instantly once a live stream ends. To get a list of ...
1 天前
-
40
Simulcast (restream) videos
import { DashButton } from "~/components";
Simulcasting lets you forward your live stream to third-party pl...
1 天前
-
41
Start a live stream
import { InlineBadge, Render, Badge, DashButton } from "~/components";
After you subscribe to Stream, you c...
1 天前
-
42
Troubleshooting a live stream
import {Details, DashButton } from "~/components"
In addition to following the live stream troubleshooting ...
1 天前
-
43
Watch a live stream
import { Render,DashButton } from "~/components";
When a Live Input begins receiving a
broadcast, a new vid...
1 天前
-
44
Receive Live Webhooks
import { AvailableNotifications,DashButton } from "~/components"
Stream Live offers webhooks to notify your...
1 天前
-
45
Bind to Workers API
import { WranglerConfig, InlineBadge } from "~/components";
A binding connects your Worker to external reso...
1 天前
-
46
Transform videos
import { DashButton } from "~/components";
You can optimize and manipulate videos stored outside of Cloudfl...
1 天前
-
47
Define source origin
When optimizing remote videos, you can specify which origins can be used as the source for transformed vide...
1 天前
-
48
Troubleshooting
If you are using Media Transformations to transform your video and you experience a failure, the response b...
1 天前
-
49
Direct creator uploads
import { Tabs, TabItem } from "~/components";
Direct creator uploads let your end users upload videos direc...
1 天前
-
50
Upload videos
Before you upload your video, review the options for uploading a video, supported formats, and recommendati...
1 天前
-
51
Player API
Attributes are added in the
<stream> tag without quotes, as you can see below:
<stream attribute-added-her...
1 天前
-
52
Resumable and large files (tus)
import { PackageManagers } from "~/components";
If you need to upload a video that is over 200 MB, you must...
1 天前
-
53
Upload with a link
import {
Tabs,
TabItem,
LinkButton,
} from "~/components"
If you have videos stored in a cloud storage buck...
1 天前
-
54
Basic video uploads
import { DashButton } from "~/components";
Basic Uploads
For files smaller than 200 MB, you can use simple ...
1 天前
-
55
Display thumbnails
:::note
Stream thumbnails are not supported for videos with non-square pixels.
:::
Use Case 1: Generating a...
1 天前
-
56
Download video or audio
import { Tabs, TabItem } from "~/components";
When you upload a video to Stream, it can be streamed using H...
1 天前
-
57
Play video
import { DirectoryListing } from "~/components";
1 天前
-
58
Secure your Stream
import { TypeScriptExample } from "~/components";
Signed URLs / Tokens
By default, videos on Stream can be ...
1 天前
-
59
Android
import { Render } from "~/components";
You can stream both on-demand and live video to native Android apps ...
1 天前
-
60
Use your own player
import { Render, Badge, DashButton } from "~/components";
Cloudflare Stream is compatible with all video pl...
1 天前
-
61
iOS
import { Render } from "~/components";
You can stream both on-demand and live video to native iOS, tvOS and...
1 天前
-
62
Web
import { Render } from "~/components";
Cloudflare Stream works with all web video players that support HLS ...
1 天前
-
63
Use the Stream Player
import { InlineBadge, DashButton } from "~/components";
Cloudflare provides a customizable web player that ...
1 天前
-
64
Stream Player API
For further control and customization, we provide an additional JavaScript SDK that you can use to control ...
1 天前