商用显示器 知识中心

HTML5应用启动方法

  1. 首页
  2. 软件与解决方案
  3. HTML5应用开发与使用指南
  4. HTML5应用启动方法

本文介绍如何在显示器上运行开发的HTML5应用和AV媒体文件。运行方式包括通过显示器内置存储、通过网络或通过USB驱动器三种。

从显示器内置存储器启动

所需的显示器设置

HTML5应用注册管理

可配置证书注册和HTML5应用显示方向等。
操作步骤: [Pro 设置]→[HTML5 平台]

更新固件至最新版本

将显示器固件更新至最新版本，以确保HTML5应用性能并访问最新功能。
操作步骤：[设置]→[系统]→[关于]→[设备名称]

启用[安装Web应用程序]

这是在显示器上启动HTML5应用的必需设置。
操作步骤：[Pro 设置]→[ 在待机模式期间给 USB 充电]

将遥控器[主页]按钮指定为HTML5应用时

通过选择[网络应用程序]启用。

操作步骤: [Pro 设置] → [主页键行为]

设置后，请确认在[Pro 设置]→[HTML5平台]→[启动应用的URI]中反映了autorun.txt的startup_uri属性中指定的URI。

与显示器电源联动启动HTML5应用时

选择[启动app]以启用。

操作步骤: [Pro 设置] → [初始输入源]
设置后，请确认在[Pro 设置]→[HTML5平台]→[启动应用的URI]中反映了autorun.txt的startup_uri属性中指定的URI。

安装方法

本文介绍如何安装到显示器内置存储。传输时需使用USB驱动器。HTML5应用可通过autorun.txt的copyapp属性进行安装。

autorun.txt 编写方法

HTML5应用安装时的autorun.txt编写示例。通过copyapp属性，还可以指定安装时的操作。
详情请参考autorun.txt属性说明。

HTML5应用安装时的autorun.txt记述示例。

JSON
{
  "action": "copyapp",
  "auid": "<app ID>",         // 要运行的应用ID
  "copyapp": {
    "app": "<app ID>",        // 要安装的应用ID（与auid相同）
    "startup_uri": "<app ID>" // 可选。使用电源联动启动时指定
  }
}
JSON

将USB驱动器插入显示器后，安装将自动执行。首次安装时可能会显示确认对话框。

内容更新方法

更新保存在显示器内置存储中的内容时，方法因安装时的保存位置而异。

更新保存在doc文件夹中的内容

更新/doc/文件夹中的文件，并在autorun.txt的action中指定copyapp属性，操作方式与首次安装相同。将USB驱动器插入显示器后，内置存储中的HTML5应用将被覆盖。

更新保存在media文件夹中的内容

要更新或删除保存在显示器内置存储中的视频和音频，可覆盖USB驱动器/media/文件夹中的内容，并在autorun.txt的media属性中指定更新方法。无需替换HTML5应用文件夹（/sony/apps）。更新方法（media的值）有sync和copy两种。sync为完全同步，会删除差异文件。而copy仅覆盖USB驱动器中的文件并添加差异，不会删除。请根据用途选择使用。

1.如何指定”sync” (完全同步)

在autorun.txt中将media属性指定为sync时，显示器中保存的所有视频和音频文件将与USB驱动器的/media/文件夹完全同步。USB驱动器的/media/文件夹中不存在的文件将从显示器中删除。

JSON
{
  "action": "copyapp",
  "auid": "<app ID>",
  "copyapp": {
    "app": "<app ID>",  // 要安装的应用ID
    "media": "sync"
  }
}

2. 如何指定”copy” (添加差异、不删除)

在autorun.txt中将media属性指定为copy时，将使用USB驱动器的/media/文件夹中的文件复制到显示器中已保存的视频和音频文件。USB驱动器的/media/文件夹中不存在、仅保存在显示器中的视频和音频不会被删除，将保留。

JSON
{
  "action": "copyapp",
  "auid": "<app ID>",
  "copyapp": {
    "app": "<app ID>",  // 要安装的应用ID
    "media": "copy"
  }
}

卸载方法

要从显示器卸载HTML5应用，请将autorun.txt中的action设置为removeapp。
removeapp还可以指定卸载时的操作。详情请参考autorun.txt属性说明。

示例

JSON
{
  "action": "removeapp",
  "auid": "<app ID>",
  "removeapp": {
    "app": "<app ID>",
    "media": "remove",
    "mode": "confirm"
  }
}
JSON

从外部Web服务器启动

所需的显示器设置

HTML5应用注册管理

可配置证书注册和HTML5应用显示方向等。
操作步骤: [Pro 设置]→[HTML5 平台]

将遥控器[主页]按钮指定为HTML5应用时

通过选择[网络应用程序]启用。

操作步骤: [Pro 设置] → [主页键行为]

设置后，请确认在[Pro 设置]→[HTML5平台]→[启动应用的URI]中反映了autorun.txt的startup_uri属性中指定的URI。

与显示器电源联动启动HTML5应用时

选择[启动app]以启用。

操作步骤: [Pro 设置] → [初始输入源]

设置后，请确认在[Pro 设置]→[HTML5平台]→[启动应用的URI]中反映了autorun.txt的startup_uri属性中指定的URI。

起动（显示）方法

HTML5应用配置在外部Web服务器上，并在manifest.json的web_url属性中指定HTTP/HTTPS的URL。
USB驱动器用于将要启动的应用URL注册到显示器并启动。

创建传输文件夹的方法

1. 在USB驱动器上配置文件

下载”显示网站”示例会很方便。将示例的/sony/目录复制到USB驱动器的根目录。

显示网站 示例ダウンロード

示例　显示网站

USB:/
├ /sony/
      ├ autorun.txt
      ├ apps/webapps/manifestjson_weburl/app/manifest.json
　　　　　├  manifest.json
2. 创建autorun.txt

使用示例时无需更改。如使用自定义应用ID，请在autorun.txt的auid中指定与manifest.json的auid相同的值。

示例　autorun.txt的auid

JSON
{
  "auid": "net.sony.tv.sample.manifestjson_weburl"
}
3. 在”web_url”中指定HTTP/HTTPS

设置manifest.json的web_url属性。

示例　HTML5应用启动时显示”http://example.com/“

JSON
{
  "name": {
    "default": "en_US",
    "en_US": "<app display name>"
  },
  "auid": "net.sony.tv.sample.manifestjson_weburl",
  "version": "1.0",
  "manifest_version": "1.0",
  "app": {
    "launch": {
      "web_url": "https://example.com/"  // 更改为要显示的URL
    }
  },
  "minimum_web_platform_version": "1.0"
}
JSON
4. 将USB驱动器插入显示器

将USB驱动器插入显示器后，将根据autorun.txt自动执行启动处理，并显示web_url中指定的网站。

注意

  • 首次启动时可能会显示确认对话框。
  • 在web_url中指定”https”时，请注意以下事项。如显示器时间不正确，可能无法正常运行。
  1. 请确认显示器的日期和时间设置准确
  2. 请使用正式颁发的服务器证书
  3. 在[Pro 设置]→[HTML5平台]中将根证书导入显示器

通过USB驱动器启动

所需的显示器设置

HTML5应用注册管理

可配置证书注册和HTML5应用显示方向等。
操作步骤: [Pro 设置]→[HTML5 平台]

通过USB驱动器启动HTML5应用时

启用[启动Web应用程序]

将HTML5应用程序存储在USB存储器中启动时，需要设置此项。
操作步骤: [Pro 设置]→[USB驱动器自动运行]内

进行网络连接时

请根据环境配置所需设置。

SSID和安全设置

操作步骤: [Pro 设置]→[Wi-Fi接入点]　

与NTP服务器同步

操作步骤: [Pro 设置]→[NTP服务器]　

将遥控器[主页]按钮指定为HTML5应用时

通过选择[自定义菜单]启用。

操作步骤: [Pro 设置] → [主页键行为]

设置后，请确认在[Pro 设置]→[HTML5平台]→[启动应用的URI]中反映了autorun.txt的startup_uri属性中指定的URI。

与显示器电源联动启动HTML5应用时

选择[启动app]以启用。
操作步骤: [Pro 设置] → [初始输入源]

设置后，请确认在[Pro 设置]→[HTML5平台]→[启动应用的URI]中反映了autorun.txt的startup_uri属性中指定的URI。

从USB驱动器部署并启动

下载”启动本地应用”示例会很方便。将示例的/sony/目录复制到USB驱动器的根目录。

启动本地应用 示例ダウンロード

1. 在USB驱动器中配置文件

HTML、JS、CSS、图像等静态文件请配置在/doc/文件夹中。

示例　文件夹配置

USB:/
├ /sony/
    ├ autorun.txt
    └ apps/webapps/manifestjson_localpath/
        └ app/
            ├ manifest.json
            └ doc/
                └ index.html  // 启动页面（示例）

提示

  • “启动本地应用”示例的index.html参照video.mp4作为播放对象，但不包含video.mp4。请在/doc/文件夹中放置任意视频文件。
  • 建议将视频等大容量AV媒体文件放置在创建的/media/文件夹中。显示器可通过file://localhost/media/进行访问。
    详情请参阅此处

2.manifest.json的设置

使用示例时无需更改。如启动自定义文件，请在manifest.json的local_path属性中指定路径。

示例 manifest.json

JSON
{
  "name": {
    "default": "en_US",
    "en_US": "<app display name>"
  },
  "auid": "net.sony.tv.sample.manifestjson_localpath",
  "version": "1.0",
  "manifest_version": "1.0",
  "app": {
    "launch": {
      "local_path": "file://localhost/doc/index.html"  // 要启动的HTML文件路径
    }
  }
}

3. 在显示器上显示

将USB驱动器插入显示器后，将根据autorun.txt自动执行启动处理，并显示local_path中指定的页面。

内容更新方法

更新内容时，请根据要更新的文件修改/doc/或/media/文件夹中的文件。