添加内容

本页内容

屏幕显示的所有内容都始于 Library。本页介绍添加内容的各种方式:图片和视频、网页、应用以及实时摄像头画面。项目进入 Library 后,即可将其发布到屏幕,或添加到播放列表中。

快速参考

**位置:**Display Screens → Library → Add content

**访问权限:**在该设施拥有 Display Screens 访问权限的用户。CCTV 实时画面还需要在该设施拥有 CCTV 访问权限。

**用途:**将新内容添加到 Library,以备发布

Add content 对话框Add content 对话框

图 1:向 Library 添加内容

在 Library 选项卡中点击 Add content,然后选择要添加的内容。有关每种类型支持的格式及其适用场景,请参阅内容类型。

图片和视频

上传文件:

  1. 点击 Add content。
  2. 将图片和视频拖到 Drag images and videos here 上,或点击 Browse files。
类型格式最大大小
图片JPEG、PNG、WebP 或 GIF每个 25 MB
视频MP4、WebM 或 MOV每个 2 GB

从链接导入:

  1. 点击 Add content → Image or video from a link。
  2. 在 Link 下,粘贴指向 JPG、PNG、WebP、GIF、MP4 或 WebM 文件的公开 https:// 链接。链接的图片最大可达 25 MB,链接的视频最大可达 200 MB。
  3. (可选)输入 Name(否则将从链接中获取)和 Tags。
  4. 点击 Import。

Import an image or video 对话框Import an image or video 对话框

图 2:从链接导入图片或视频

链接的文件会被复制到您的 Library 中,因此即使原始链接发生变化,该项目仍可正常使用。

新的图片和视频在生成适合屏幕播放的版本时会显示 processing 状态:图片通常不到一分钟,视频则需要更长时间。您可以立即将处理中的项目添加到播放列表,它会在准备就绪后开始播放。如果处理失败,该项目会被标记为 Failed 并显示原因;请修复文件后重新上传。要查找此类项目,请点击 Needs attention 标签,或将 Status 筛选器设为 Needs attention。

通过 Needs attention 筛选器找到的失败项目通过 Needs attention 筛选器找到的失败项目

图 3:处理失败的项目显示 Failed;按 Needs attention 筛选即可找到

外部网页

  1. 点击 Add content → External Web Page。
  2. 在 Link 下,输入网页的 https:// 地址,并为其设置 Name。
  3. (可选)添加 Tags 并设置 Show for (seconds):在播放列表中的显示时长。留空则使用播放列表的默认值。
  4. 点击 Add to library。

Add an External Web Page 对话框Add an External Web Page 对话框

图 4:添加网页

某些网站禁止在其他页面中显示(“嵌入框架”)。这些页面无法在播放列表中或作为 Library 项目播放,但仍可占满整个屏幕:将该屏幕的 Data Source 设为 Full-page website (Kiosk Mode),并在其中输入地址。

网页是实时加载的,因此屏幕需要互联网连接才能显示网页。

设备端 Web 应用

On-Device Web App 是您自己的网页或应用,以包含 HTML、CSS 和 JavaScript 的 ZIP 文件上传。屏幕会保存一份副本,因此即使互联网中断也能继续播放。您也可以让人工智能代理为您构建并发布一个;请参阅已发布应用。

  1. 点击 Add content → On-Device Web App。要从可运行的示例开始,请点击 Download the starter template,编辑文件,并在浏览器中打开 index.html 进行试用。
  2. 构建您的应用,在顶层放置 index.html 起始页,以及应用所用的 CSS、JavaScript、图片和字体。应用必须无需滚动即可适应屏幕。
  3. 在 App files 下,拖入 ZIP、文件夹或文件,或使用 Choose ZIP、Choose folder 或 Choose files。
  4. 为应用设置 Name,以及(可选)Tags 和 Show for (seconds)。
  5. 点击 Publish app。

Add an On-Device Web App 对话框Add an On-Device Web App 对话框

图 5:上传 On-Device Web App

请将应用所需的一切都放在 ZIP 中。应用从互联网加载的任何内容在屏幕离线时都将不可用。有关大小限制、版本和设计指南,请参阅 On-Device Web Apps。

智能体:已发布应用

由您的人工智能代理构建并发布的应用可以在屏幕上实时显示。应用由代理发布并被允许在屏幕上显示后,添加内容时会列在 Agent: Published App 下。

  1. 点击 Add content → Agent: Published App。
  2. 选择应用,为其设置 Name,以及(可选)Tags 和 Show for (seconds)。
  3. 点击 Add to library。

有关从人工智能代理发布应用、其要求以及屏幕何时会跳过该应用,请参阅 Agent: Published Apps。

CCTV/VSaaS: 实时视图

CCTV/VSaaS: Live View 以视频墙的形式在屏幕上显示本设施的实时摄像头画面。

开始之前:

  • 您需要拥有 CCTV / VSaaS 访问权限。
  • 拥有 CCTV 访问权限的组织管理员必须在 Settings → CCTV 中开启 Allow CCTV on display screens。该设置默认关闭。
  • 屏幕附近的任何人都能看到实时摄像头画面。发布之前请考虑隐私问题,尤其是在顾客、宾客、患者或会员停留的区域。

添加实时画面:

  1. 点击 Add content → CCTV/VSaaS: Live View。
  2. 选择来源:
    • Choose cameras:按您希望在视频墙上显示的顺序点击最多 9 个摄像头,然后选择 Layout:Automatic、One camera、Side by side、One large, two small、2 × 2、One large, five small、3 × 2 或 3 × 3。On screen 会预览视频墙。
    • Shared Live View:选择您的团队已在 CCTV/VSaaS 中共享的某个实时显示。包含超过 9 个摄像头的视图仅显示前 9 个。
  3. 在 Quality on screens 下,选择 Auto (recommended)、Native (the camera's own quality),或固定的 1080p、720p、480p 或 360p。Auto 会在与摄像头的 Edge Processor 位于同一网络的屏幕上以摄像头原始画质播放,在其他屏幕上则以 720p(最多 3 个摄像头)或 360p(更多摄像头)播放。如果网络较慢,请选择较低的画质。
  4. 选择是否 Show camera names,并为实时画面设置 Name,以及(可选)Tags。
  5. 点击 Add to library。系统会要求您确认摄像头画面将在屏幕上可见。

为实时画面选择摄像头和布局为实时画面选择摄像头和布局

图 6:添加实时摄像头画面:选择摄像头和布局

选择共享的实时显示选择共享的实时显示

图 7:或者重用在 CCTV/VSaaS 中共享的实时显示

Quality on screens 选项Quality on screens 选项

图 8:选择屏幕上的视频画质

无法播放实时视频的屏幕会改为每隔几秒显示一张静态画面。

实时画面只能显示在本设施的屏幕上。如果设施不再拥有 CCTV、Allow CCTV on display screens 已被关闭,或其所有摄像头均不可用,屏幕会跳过该实时画面;对于最后一种情况,请编辑实时画面的摄像头来解决。