Skip to content

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

rtk-participant-tile

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

参加者の動画を再生し、rtk-name-tagrtk-audio-visualizer などのコンポーネントを配置できるコンポーネントです。

プロパティ

プロパティ 必須 デフォルト 説明
config UIConfig createDefaultConfig() 設定オブジェクト
iconPack IconPack defaultIconPack アイコンパック
isPreview boolean - タイルをプレビューに使うかどうか
meeting Meeting - Meeting オブジェクト
nameTagPosition | 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-left' | 'top-right' | 'top-center' - ネームタグの位置
participant Peer - Participant オブジェクト
size Size - サイズ
states States - States オブジェクト
t RtkI18n useLanguage() 言語
variant 'solid' | 'gradient' - バリアント

使用例

基本的な使い方

<rtk-participant-tile></rtk-participant-tile>

プロパティを指定する場合

<rtk-participant-tile>
</rtk-participant-tile>
<script>
  const el = document.querySelector("rtk-participant-tile");

  el.isPreview= true;
  el.meeting= meeting
</script>

役に立ちましたか?