← Cloudflare Stream / stream

Začínáme

• Nahrajte své první video
• Spusťte své první živé vysílání

Videa můžete nahrávat pomocí API nebo přímo na Stream stránce v Cloudflare dashboard.

Seznam podporovaných typů souborů najdete v Podporované formáty videa.

Chcete-li použít API, nahraďte API_TOKEN a ACCOUNT_ID hodnoty svými přihlašovacími údaji v následujícím příkladu.

curl \
-X POST \
-d '{"url":"https://storage.googleapis.com/stream-example-bucket/video.mp4","meta":{"name":"My First Stream Video"}}' \
-H "Authorization: Bearer <API_TOKEN>" \
https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream/copy

const client = new Cloudflare({
	apiEmail: process.env['CLOUDFLARE_EMAIL'],
	apiKey: process.env['CLOUDFLARE_API_KEY'],
});

const video = await client.stream.copy.create({
	account_id: '<ACCOUNT_ID>',
	url: 'https://storage.googleapis.com/stream-example-bucket/video.mp4',
	meta: { name: 'My First Stream Video' },
});

export default {
	async fetch(request, env, ctx): Promise<Response> {
		const videoDetails = await env.STREAM.upload(
			"https://storage.googleapis.com/stream-example-bucket/video.mp4",
			{ meta: { name: "My First Stream Video" } }
		);
		return new Response(JSON.stringify(videoDetails));
	},
} satisfies ExportedHandler<{ STREAM: StreamBinding }>;

{
	"$schema": "node_modules/wrangler/config-schema.json",
	"name": "<ENTER_WORKER_NAME>",
	"main": "src/index.ts",
	"compatibility_date": "$today",
	"observability": {
		"enabled": true
	},
	"stream": {
		"binding": "STREAM"
	}
}

Protože Stream musí video nejprve stáhnout a zpracovat, může být dostupné až po několika sekundách v závislosti na jeho délce. Stream API byste měli opakovaně dotazovat, dokud readyToStream je true, nebo použijte webhooky abyste byli informováni, jakmile bude video připraveno ke streamování.

UID videa z prvního kroku použijte k dotazování na stav videa:

curl \
-H "Authorization: Bearer <API_TOKEN>" \
https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream/<VIDEO_UID>

{
	"result": {
		"uid": "6b9e68b07dfee8cc2d116e4c51d6a957",
		"preview": "https://customer-f33zs165nr7gyfy4.cloudflarestream.com/6b9e68b07dfee8cc2d116e4c51d6a957/watch",
		"thumbnail": "https://customer-f33zs165nr7gyfy4.cloudflarestream.com/6b9e68b07dfee8cc2d116e4c51d6a957/thumbnails/thumbnail.jpg",
		"readyToStream": true,
		"status": {
			"state": "ready"
		},
		"meta": {
			"downloaded-from": "https://storage.googleapis.com/stream-example-bucket/video.mp4",
			"name": "My First Stream Video"
		},
		"created": "2020-10-16T20:20:17.872170843Z",
		"size": 9032701
		//...
	},
	"success": true,
	"errors": [],
	"messages": []
}

Videa nahraná do Stream lze přehrát na jakémkoli zařízení a platformě, od webových stránek po nativní aplikace. Viz Přehrávání videí s podrobnostmi a příklady přehrávání videa na různých platformách.

Chcete-li přehrávat video na svém webu pomocí Stream Player, zkopírujte uid videa z výše uvedeného požadavku spolu s vaším jedinečným zákaznickým kódem a nahraďte <CODE> a <VIDEO_UID> ve vloženém kódu níže:

<iframe
	src="https://customer-<CODE>.cloudflarestream.com/<VIDEO_UID>/iframe"
	title="Example Stream video"
	frameborder="0"
	allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
	allowfullscreen
>
</iframe>

Výše uvedený vkládací kód najdete také na Stream stránce v Cloudflare dashboard.

• Upravte své video a přidejte titulky nebo vodoznaky
• Přizpůsobení přehrávače Stream

Živý vstup můžete vytvořit pomocí API nebo Živé vstupy stránce v Cloudflare dashboard.

Chcete-li použít API, nahraďte API_TOKEN a ACCOUNT_ID hodnoty svými přihlašovacími údaji v následujícím příkladu.

curl -X POST \
-H "Authorization: Bearer <API_TOKEN>" \
-D '{"meta": {"name":"test stream"},"recording": { "mode": "automatic" }}' \
https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/stream/live_inputs

const client = new Cloudflare({
	apiEmail: process.env['CLOUDFLARE_EMAIL'],
	apiKey: process.env['CLOUDFLARE_API_KEY'],
});

const liveInput = await client.stream.liveInputs.create({
	account_id: '<ACCOUNT_ID>',
	meta: { name: 'test stream' },
	recording: { mode: 'automatic' },
});

{
	"uid": "f256e6ea9341d51eea64c9454659e576",
	"rtmps": {
		"url": "rtmps://live.cloudflare.com:443/live/",
		"streamKey": "MTQ0MTcjM3MjI1NDE3ODIyNTI1MjYyMjE4NTI2ODI1NDcxMzUyMzcf256e6ea9351d51eea64c9454659e576"
	},
	"created": "2021-09-23T05:05:53.451415Z",
	"modified": "2021-09-23T05:05:53.451415Z",
	"meta": {
		"name": "test stream"
	},
	"status": null,
	"recording": {
		"mode": "automatic",
		"requireSignedURLs": false,
		"allowedOrigins": null
	}
}

Doporučujeme použít Open Broadcaster Software (OBS) ↗ pro začátek.

Živé streamy lze přehrávat na jakémkoli zařízení a platformě, od webových stránek až po nativní aplikace, pomocí stejných video přehrávačů jako u videí nahraných do Stream. Viz Přehrávání videí s podrobnostmi a příklady přehrávání videa na různých platformách.

Chcete-li na svém webu přehrát právě spuštěné živé vysílání pomocí Stream Player, zkopírujte uid live inputu z výše uvedeného požadavku spolu s vaším jedinečným zákaznickým kódem a nahraďte <CODE> a <VIDEO_UID> ve vloženém kódu níže:

<iframe
	src="https://customer-<CODE>.cloudflarestream.com/<VIDEO_UID>/iframe"
	title="Example Stream video"
	frameborder="0"
	allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
	allowfullscreen
>
</iframe>

Výše uvedený vkládací kód najdete také na Stream stránce v Cloudflare dashboard.

• Zabezpečte svůj stream
• Zobrazení počtu živých diváků

Chcete-li zpřístupnit svůj video obsah více uživatelům, zahrňte titulky a vysoce kvalitní nahrávání zvuku ↗.