Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

Stream

最終更新 Markdown で表示Agent セットアップ

The Stream component is used 48 times on 46 pages.

See all examples of pages that use Stream

Used 48 times.

Pages

Partials

インポート

import { Stream } from "~/components";

使い方

チャプター

チャプター

<Stream
	id="86f22d1f760b77cdc349f89b25b63c3e"
	title="Connect and secure from any network to anywhere"
	thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/Connect-and-secure-from-any-network-to-anywhere.jpg"
	chapters={{
		"Chapter 1": "30s",
		"Chapter 2": "1m30s",
		"Chapter 3": "3m15s",
		"Chapter 4": "3m25s",
		"Chapter 5": "3m35s",
	}}
/>

<Stream file="warp-1-basics" />

<Stream> の Props

id

required

type: string

Stream 動画の ID です。

title

required

type: string

Stream 動画のタイトルです。

thumbnail

type: string

タイムスタンプ(例: 2.5s または 1m35s)、または画像の URL です。

chapters

type: Record<string, string>

動画の下にカードとして表示する任意のチャプターです。

expandChapters

type: boolean

default: false

chapters がある場合、Details コンポーネントopen プロパティに渡されます。

showMoreVideos

type: boolean

default: true

動画の下に "Watch more videos on our Developer Channel" リンクを表示するかどうかです。

file

type: string

file を指定した場合、idtitlethumbnailchapters プロパティは使えません。代わりに stream コレクション内の YAML ファイルから取得します。

役に立ちましたか?