CN105142011A

CN105142011A - 一种基于web的电视终端多屏互动方法与装置

Info

Publication number: CN105142011A
Application number: CN201510490598.1A
Authority: CN
Inventors: 马晓燕; 严春霞
Original assignee: Qingdao Hisense Electronics Co Ltd
Current assignee: Qingdao Hisense Electronics Co Ltd
Priority date: 2015-08-12
Filing date: 2015-08-12
Publication date: 2015-12-09

Abstract

本发明的实施例提供了一种基于web的电视终端多屏互动的方法与装置，涉及通信技术领域，所述方法包括：在第一终端设备电视机中构建web应用运行平台，基于所述平台集成HTML5应用和服务器，其他终端用户扫描所述HTML5应用的二维码或者输入URL地址，建立终端设备之间的websocket数据传输通道，实现包括本地文件和公共网络资源的数据信息的共享。该方法不需要依赖外置存储设备、终端设备只需具备浏览器功能，就可以实现点对点、点对多点、多点对多点的互通互动互享信息的用户体验效果。

Description

一种基于web的电视终端多屏互动方法与装置

技术领域

本发明涉及通信技术领域，特别涉及一种基于web的电视终端多屏互动方法与装置。

背景技术

随着移动互联网行业的迅猛发展，作为冲击产物的智能电视成为当前电视行业的潮流趋势，越来越多的功能也被植入到智能电视中，像视频通话、IE浏览、多屏互动等，它们在给用户带来方便的同时也提升了用户的体验。多屏互动功能是时下流行的一种电视功能。

所谓多屏互动是指在不同操作系统（IOS、Android、Win7等），以及不同的终端设备（智能手机、智能平板、电脑、TV等）之间可以相互兼容跨越操作，通过无线网络连接的方式，实现数字多媒体（高清视频、音频、图片等）内容的传输共享，同时可以同步不同屏幕的内容。

发明人在实现本发明的过程中发现：

目前的电视终端多屏互动方式，需要在各个终端设备中预置相应的应用，用户才可以享受此过程，而且还要受制于域的限制而不能共享信息。同时，对应的是点对点的操控，而不同实现一对多或者多对多的操控，并且受制于移动端系统的限制，如PC目前还没有实现对TV以及其他移动端的信息共享也不能实现对TV以及其他端的控制，这样给用户带来了一系列体验的局限性。

发明内容

为解决上述现有技术的问题，本发明的目的在于提供一种基于web的电视终端多屏互动方法和装置，能够实现数据信息在包括电视终端的各终端设备之间共享，提升了用户体验的质量。

为此，本发明提供了一种基于web的电视终端多屏互动方法，包括：

在第一终端电视机中构建web应用运行平台；

基于所述web应用运行平台将HTML5应用集成到电视平台中，所述HTML5应用是基于HTML5标准的web应用，具有跨平台的特性，可以实现一个应用兼容所有厂商设备控制，在电视平台中以本地应用相同的方式运行，并以图标的形式显示在电视屏幕上；

在第一终端电视机HTML5应用中集成二维码功能，使HTML5应用的各子应用二维码显示在电视屏幕上，供其他终端设备扫描打开的相应的应用链接；

在第一终端电视机的web应用运行平台中集成服务器，所述服务器可以通过websocket协议在各终端设备间进行数据信息的传递，所述数据信息包括公共网络和本地的多媒体，如视频、声音、图片等；

至少一个智能终端与第一终端电视机内置服务器建立websocket数据传输通道；

第一终端电视机内置的服务器通过websocket数据传输通道接收任意一个或者多个智能终端发送的信息发送给其他一个或者多个智能终端，所述终端设备包括第一终端电视机。

为达到上述目的，本发明还提供了一种基于web的电视终端多屏互动装置，包括Web应用运行平台模块和HTML5应用模块。

所述web应用运行平台模块具体包括：

Web应用管理单元，用于对基于web平台的应用进行管理，包括实现对HTML5应用的打包、管理，扩展集成websocket服务器模块以及扩展电视机的API（应用程式介面）接口等；

Chromium浏览器管理单元，用于实现对HTML5应用的浏览和解析，同时可随chromium浏览器内核升级更新引擎；

Websocket服务器单元，基于websocket协议实现多终端设备之间信息的传输。

所述HTML5应用模块包括：

用户界面管理单元，用于管理HTML5应用的呈现模式；

二维码管理单元，用于在HTML5应用中集成二维码功能，将应用的URL以二维码形式表示；

文件管理单元，用于智能终端用户进行本地文件的读写以及与服务器交互实现所述文件的传输。

Websocket通讯单元，用于通过标准的HTML5规范接口与服务器建立WebSocket协议通讯机制，为HTML5应用与服务器通讯服务。

综上所述，本发明提出的基于web的电视终端多屏互动方法只需在电视中添加一个基于Web应用运行平台的HTML5应用，当用户打开这个应用时，会显示一个二维码，用户通过手机、pad等终端设备扫描二维码或者输入相应的URL地址，就可以把自己拍摄的照片和视频流在电视和其他终端设备中看到。不依赖外置存储设备、移动端设备不需要安装各类插件，只要具备浏览器功能，就可以实现点对点、点对多点、多点对多点的域内与跨域的互通互动互享信息的用户体验效果。

附图说明

图1为多屏互动示意图

图2为电视终端设置图

图3为基于web的电视终端多屏互动方法示意图

图4为基于web的电视终端多屏互动装置web应用运行平台模块图

图5为基于web的电视终端多屏互动装置HTML5应用运行平台模块图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面结合附图及具体实施例对本发明作进一步的详细描述，显然，所描述的实施例只是本发明一部分实施例，而不是全部实施例。基于本发明的实施例，本领域的技术人员在不付出创造性劳动的前提下获取的其他实施例，都属于本发明保护的范围。

本发明涉及一种基于web的电视终端多屏互动方法及装置，包括在电视终端中集成基于Web应用运行平台的HTML5应用和服务器，其他终端用户通过扫描所述HTML5应用的二维码或者输入URL地址实现多终端设备之间的信息共享。该方法不需要依赖外置存储设备、终端设备不需要安装各类插件，只要具备浏览器功能，就可以实现如图1所示的多终端设备之间互通互动互享信息的用户体验效果。

如图2所示，本发明实施例提供的基于web的电视终端多屏互动方法需对电视机进行如下的设置，包括：

S201：在第一终端电视机中构建web应用运行平台；

所述web应用运行平台是指能够支撑HTML5应用运行的平台或者运行环境，可以是操作系统、HTML5运行环境、浏览器、浏览器引擎等。

所述web应用平台可以采用crosswalk架构，将chromium浏览器的引擎打包到HTML5应用中,采用chromium内核对HTML5应用做渲染和操作的支持，同时添加了对应用的打包和管理功能，使HTML5应用能够在电视平台中以本地应用的方式运行。

所述电视平台是指电视操作系统，包括Linux系统和Android系统。

所述chromium浏览器引擎可随chromium浏览器的内核的升级更新至最新的版本，添加新的功能，脱离平台浏览器内核版本的限制。

S202：基于所述web应用运行平台集成HTML5应用；

所述HTML5应用是基于HTML5标准的web应用，具有跨平台的特性，可以实现一个应用兼容所有厂商设备控制，在电视平台中可以以本地应用相同的方式运行，并以图标的形式显示在电视屏幕上。

S203：在HTML5应用中集成二维码功能，使所述HTML5应用的URL以二维码形式表示；

S204：基于web应用运行平台中集成服务器，所述服务器可以通过websocket协议实现多终端设备之间的信息传递。

在完成上述第一终端电视机的设置以后，本发明实施例提供的一种基于web的电视终端多屏互动方法包括如下步骤：

S301：第一终端电视机与内置服务器建立websocket数据传输通道；

可以通过以下形式触发与服务器的websocket连接，包括：

第一终端电视机点击屏幕上的HTML5应用图标触发建立与内置服务器的websocket数据连接；

具体的，第一终端电视机与服务器建立websocket数据传输通道包括：

第一终端电视机向内置服务器发送websocket握手请求；

第一终端电视机接收所述服务器返回的握手响应；所述握手响应是所述服务器对所述第一终端电视机发送的握手请求的响应。

S302：第一终端电视机向至少一个第二终端发送数据信息；

具体为所述第一终端电视机通过websocket数据传输通道经内置服务器向至少一个第二终端发送数据信息。

其中经由服务器向至少一个第二终端发送数据信息之前所述至少一个第二终端需与内置服务器建立websocket数据连接。

所述推送信息包括本地设备和公共网络的信息资源，可以为图片、视频、写字板等各种形式。

S303：所述第一终端电视机接收其他终端发送的数据信息。

具体为所述至少一个第二终端通过websocket数据传输通道接收所述服务器推送的数据信息，以点击HTML5应用的形式浏览。

S304：第一终端电视机关闭与服务器建立的websocket数据传输通道

在完成上述第一电视终端的设置以后，本发明实施例提供的另一种基于web的电视终端多屏互动方法步骤如下：

S401：至少一个第二终端与第一电视终端内置服务器建立websocket数据传输通道；

可以通过以下形式触发与服务器的websocket连接，包括：

所述至少一个第二终端扫描第一电视终端HTML5应用的二维码或者输入所述HTML5应用的地址信息URL(UniformResourceLocator)；

所述至少一个第二终端打开与所述HTML5应用对应的浏览器页面。

所述至少一个第二终端与第一电视终端内置服务器的建立websocket数据传输通道，具体为：

所述至少一个第二终端向所述服务器发送websocket握手请求；

所述至少一个第二终端接收所述服务器返回的握手响应；所述握手响应是所述服务器对所述至少第二终端发送的握手请求的响应。

S402：所述至少一个第二终端向其他终端发送数据信息；

包括：

所述至少一个第二终端通过websocket数据传输通道经第一电视终端内置服务器向第一电视终端发送数据信息。

其中经由服务器向第一电视终端发送数据信息之前所述第一电视终端需与内置服务器建立websocket数据连接。

所述至少一个第二终端通过websockst数据传输通道经第一电视终端内置服务器向至少一个与服务器建立websocket连接的其他第二终端发送数据信息。

所述至少一个第二终端通过websockst数据传输通道经第一电视终端内置服务器向第一电视终端和至少一个与服务器建立websocket连接的其他第二终端发送数据信息。

S403：所述至少一个第二终端接收其他终端发送的数据信息。

具体为所述至少一个第二终端通过websocket数据传输通道接收所述服务器推送的数据信息；

S404：至少一个第二终端关闭与服务器的websocket数据传输通道。

本发明提供了一种基于web的电视终端多屏互动设备的实施例，包括：

Web应用运行平台模块，用于提供能够支撑HTML5应用运行的平台或者运行环境（可以是操作系统、浏览器、浏览器引擎）；

HTML5应用模块，用于对安装的HTML5应用进行管理；

通讯模块，用于实现与其他终端设备的数据信息共享。

所述Web应用运行平台模块包括以下单元：

Web应用管理单元，负责打包、管理HTML5应用，使HTML5应用可以以电视设备本地应用的方式运行，还可以实现websocket服务器的扩展集成模块以及电视设备API的扩展；

Chromium内核单元，实现对HTML5应用的加载使其在电视平台中渲染和显示，同时该单元可随着chromium内核的升级更新；

Websocket服务器单元，用于实现数据信息的存储以及数据信息在各终端设备之间的传输。

所述HTML5应用模块包括：

用户界面管理单元，用于管理HTML5应用中各子应用的呈现形式；具体的包括HTML5应用的应用图标和二维码图标的显示和隐藏的管理；HTML5应用URL的显示；对应用的各种人性化定制管理和界面显示；通过界面“一键操控”进行各子应用的管理等。

二维码管理单元，用于实现将所述HTML5应用以二维码的形式呈现；

文件管理单元，用于对终端设备本地文件进行管理，包括文件读取和传输，通过文件读取可以获取本地的图片、视频等信息，通过传输可以实现本地文件的推送；

WebSocket终端通讯单元，用于与服务端通过标准的HTML5规范接口，建立WebSocket协议通讯机制，为HTML5应用与服务端通讯服务。

Claims

1.一种基于web的电视终端多屏互动方法，其特征在于，所述方法包括：

第一终端电视机构建web应用运行平台；

所述第一终端电视机基于所述web应用运行平台构集成HTML5应用；

所述HTML5应用是基于HTML5标准的web应用，在电视桌面上以图标的形式显示，可以以本地相同的启动方式运行；

所述第一终端电视机基于所述web应用运行平台内置服务器，所述服务器可以通过网页套接字协议（websocket）与多终端设备建立websocket数据传输通道进行信息传递；

所述第一终端电视机通过所述websocket数据传输通道，经由所述内置服务器向至少一个第二终端发送数据信息；

所述第一终端电视机通过所述websocket数据传输通道，接收所述至少一个第二终端经所述内置服务器发送的数据信息，通过点击HTML5应用进行浏览。

2.根据权利要求1所述的方法，其特征在于，所述第一终端电视机的web应用运行平台采用crosswalk架构，将chromium浏览器引擎打包到所述HTML5应用中；

所述chromium浏览器引擎可随chromium浏览器内核的升级进行更新。

3.根据权利要求1所述的方法，其特征在于所述至少一个第二终端发送的数据信息包括公共网和本地的多媒体信息，如视频、图片、文字等。

4.根据权利要求1所述方法，其特征在于所述第一终端电视机通过所述websocket数据传输通道，经由所述内置服务器向至少一个第二终端发送数据信息，具体包括：

所述第一终端电视机与所述服务器建立websocket数据传输通道；

所述第一终端电视机将所述数据信息推送至服务器；

所述服务器将所述第一终端电视机推送的数据信息发送至所述至少一个第二终端。

5.根据权利要求4所述方法，其特征在于所述服务器将所述第一终端电视机推送的数据信息发送至所述至少一个第二终端之前需满足：所述至少一个第二终端与所述服务器建立websocket数据传输通道。

6.根据权利要求4所述方法，其特征在于所述第一终端电视机与所述服务器建立websocket数据传输通道具体包括：

所述第一终端电视机向所述服务器发送握手请求；

所述第一终端电视机接收所述服务器返回的握手响应；

所述第一终端电视机建立与所述服务器之间的websocket数据传输通道。

7.根据权利要求1所述的方法，特征在于，所述第一终端机电视机通过所述服务器接收至少一个第二终端发送的数据信息，通过点击HTML5应用进行浏览具体为：

所述第一终端电视机建立与所述服务器之间的websocket数据传输通道；

所述第一终端电视机接收所述服务器推送的至少一个第二终端发送的数据信息；

所述第一终端电视机通过点击HTML5应用的形式浏览所述数据信息。

8.根据权利要求1所述方法，其特征在于，在所述第一终端电视机完成数据信息的发送或接收后，所述方法还包括：

所述第一电视终端关闭与所述服务器建立的websocket数据传输通道。

9.根据权利要求1所述方法，其特征在于，所述方法还包括：

所述第一终端电视机集成二维码功能，将所述HTML5应用的二维码显示在所述第一终端电视机屏幕上;

所述至少一个第二终端扫描第一终端电视机HTML5应用的二维码或者输入所述HTML5应用的地址信息URL(UniformResourceLocator)；

所述至少一个第二终端与服务器建立websocket数据传输通道；

所述至少一个第二终端通过所述websocket数据传输通道，经由所述服务器向所述第一终端电视机或者其他第二终端发送数据信息；

所述至少一个第二终端通过所述websocket数据传输通道，接收所述第一终端电视机或者其他至少一个第二终端经所述服务器发送的数据信息。

10.根据权利要求9所述方法，其特征在于，在所述第二终端完成所述数据消息的发送或接受后，所述方法还包括：

所述第二终端关闭与所述服务器建立的websocket数据传输通道。

11.一种基于web的电视终端多屏互动装置，其特征在于，所述装置包括：

HTML5应用模块，用于构建HTML5应用，实现跨平台兼容多个终端设备。

12.根据权利要求11所述装置，其特征在于，所述web应用运行平台模块包括：

Web应用管理单元，实现打包、管理HTML5应用、扩展集成websocket服务端模块以及扩展电视设备的API；

Chromium内核管理单元，用于实现对HTML5应用的浏览和解析，可随chromium内核的升级而更新；

Websocket服务器单元，用于实现数据信息的存储以及传输。

13.根据权利要求11所述装置，其特征在于，所述HTML5应用模块包括：

用户界面管理单元，用于管理HTML5应用中各子应用的呈现形式；

二维码管理单元，用于实现将所述HTML5应用的URL以二维码的形式呈现；

文件管理单元，用于客户端进行本地文件的读写操作，同时与服务器进行本地文件的传输；

WebSocket客户端通讯单元，用于与服务端通过标准的HTML5规范接口，建立WebSocket协议通讯机制，为HTML5应用与服务端通讯服务。