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" />required
type: string
Stream 動画の ID です。
required
type: string
Stream 動画のタイトルです。
type: string
タイムスタンプ(例: 2.5s または 1m35s)、または画像の URL です。
type: Record<string, string>
動画の下にカードとして表示する任意のチャプターです。
type: boolean
default: false
chapters がある場合、Details コンポーネント の open プロパティに渡されます。
type: boolean
default: true
動画の下に "Watch more videos on our Developer Channel" リンクを表示するかどうかです。
type: string
file を指定した場合、id、title、thumbnail、chapters プロパティは使えません。代わりに stream ↗ コレクション内の YAML ファイルから取得します。