房间设计器

房间设计器可让您预先设置他人打开您的房间链接时看到的画面。您可以排列视频、导航按钮、备注和计时器，然后应用您组织的颜色和徽标。

打开 仪表板 > 房间设计器。使用布局设置参与者视图，使用品牌设置主持人和参与者的外观。

横屏和竖屏是两套独立的设计。房间会根据每位参与者的屏幕方向选择相匹配的一套。

快速入门：视频、底部按钮、无备注或声音

1. 打开布局并选择横屏。
2. 选择演示预设。它会开启自定义布局，将视频置于按钮上方，并隐藏幻灯片备注。
3. 在参与者默认设置下，确认进入时打开演讲者备注已关闭，并开启共享音频初始静音。
4. 选择竖屏并应用同一预设。针对竖持的手机调整比例。
5. 在主持人应用中，使用全局屏幕共享选择要共享的屏幕、NDI 源或 Studio Program。
6. 等待显示已保存，然后分享您的常规房间链接。
7. 活动开始前，在第二台设备上打开链接，检查两种方向和所选的源。

新参与者会接收主持人分配的源。设计器围绕该源排列视图；它不会启动捕获，也不会覆盖源分配。

共享音频与点击音效相互独立。设计器的静音默认设置控制传入的共享音频。如果您还希望有人点击时保持安静，请在主持人应用的声音设置中关闭点击音效。参与者之后可以取消共享音频的静音；浏览器播放音频仍可能需要用户交互。正在 Program 上直播的连线嘉宾听不到共享音频（否则会将其本人的声音延迟回传）；离开 Program 后即恢复。

套餐及更改的适用范围

房间使用其所属账户保存的设计。用于启动房间的套餐或许可证密钥决定显示哪些已保存的功能。例如，由 Studio 8K 账户保存的设计，在使用较低级别密钥启动的房间中不会启用白标品牌。

品牌选项卡中的品牌适用范围面板会显示您的哪些套餐和密钥支持颜色或完整品牌。

选择起始布局

预设仅替换所选方向的排列。演示还会设置共享的参与者默认设置，这些设置同时适用于两种方向。如需还原预设，请使用撤销。

桌面、平板和手机选择器会更改预览比例。它可帮助您检查同一套基于百分比的布局在不同屏幕上的适配效果；它不会额外创建三个已保存的布局。

排列元素

开启自定义布局，选择横屏或竖屏，然后从列表或画布中选择一个元素。

使用眼睛图标控件显示或隐藏元素。横屏和竖屏的可见性分别保存。隐藏两个导航按钮会移除大尺寸点击控件，因此编辑器会显示警告。

徽标可在每种方向中独立移动和调整大小。Studio 4K 用户可定位 Cliqer 文字标识。Studio 8K 用户可在品牌中替换它，或使用眼睛图标控件将其隐藏。

精确移动

• 拖动选中的框可移动它，拖动其控点可调整大小。
• 框会吸附到画布边缘、中心及其他可见元素。
• 使用键盘按 Tab 选择元素，然后按 Enter 或 Space。
• 按方向键可将所选内容移动视口的 1%。
• 按住 Shift 再按方向键可移动 5%。
• 按 Esc 清除选择。

框始终保持在画布内。每个可移动框的最小宽度和高度为视口的 6%。位置和大小均以百分比表示，因此设计会随可用空间缩放。

横屏和竖屏

当查看者的屏幕宽度大于高度时使用横屏，高度大于宽度时使用竖屏。旋转手机即可在您保存的设计之间切换。

编辑一种方向不会移动另一种方向中的元素。分享房间前请检查两种方向，尤其是宽视频、长备注或计时器可能争夺空间的情况。

设置参与者默认设置

开启设置参与者默认设置，为您的房间选择起始偏好：

这些是起始偏好，而非锁定的控件。即使自定义布局已关闭，它们也适用于具备相应权益的房间。编辑几何布局或颜色不会持续重置参与者的选择。更新默认设置本身会将新偏好应用于已连接的参与者。

现有已保存的设计会保持之前的偏好行为，直到您明确启用默认设置或选择演示预设。

放置和自定义计时器

1. 在元素列表中选择计时器。
2. 如果它处于隐藏状态，请开启其眼睛图标控件。
3. 在画布上拖动计时器框并调整其大小。
4. 设置正常文本、警告文本、超时文本和背景颜色。
5. 调整背景不透明度和文本大小。
6. 使用预览状态查看正常、警告和超时颜色。
7. 切换方向，并为另一种屏幕形状放置计时器。

预览使用示例时间。实际房间显示主持人现有的实时倒计时，包括警告、超时和闪烁状态。它不会创建另一个计时器，也不会更改其时长或警告阈值。

放置的计时器使用与标准参与者计时器相同的浏览器字体，数字宽度固定。文本会适应其框的大小；如果较大的文本设置显得受限，请放大该框。重置计时器外观会恢复其颜色、不透明度和文本大小，而不会移动它。

主持人必须启动并共享实时倒计时，计时器才会显示在房间中。在自定义布局中，隐藏计时器元素会隐藏该处的倒计时；但不会停止主持人的计时器。在内置视图或多主持人视图中，使用标准计时器位置。

打造您的品牌

使用虚构品牌的示意预览。展示一套已保存的品牌形象如何从主持人应用延续到参与者视图。

在房间设计器中打开品牌，或打开设置 > 品牌。这两个位置编辑的是同一组已保存设置。

主持人和参与者颜色

主持人应用颜色控制桌面主持人应用和仪表板使用的主色和辅色调色板。演讲者颜色控制远程参与者房间。

保持演讲者颜色与主持人同步，可获得一致的品牌形象。关闭同步可使用单独的参与者调色板，例如为操作员使用深色制作台风格，为远程演讲者使用更明亮的控件。更改参与者调色板无需更改主持人调色板。

您还可以配置：

• 分别设置主持人渐变和演讲者渐变。
• 主持人主题：浅色、深色或跟随设备设置。
• 演讲者主题：跟随主持人，或使用其自己的浅色、深色或设备设置。
• 徽章样式：默认、圆角或方形。

为使控件清晰易辨，请选择对比度强的主色和辅色组合。除渐变外也要预览纯色，并在浅色和深色背景上检查您的徽标。

您的图标和文字标识

Studio 白标品牌支持两个独立的图片素材：

上传 JPG、JPEG、PNG 或 GIF 文件，每个不超过 2 MB。当图片需要叠加在不同背景上时，透明 PNG 通常效果很好。上传图标不会自动替换参与者文字标识；请同时设置两个素材，以形成完整的品牌形象。

使用显示开关可暂时隐藏素材，同时保留已保存的上传内容。在布局中，分别为横屏和竖屏移动房间徽标并调整其大小。Studio 4K 可定位 Cliqer 文字标识并调整其大小；Studio 8K 可在任一方向中替换或隐藏它。只有品牌中的可见性设置和当前布局的徽标可见性都允许时，Studio 文字标识才会显示。

使用相同控件可以打造的示例：

• 企业房间：蓝色调色板、公司文字标识、幻灯片和底部导航。
• 活动房间：明亮的配色组合、活动徽标、大按钮和可见的倒计时。
• 客户制作：低调的主持人调色板，以及独立的客户品牌参与者视图。
• 极简视频聚焦房间：隐藏控件，在 Studio 8K 上还可隐藏徽标。

自定义域名可通过您自己的房间地址完善 Studio 体验。请在仪表板的自定义域名设置中单独配置。上传徽标不会更改自定义域名。

保存、撤销和重置

布局编辑会在短暂停顿后自动保存。标题栏会显示正在保存，最新编辑存储后显示已保存。未保存表示请求失败：您当前的编辑仍保留在编辑器中，重试会再次发送。关闭页面前请等待显示已保存。

已连接的房间页面会实时接收已保存的更改。其他打开的设计器标签页也会同步已保存的更改。活动期间的编辑应视为对参与者视图的实时更改。

撤销和重做在各编辑器的近期历史记录内生效。布局历史记录包括预设、位置、可见性、参与者默认设置和计时器外观。品牌有其独立的历史记录。

重置某一方向时需要确认。启用已保存的布局不会恢复旧的品牌颜色；布局和品牌是分别保存的。

分享设计好的房间

在嵌入您的房间中输入六位字符的房间代码。复制 iframe、打开房间，或分享显示的链接。常规房间链接会自动带上您已保存的布局和符合条件的品牌设置。

<iframe
  src="https://cliqer.io/ABC123"
  allow="camera; microphone; fullscreen; autoplay"
  style="border:0;width:100%;aspect-ratio:16/9"
  title="Cliqer room"
></iframe>

将 ABC123 替换为您当前有效的房间代码。如果更改了 iframe 的比例，也请在较窄尺寸下检查竖屏设计。

源选择和视图限制

在主持人应用中选择捕获源、屏幕、摄像头、NDI 信号源、Studio Program 和音频输入。设计器不会通过 URL 选择或锁定源。请参阅屏幕共享与视频编码和屏幕共享音频。

自定义框适用于单流房间视图。多主持人网格使用其内置排列；选择其中一路流后，自定义排列会再次生效。screenonly=true 链接使用专用的纯视频视图。

房间栏（连接、计时器、聊天、绘图、幻灯片控件和演讲者设置）固定在自定义布局的右上角，与预览中显示的一致，因此请让计时器、按钮和其他框避开该角落。各预设均已如此处理。聊天、连接消息和系统通知保持其内置位置。隐藏框只会改变视图；不会撤销参与者的权限，也不会停止主持人的源。

故障排除

布局选项卡或徽标控件被锁定

自定义布局在 Presenter、Studio HD 或 Studio 4K 上需要 Designer 附加组件，Studio 8K 和 Enterprise 已包含。Studio 4K 可移动 Cliqer 文字标识并调整其大小。替换或隐藏 Cliqer 标识需要 Studio 8K 或更高套餐。如果编辑器可用但房间使用默认外观，请检查用于启动房间的套餐或密钥。

已保存的更改未显示

检查已保存状态、房间所有权、房间的套餐或密钥，以及查看者当前的屏幕方向。自定义几何布局还需要开启自定义布局。检查是否存在多主持人网格、screenonly=true 链接，或覆盖颜色、主题或徽标行为的 URL 参数。

计时器在预览中可见，但在房间中不显示

预览始终带有示例时间。实际房间需要主持人的实时倒计时。检查当前方向中计时器的眼睛图标控件，并确认主持人正在共享倒计时。

徽标缺失

先检查房间的套餐是否包含白标品牌，再检查已上传的文字标识、其显示设置，以及当前方向中徽标的眼睛图标控件。主持人图标和参与者文字标识是两个独立的素材。

视频或备注为空

视频框需要主持人共享的源。备注需要当前幻灯片有内容、参与者备注控件处于打开状态，并且自定义布局中的备注元素可见。

某个框位于房间栏下方

房间栏浮动在每个自定义布局的右上角。在预览中移动或缩小该框，直到房间栏不再遮挡它，两种方向都要检查。视频可以延伸到房间栏下方；计时器、徽标或按钮则不应如此。

参与者无法点击

在当前方向中至少显示一个导航按钮。使用其眼睛图标控件，或重置该方向。

相关指南

• 演讲者 URL 自定义
• 多主持人设置
• 屏幕共享与视频编码
• 屏幕共享音频