CN103607625A - 基于超文本标记语言实现多屏协同的系统及方法 - Google Patents

Abstract

本发明涉及基于超文本标记语言实现多屏协同的系统及方法。本发明要解决的技术问题是克服现有技术中智能电视使用不便的缺点，提供基于超文本标记语言实现多屏协同的系统及方法。采用的技术方案可概括为：基于超文本标记语言实现多屏协同的方法，包括以下步骤：建立网络服务器，并设置需多屏协同的超文本标记语言页面；智能电视生成多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；智能电视判断是否有移动终端与其相连接，若有，则向移动终端发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数，移动终端接收该请求，解析并加载统一资源定位符，显示超文本标记语言页面；否则完成操作；适用于多屏协同系统。

Description

基于超文本标记语言实现多屏协同的系统及方法

技术领域

本发明涉及一种基于超文本标记语言实现多屏协同的系统及方法。

背景技术

目前，随着技术的进步，各种智能设备越来越多，功能也越来越强大。例如智能电视作为显示终端，不仅能够接入互联网，实现网上冲浪，以便从互联网上获取各种网络资源；同时，用户还能自行安装卸载各种软件、游戏等第三方提供的应用，从而具有娱乐中心的功能。

而目前移动终端的功能日益强大，且输入方式多样化，为了便于用户控制显示终端，可以考虑利用移动终端控制显示终端。另外用户在浏览移动电子设备时，遇到感兴趣的图片、视频等，能够通过AIRPLAY、DLNA、WIDI、IGRS、Miracast等协议同步到显示终端上展示。从而能够实现显示终端显示移动电子设备中的内容，实现多屏互动。反过来，在使用智能电视时，也可以通过上述方式，将电视上的内容同步显示到移动终端上。

然而，目前利用智能电视的遥控器的物理按键进行输入的局限性给用户操作带来许多不便；且智能电视没有加速度传感器、陀螺仪等模块，大部分能够在移动终端使用的应用在智能电视上都无法使用。

发明内容

本发明所要解决的技术问题是克服现有技术中智能电视使用不便的缺点，提供一种基于超文本标记语言实现多屏协同的系统及方法，能够利用移动终端作为智能电视的辅助显示设备和辅助控制设备，当用户使用智能电视时，在移动终端上显示协同界面。

本发明解决其技术问题所采用的技术方案是：基于超文本标记语言实现多屏协同的系统，包括智能电视、网络服务器及至少一个移动终端，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与网络服务器及服务端模块连接，

所述应用模块用于向服务端模块发送多屏协同显示请求，并将需要移动终端显示的超文本标记语言页面的统一资源定位符作为参数，接收并处理服务端模块发送的控制命令，并在处理完成后向服务端模块反馈结果；

所述服务端模块用于实现应用模块与客户端模块之间的通信，接收应用模块发送的多屏协同显示请求，向客户端模块发送该请求，并把需要显示的超文本标记语言页面统一资源定位符作为参数，接收客户端模块发送的控制命令，并转发给应用模块，且将应用模块的反馈数据转发给客户端模块；

所述客户端模块用于从网络服务器获取并显示服务端模块指定的超文本标记语言页面，向服务端模块发送控制命令，并接收服务端模块发送的反馈结果。

具体的，客户端模块根据服务端模块发送的统一资源定位符参数，从网络服务器获取并显示指定的超文本标记语言页面。

具体的，所述移动终端包括手机、平板电脑或笔记本。

本发明解决其技术问题所采用的另一个技术方案是：基于超文本标记语言实现多屏协同的方法，包括以下步骤：

A1.建立网络服务器，并设置需要多屏协同的超文本标记语言页面；

B1.智能电视生成多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

C1.智能电视判断是否有移动终端与其相连接，若有，进入步骤D1，否则进入步骤F1；

D1.智能电视向移动终端发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

E1.移动终端接收该请求，解析并加载统一资源定位符，显示超文本标记语言页面；

F1.完成操作。

具体的，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与服务端模块连接。

进一步的，步骤B1具体为：

B11.应用模块向服务端模块发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

B12.服务端模块接收该请求。

进一步的，步骤C1具体为：

服务端模块接收该请求，判断是否有客户端模块与服务端模块进行通信，若有，进入步骤D1，否则进入步骤F1。

本发明解决其技术问题所采用的又一个技术方案是：一种基于超文本标记语言实现多屏协同的方法，包括以下步骤：

A2.建立网络服务器，并设置需要多屏协同的超文本标记语言页面；

B2.移动终端将操作命令发送给智能电视；

C2.智能电视接收并处理操作命令，并将反馈结果发送给移动终端。

具体的，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与服务端模块连接。

进一步的，步骤C2具体为

C21.服务端模块接收操作命令，并将其转发给应用模块；

C22.应用模块处理操作命令，并将反馈结果发送给服务端模块；

C23.服务端模块将反馈结果发送给客户端。

本发明的有益效果是：结构简单，易于实现，成本低廉，增强操作灵活性与便捷性，彻底解决遥控器输入的局限性，能够有效提高用户体验感。本发明适用于多屏协同系统。

附图说明

图1是本发明的系统结构示意图；

图2是本发明的一种方法的实施例操作流程图；

图3是本发明的另一种方法的实施例操作流程图。

具体实施方式

下面结合附图，详细描述本发明的技术方案。

如图1所示，本发明的基于超文本标记语言实现多屏协同的系统，包括智能电视、网络服务器及至少一个移动终端，所述智能电视包括服务端模块与至少一个应用模块，例如有n个应用模块，每个应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与网络服务器及服务端模块连接，

所述应用模块用于向服务端模块发送或接收多屏协同显示请求，并将需要移动终端显示的超文本标记语言（HTML）页面的统一资源定位符（Uniform Resource Locator，URL）作为参数，接收并处理服务端模块发送的控制命令，并在处理完成后向服务端模块反馈结果；

所述服务端模块用于实现应用模块与客户端模块之间的通信，接收应用模块发送的多屏协同显示请求，向客户端模块发送该请求，并把需要显示的超文本标记语言页面统一资源定位符作为参数，接收客户端模块发送的控制命令，并转发给应用模块，且将应用模块的反馈数据转发给客户端模块；

所述客户端模块用于从网络服务器获取并显示服务端模块指定的超文本标记语言页面，向服务端模块发送控制命令，并接收服务端模块发送的反馈结果。

网络服务器可以在互联网上，也可以在局域网如家庭网络内的任意设备上，包括智能电视、移动终端等。若在智能电视内，则可对外提供HTTP服务。

实质上，应用模块为智能电视上的应用程序的一部分，每个需要使用多屏协同的应用都有一个应用模块。当应用程序需要移动终端协同显示页面时，通过应用模块向服务端模块发送请求，并把需要移动终端显示的HTML页面URL作为参数，URL可以是本地地址，也可以是互联网上的地址；用户通过移动终端显示的HTML页面控制智能电视时，应用模块接受从服务端模块发送的请求，并在处理完成后返回结果。

超文本标记语言HTML是标准通用标记语言下的一个应用。“超文本”就是指页面内可包含图片、链接，甚至音乐、程序等非文字元素。其语言文档制作较为简单，但功能强大，支持不同数据格式的文件镶入，且具有简易性、可扩展性强、与平台无关，使用范围广。将使得智能电视无需加速度传感器、陀螺仪等模块，依然能够实现输入.

URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

服务端模块一般在智能电视的后台作为一个服务运行，负责应用模块与客户端模块之间的通信，每台智能电视上只有一个服务端模块。接受应用模块的多屏协同显示请求，并将该请求转发给移动终端上的客户端模块，并把需要显示的HTML页面URL作为参数，URL可以是本地地址，也可以是互联网上的地址；此外，还可接收移动终端上的客户端模块向智能电视的应用模块发送的控制命令，并把接收到的控制命令发送至对应的应用模块；应用模块返回结果后，服务的模块再把结果作为返回值发送到发出请求的客户端模块。

客户端模块在如手机、平板电脑或笔记本的移动终端上运行，负责与智能电视的服务端模块通信以及显示指定的URL页面。客户端模块接收到服务端模块发送的显示命令后，根据URL地址，从对应的WEB服务器获取需要显示的HTML页面，并在屏幕上显示出来；客户端页面显示出来后，用户可以通过操作页面控制智能电视，客户端模块把控制命令发送到服务端模块。客户端模块与服务端模块之间采用UPNP（即插即用，Universal Plug and Play）协议进行通信，该协议简单，使用方便。

本系统能够克服利用智能电视的遥控器的物理按键进行输入的局限性，同时也能够在智能电视没有加速度传感器、陀螺仪等模块，依然能够实现多屏协同的操作功能。

本发明的基于超文本标记语言实现多屏协同的方法，包括以下步骤：

A1.建立网络服务器，并设置需要多屏协同的超文本标记语言页面；

B1.智能电视生成多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

C1.智能电视判断是否有移动终端与其相连接，若有，进入步骤D1，否则进入步骤F1；

D1.智能电视向移动终端发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

E1.移动终端接收该请求，解析并加载统一资源定位符，显示超文本标记语言页面；

F1.完成操作。

本发明的另一种基于超文本标记语言实现多屏协同的方法，包括以下步骤：

A2.建立网络服务器，并设置需要多屏协同的超文本标记语言页面；

B2.移动终端将操作命令发送给智能电视；

C2.智能电视接收并处理操作命令，并将反馈结果发送给移动终端。

实施例

如图2所示是基于超文本标记语言实现多屏协同的方法实施例的操作流程图，具体而言，是应用模块控制客户端模块进行协同显示的流程图，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与服务端模块连接。因此，包括以下步骤：

A1.建立网络服务器，并设置需多屏协同的超文本标记语言页面；

B1.应用模块向服务端模块发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

C1.服务端模块接收该请求，判断是否有客户端模块与服务端模块进行通信，若有，进入步骤D1，否则进入步骤F1；

D1.服务端模块向客户端模块发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

具体的，客户端模块与服务端模块之间采用UPNP（即插即用，Universal Plug and Play）协议进行通信，该协议简单，使用方便。

E1.客户端模块接收该请求，解析并加载统一资源定位符，显示超文本标记语言页面；

F1.完成操作。

一般的在具体实现过程中，在客户端模块启动时，通过UPNP协议扫描家庭局域网内的服务端模块，用户选择一个服务端后连接上；客户端连接上服务端模块后，通过UPNP发送获取当前页面请求；服务端默认情况下提供一个默认控制页面，返回给客户端模块；客户端模块加载页面并显示。

应用模块通过进程间通信方式向服务端模块发送多屏协同显示请求，并且把要现实的HTML页面URL地址作为参数；服务端模块发接收到命令后，缓存当前URL地址。如果有客户端模块连接上服务端模块，则通过UPNP协议将请求发送到客户端模块，并把当前URL作为参数；客户端模块接收到命令后，通过HTTP协议从URL指定的网络服务器上获取页面，然后显示页面；页面上显示的内容可以通过客户端模块从应用模块获取。

如图3所示是一种基于超文本标记语言实现多屏协同的方法的操作流程图，具体而言，是客户端模块向应用模块发送控制命令的流程图，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与服务端模块连接。因此，包括以下步骤：

A2.建立网络服务器，并设置需多屏协同的超文本标记语言页面；

B2.启动客户端模块，将操作命令发送给服务端模块；

C2.服务端模块接收操作命令，并将其转发给应用模块；

D2.应用模块处理操作命令，并将反馈结果发送给服务端模块；

E2.服务端模块将反馈结果发送给客户端。

一般的在具体实现过程中，在客户端模块启动时，通过UPNP协议扫描家庭局域网内的服务端模块，用户选择一个服务端后连接上；客户端连接上服务端模块后，通过UPNP发送获取当前页面请求；服务端默认情况下提供一个默认控制页面，返回给客户端模块；客户端模块加载页面并显示。

如图3中流程开始后，用户操作客户端模块时，根据用户操作，客户端模块中显示的HTML页面通过Javascript和客户端模块，用UPNP协议发送命令到服务端模块，命令采用JSON格式；服务端模块接收到客户端发送的命令后，将命令转发至当前应用模块；应用模块接收到命令后处理，并把反馈结果发送到服务端模块；服务端模块再将反馈结果发送至发送命令的客户端。

本发明中，智能电视和移动终端可以显示不同的内容，可在移动终端上显示能够辅助用户更好的使用智能电视的内容。比如：在智能电视上看数字电视时，可以在移动终端上显示频道列表、节目预告等信息，用户可以在移动终端上浏览并选择电视节目；在智能电视上玩体感游戏时，利用移动终端作为控制手柄，把手机上相应的传感器数据发送到电视上作为输入数据；在智能电视上输入内容时，在移动终端上显示输入框，用户在移动终端备输入的数据直接显示在智能电视上。

网络服务器上的HTML页面只是一个显示的框架，具体显示内容可以从应用模块获取。应用模块也可以通过控制命令动态刷新客户端模块HTML页面上显示的内容。此外，客户端模块可以将移动终端作为智能电视的输入设备，将移动终端上的传感器数据发送到智能电视或者应用模块，达到用手机控制智能电视的目的。

Claims (10)

1.基于超文本标记语言实现多屏协同的系统，其特征在于，包括智能电视、网络服务器及至少一个移动终端，所述智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与网络服务器及服务端模块连接，

所述应用模块用于向服务端模块发送多屏协同显示请求，并将需要移动终端显示的超文本标记语言页面的统一资源定位符作为参数，接收并处理服务端模块发送的控制命令，并在处理完成后向服务端模块反馈结果；

所述服务端模块用于实现应用模块与客户端模块之间的通信，接收应用模块发送的多屏协同显示请求，向客户端模块发送该请求，并把需要显示的超文本标记语言页面统一资源定位符作为参数，接收客户端模块发送的控制命令，并转发给应用模块，且将应用模块的反馈数据转发给客户端模块；

所述客户端模块用于从网络服务器获取并显示服务端模块指定的超文本标记语言页面，向服务端模块发送控制命令，并接收服务端模块发送的反馈结果。

2.如权利要求1所述的基于超文本标记语言实现多屏协同的系统，其特征在于，客户端模块根据服务端模块发送的统一资源定位符参数，从网络服务器获取并显示指定的超文本标记语言页面。

3.如权利要求1或2所述的基于超文本标记语言实现多屏协同的系统，其特征在于，所述移动终端包括手机、平板电脑或笔记本。

4.基于超文本标记语言实现多屏协同的方法，其特征在于，包括以下步骤：

A1.建立网络服务器，并设置需要多屏协同的超文本标记语言页面；

B1.智能电视生成多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

C1.智能电视判断是否有移动终端与其相连接，若有，进入步骤D1，否则进入步骤F1；

D1.智能电视向移动终端发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

E1.移动终端接收该请求，解析并加载统一资源定位符，显示超文本标记语言页面；

F1.完成操作。

5.如权利要求4所述的基于超文本标记语言实现多屏协同的方法，其特征在于，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与服务端模块连接。

6.如权利要求5所述的基于超文本标记语言实现多屏协同的方法，其特征在于，步骤B1具体为：

B11.应用模块向服务端模块发送多屏协同显示请求，并将超文本标记语言页面统一资源定位符作为参数；

B12.服务端模块接收该请求。

7.如权利要求6所述的基于超文本标记语言实现多屏协同的方法，其特征在于，步骤C1具体为：

服务端模块接收该请求，判断是否有客户端模块与服务端模块进行通信，若有，进入步骤D1，否则进入步骤F1。

8.一种基于超文本标记语言实现多屏协同的方法，其特征在于，包括以下步骤：

A2.建立网络服务器，并设置需要多屏协同的超文本标记语言页面；

B2.移动终端将操作命令发送给智能电视；

C2.智能电视接收并处理操作命令，并将反馈结果发送给移动终端。

9.如权利要求8所述的一种基于超文本标记语言实现多屏协同的方法，其特征在于，智能电视包括服务端模块与至少一个应用模块，应用模块与服务端模块相连，移动终端包括客户端模块，客户端模块与服务端模块连接。

10.如权利要求9所述的一种基于超文本标记语言实现多屏协同的方法，其特征在于，步骤C2具体为

C21.服务端模块接收操作命令，并将其转发给应用模块；

C22.应用模块处理操作命令，并将反馈结果发送给服务端模块；

C23.服务端模块将反馈结果发送给客户端。

Images