CN117609651A - 一种显示设备及网页的投屏方法 - Google Patents

Abstract

本申请提供一种显示设备及网页的投屏方法，方法包括响应于移动终端基于用户数据包协议发出的设备发现请求，配置移动终端与显示设备之间的传输协议，并基于传输协议建立移动终端与显示设备的交互通道；响应于移动终端发出的对投屏网页的投屏请求，基于交互通道和传输协议获取移动终端输入的投屏地址，并监听移动终端对投屏网页的操作事件，再根据操作事件生成网页控制指令以及在投屏网页上执行网页控制指令。所述方法可以基于传输协议建立交互通道，使显示设备基于交互通道和传输协议获取移动终端的投屏地址，加载该投屏地址并生成投屏画面，同时可以同步执行在投屏地址上的网页控制指令，解决显示设备无法实现网页投屏的问题。

Description

一种显示设备及网页的投屏方法

技术领域

本申请涉及投屏技术领域，尤其涉及一种显示设备及网页的投屏方法。

背景技术

显示设备因其屏幕尺寸较大的属性，可以将移动终端等投屏发起设备中显示的画面投屏到投屏接收设备如显示设备中。例如，手机等移动终端的屏幕较小，观看媒资时可能会影响观看体验，针对该场景，可以将移动终端中播放的图片、视频等媒资投屏到电视中，这样，显示设备可以实时显示移动终端发送的投屏数据所对应的投屏内容，通过显示设备的大屏提升用户的观看体验。

在执行投屏的过程中，可以通过多种方式实现投屏操作。例如，可以基于数字生活联盟(Digital Living Network Alliance，DLNA)协议来实现投屏，以下简称DLNA协议。DLNA协议的主要内容是实现投屏发起设备和投屏接收设备间的媒资共享。例如，可以通过一些交互指令将手机等移动终端中的图片或者视频等媒资投送到电视等显示设备中，通过显示设备执行显示和播放。

但是，DLNA协议仅支持图片、音频、视频的格式，不支持网页投屏。当移动终端执行网页浏览时，在显示设备无法实现网页投屏。

发明内容

本申请一些实施例提供一种显示设备及网页的投屏方法，以解决显示设备无法实现网页投屏的问题。

第一方面，本申请一些实施例提供一种显示设备，包括：

显示器，被配置为显示用户界面；

通信器，被配置为与移动终端建立投屏连接；

控制器，被配置为：

响应于移动终端基于用户数据包协议发出的设备发现请求，根据所述设备发现请求配置所述移动终端与所述显示设备之间的传输协议；

基于所述传输协议建立所述移动终端与所述显示设备的交互通道；

响应于移动终端发出的对投屏网页的投屏请求，基于所述交互通道和所述传输协议获取所述移动终端输入的投屏地址；

监听所述移动终端对所述投屏网页的操作事件；

根据所述操作事件生成网页控制指令，以及在所述投屏网页上执行所述网页控制指令。

第二方面，本申请一些实施例提供一种网页的投屏方法，可以应用于第一方面的显示设备，所述网页的投屏方法包括：

响应于移动终端基于用户数据包协议发出的设备发现请求，根据所述设备发现请求配置所述移动终端与所述显示设备之间的传输协议；

基于所述传输协议建立所述移动终端与所述显示设备的交互通道；

响应于移动终端发出的对投屏网页的投屏请求，基于所述交互通道和所述传输协议获取所述移动终端输入的投屏地址；

监听所述移动终端对所述投屏网页的操作事件；

根据所述操作事件生成网页控制指令，以及在所述投屏网页上执行所述网页控制指令。

由以上技术方案可知，本申请一些实施例提供一种显示设备及网页的投屏方法，包括响应于移动终端基于用户数据包协议发出的设备发现请求，配置移动终端与显示设备之间的传输协议，并基于传输协议建立移动终端与显示设备的交互通道；响应于移动终端发出的对投屏网页的投屏请求，基于交互通道和传输协议获取移动终端输入的投屏地址，并监听移动终端对投屏网页的操作事件，再根据操作事件生成网页控制指令以及在投屏网页上执行网页控制指令。所述方法可以基于传输协议建立交互通道，使显示设备基于交互通道和传输协议获取移动终端的投屏地址，加载该投屏地址并生成投屏画面，同时可以同步执行在投屏地址上的网页控制指令，解决显示设备无法实现网页投屏的问题。

附图说明

为了更清楚地说明本申请一些实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1为本申请一些实施例提供的显示设备与控制设备之间操作场景的示意图；

图2为本申请一些实施例提供的显示设备200的硬件配置框图；

图3为本申请一些实施例提供的控制设备的硬件配置框图；

图4为本申请一些实施例提供的显示设备中软件配置示意图；

图5为本申请一些实施例提供的显示设备执行网页的投屏方法流程示意图；

图6为本申请一些实施例提供的移动终端与显示设备投屏的效果示意图；

图7为本申请一些实施例提供的显示设备基于交互通道和传输协议获取移动终端输入的投屏地址的流程示意图；

图8为本申请一些实施例提供的移动终端根据搜索包生成显示设备列表的示意图；

图9为本申请一些实施例提供的移动终端显示网址页面的示意图；

图10为本申请一些实施例提供的显示设备加载投屏地址以生成投屏网页的投屏画面的流程示意图；

图11为本申请一些实施例提供的显示设备控制投屏网页的流程示意图；

图12为本申请一些实施例提供的显示设备通过虚拟遥控器操作类型或滑动操作类型触控投屏网页的场景示意图；

图13为本申请一些实施例提供的显示设备与移动终端执行输入同步的流程示意图；

图14为本申请一些实施例提供的网页的投屏方法流程示意图。

具体实施方式

为使本申请一些实施例的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请一些实施例技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。

需要说明的是，本申请一些实施例中对于术语的简要说明，仅是为了方便理解接下来描述的实施方式，而不是意图限定本申请一些实施例的实施方式。除非另有说明，这些术语应当按照其普通和通常的含义理解。

本申请一些实施例中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体，而不必然意味着限定特定的顺序或先后次序，除非另外注明。应该理解这样使用的用语在适当情况下可以互换。

术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不排他的包含，例如，包含了一系列组件的产品或设备不必限于清楚地列出的所有组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。

术语“模块”是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。

图1为本申请一些实施例提供的显示设备与控制设备之间操作场景的示意图。如图1中示出，用户可通过移动终端300和控制设备100操作显示设备200。

在一些实施例中，移动终端300可与显示设备200安装软件应用，通过网络通信协议实现连接通信，实现一对一控制操作和数据通信的目的。也可以将移动终端300上显示音视频内容传输到显示设备200上，实现同步显示功能。

如图1中还示出，显示设备200还与服务器400通过多种通信方式进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。

显示设备200除了提供广播接收电视功能之外，还可以附加提供计算机支持功能的智能网络电视功能，包括但不限于，网络电视、智能电视、互联网协议电视(IPTV)等。

图2为本申请一些实施例提供的图1中显示设备200的硬件配置框图。

在一些实施例中，显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。

在一些实施例中，检测器230用于采集外部环境或与外部交互的信号。

在一些实施例中，显示器260包括用于呈现画面的显示屏组件，以及驱动图像显示的驱动组件，用于接收源自控制器输出的图像信号，进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面等。

在一些实施例中，通信器220是用于根据各种通信协议类型与外部设备或服务器400进行通信的组件。

在一些实施例中，控制器250，通过存储在存储器上中各种软件控制程序，来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。

在一些实施例中，用户可在显示器260上显示的图形用户界面(GUI)输入用户命令，则用户输入接口通过图形用户界面(GUI)接收用户输入命令。

在一些实施例中，用户接口280，为可用于接收控制输入的接口。

图3为本申请一些实施例提供的图1中控制设备的硬件配置框图。如图3所示，控制设备100包括控制器110、通信接口130、用户输入/输出接口、存储器、供电电源。

控制设备100被配置为控制显示设备200，以及可接收用户的输入操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起到用户与显示设备200之间交互中介作用。

在一些实施例中，控制设备100可是一种智能设备。如：控制设备100可根据用户需求安装控制显示设备200的各种应用。

在一些实施例中，如图1所示，移动终端300或其他智能电子设备，可在安装操控显示设备200的应用之后，可以起到控制设备100类似功能。

控制器110包括处理器单元112和RAM 113和ROM 114、通信接口130以及通信总线。控制器110用于控制控制设备100的运行和操作，以及内部各部件之间通信协作以及外部和内部的数据处理功能。

通信接口130在控制器110的控制下，实现与显示设备200之间控制信号和数据信号的通信。通信接口130可包括WiFi芯片131、蓝牙模块132、NFC模块133等其他近场通信模块中至少之一种。

用户输入/输出接口140，其中，输入接口包括麦克风141、触摸板142、传感器143、按键144等其他输入接口中至少一者。

在一些实施例中，控制设备100包括通信接口130和输入输出接口140中至少一者。控制设备100中配置通信接口130，如：WiFi、蓝牙、NFC等模块，可将用户输入指令通过WiFi协议、或蓝牙协议、或NFC协议编码，发送至显示设备200。

存储器190，用于在控制器的控制下存储驱动和控制控制设备100的各种运行程序、数据和应用。存储器190，可以存储用户输入的各类控制信号指令。

供电电源180，用于在控制器的控制下为控制设备100各元件提供运行电力支持。

图4为本申请一些实施例提供的图1中显示设备中软件配置示意图，在一些实施例中，将系统分为四层，从上至下分别为应用程序(Applications)层(简称“应用层”)、应用程序框架(Application Framework)层(简称“框架层”)和系统库层(简称“系统运行库层”)，以及内核层。

在一些实施例中，应用程序层中运行有至少一个应用程序，这些应用程序可以是操作系统自带的窗口(Window)程序、系统设置程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序。

框架层为应用程序层的应用程序提供应用编程接口(Aplication PogrammingIterface，API)和编程框架。应用程序框架层包括一些预先定义的函数。应用程序框架层相当于一个处理中心，这个中心决定让应用层中的应用程序做出动作。

如图4所示，本申请一些实施例中应用程序框架层包括管理器(Managers)、内容提供者(Content Provider)和视图系统(View System)等。其中管理器包括以下模块中的至少一个：活动管理器(Activity Manager)用与和系统中正在运行的所有活动进行交互；位置管理器(Location Manager)用于给系统服务或应用提供了系统位置服务的访问；文件包管理器(Package Manager)用于检索当前安装在设备上的应用程序包相关的各种信息；通知管理器(Notification Manager)用于控制通知消息的显示和清除；窗口管理器(WindowManager)用于管理用户界面上的括图标、窗口、工具栏、壁纸和桌面部件。

在一些实施例中，活动管理器用于：管理各个应用程序的生命周期以及通常的导航回退功能。

在一些实施例中，窗口管理器用于管理所有的窗口程序。

在一些实施例中，系统运行库层为上层即框架层提供支撑，当框架层被访问时，操作系统会运行系统运行库层中包含的C/C++库以实现框架层要实现的功能。

在一些实施例中，内核层是硬件和软件之间的层。如图4所示，内核层至少包含以下驱动中的至少一种：音频驱动、显示驱动、蓝牙驱动、摄像头驱动、WIFI驱动、USB驱动、HDMI驱动、传感器驱动(如指纹传感器，温度传感器，触摸传感器、压力传感器等)等。

在一些实施例中，内核层还包括用于进行电源管理的电源驱动模块。

在一些实施例中，图4中的软件架构对应的软件程序和/或模块存储在图2或图3所示的第一存储器或第二存储器中。

基于上述显示设备200和移动终端300，可以通过建立投屏连接，使显示设备200播放显示移动终端300中的内容。手机等移动终端300的屏幕较小，观看媒资时可能会影响观看体验。因此，为了提升用户的观看体验，可以将移动终端300中播放的图片、视频等媒资投屏到显示设备200中，这样，显示设备200可以实时显示移动终端300发送的投屏数据所对应的投屏内容，通过显示设备200的大屏提升用户的观看体验。

在执行投屏的过程中，可以通过多种方式实现投屏操作。例如，可以基于数字生活联盟(Digital Living Network Alliance，DLNA)协议来实现投屏，以下简称DLNA协议。DLNA协议的主要内容是实现投屏发起设备和投屏接收设备间的媒资共享。例如，可以通过一些交互指令将手机等移动终端中的图片或者视频等媒资投送到电视等显示设备中，通过显示设备执行显示和播放。但是，DLNA协议仅支持图片、音频、视频的格式，不支持网页投屏。当移动终端执行网页浏览时，在显示设备无法实现网页投屏。

为了解决显示设备200无法实现网页投屏的问题，本申请一些实施例提供一种显示设备200。所述显示设备200包括显示器260、通信器220和控制器250。其中，显示器260被配置为显示用户界面，通信器220被配置为与移动终端300建立投屏连接，控制器250被配置为执行网页的投屏方法。为了便于对本申请一些实施例中技术方案的理解，下面结合一些具体实施例和附图对各个步骤进行详细说明。

图5为本申请一些实施例提供的显示设备执行网页的投屏方法流程示意图，如图5所示，在一些实施例中，显示设备200在执行网页的投屏方法时，可以包括如下步骤S1-S5，具体内容如下：

步骤S1：响应于移动终端300基于用户数据包协议发出的设备发现请求，显示设备200配置移动终端300与显示设备200之间的传输协议。

图6为本申请一些实施例提供的移动终端与显示设备投屏的效果示意图，如图6所示，基于上述显示设备200和移动终端300，可以通过建立投屏连接，使显示设备200播放显示移动终端300中的内容。

为了建立显示设备200和移动终端300之间的投屏连接关系，在一些实施例中，用户可以通过移动终端300基于用户数据包协议(User Datagram Protocol，UDP)发出设备发现请求，显示设备200可以通过WiFi网络接收移动终端300发送的设备发现请求，并基于该设备发现请求完成传输协议配置，即配置移动终端300与显示设备200之间的传输协议。步骤S1执行完成后，可以执行如下步骤S2。

步骤S2：显示设备200基于传输协议建立移动终端300与显示设备200的交互通道。

移动终端300与显示设备200之间的传输协议配置完成后，显示设备200可以基于该传输协议建立移动终端300与显示设备200的交互通道。通过该交互通道，移动终端300与显示设备200可以相互传输数据、传输指令等。

在一些实施例中，显示设备200还可以通过不同连接方式实现与移动终端300之间的投屏连接。例如，在显示设备200和移动终端300接入同一个无线局域网时，可以基于WiFi网络建立投屏连接。又例如，在显示设备200和移动终端300上均设有NFC(Near FieldCommunication，近场通信)组件时，可以通过NFC组件建立投屏连接关系。显然，显示设备200与移动终端300之间还可以采用其他有线或无线连接方式，从而建立投屏连接关系，例如RF射频连接、红外连接、蜂窝网络以及本领域技术人员在上述实施例提供的连接方式基础上所能够联想到的其他连接方式。步骤S2执行完成后，可以执行如下步骤S3。

步骤S3：响应于移动终端300发出的对投屏网页的投屏请求，显示设备200基于交互通道和传输协议获取移动终端300输入的投屏地址。

在一些实施例中，在不同的投屏数据传输协议下，显示设备200获取的投屏数据形式不同。例如，在DLNA(Digital Living Network Alliance，数字生活网络联盟)协议下，显示设备200可以通过交互通道获取移动终端300中某一资源的链接地址，并通过访问该链接地址获取媒资内容数据，从而播放该媒资数据。同时显示设备200还可以在播放媒资数据时，通过交互通道获取移动终端300发送的控制指令，如快进、暂停、停止投屏等。示例性的，移动终端300与显示设备200基于DLNA协议连接完成后，手机等移动终端300与显示设备200会进行设备功能与网络条件的协商，以选择适合的影音传输格式。建立影音串流的联机协议(Session)后，再通过一连串的实时串流协议(RTSP)控制命令，以控制影音串流的播放及终止。

而在Miracast投屏、Airplay投屏、NFC镜像投屏、乐播投屏等其他投屏连接协议下，显示设备200可以直接从移动终端300获取媒资如视频数据流。该视频数据流可以是移动终端300的最终显示画面对应的视频数据流，即该视频数据流中包括移动终端300中的媒资内容画面、UI界面以及其他可显示的视频画面内容，该视频数据流也可以仅为移动终端300中可被获取的视频数据，如正在播放的媒资视频数据等。移动终端300可以作为显示设备200的一个信号源，显示设备200可以通过交互通道不断获取视频数据，并实时显示在显示器260中，实现与移动终端300同步显示的效果。

在基于传输协议建立移动终端300与显示设备200的交互通道后，响应于移动终端300发出的对投屏网页的投屏请求，显示设备200可以基于交互通道和传输协议获取移动终端300输入的投屏地址。该投屏地址对应具体的媒资内容，例如，可以为音频媒资、视频媒资或网页媒资等。在建立移动终端300与显示设备200的投屏连接后，显示设备200可以通过交互通道和传输协议接收移动终端300的相关数据，从而在显示设备200中播放相关内容。

图7为本申请一些实施例提供的显示设备基于交互通道和传输协议获取移动终端输入的投屏地址的流程示意图，如图7所示，显示设备200在获取投屏地址时，首先可以基于交互通道和传输协议创建线程和设备端口，该线程和设备端口用于与移动终端300执行交互功能，之后，基于线程和设备端口接收移动终端300发送的发现数据包，并检测该发现数据包。如果发现数据包中包含预设描述符，则显示设备200可以确定该发现数据包为用于执行网页投屏的投屏数据包，并解析该投屏数据包，以获取移动终端300输入的投屏地址。

示例性的，显示设备200基于交互通道和传输协议创建用于与移动终端300执行交互功能Thread线程和Socket端口，之后，可以基于Thread线程和Socket端口接收移动终端300发送的发现数据包。当接收到的发现数据包包含预设描述符如HtmlCast_Search字段时，则可以确定该发现数据包为用于执行网页投屏的投屏数据包。显示设备200可以解析该投屏数据包，以获取到移动终端300输入的投屏地址。

在一些实施例中，显示设备200还可以基于传输协议接收移动终端300在局域网中发送的搜索包，该搜索包用于在当前网络中发现待投屏的显示设备200，且该搜索包携带有预设描述符；响应于接收到该搜索包，向移动终端300反馈设备信息，以使移动终端300在接收到设备信息后，根据设备信息显示待投屏的显示设备列表，其中，设备信息可以包括设备名称、媒体访问控制地址、IP号、设备端口、设备支持功能等。

示例性的，图8为本申请一些实施例提供的移动终端根据搜索包生成显示设备列表的示意图，如图8所示，移动终端300在执行投屏功能时，可以通过执行搜索指令在当前网络中如局域网中发送搜索包，该搜索包携带有HtmlCast_Search字段，显示设备200在接收到移动终端300的搜索指令后，可以回复显示设备200的设备信息，例如，可以包括设备名称、媒体访问控制地址mac地址、IP号、设备端口、设备支持功能等，移动终端300在接收到显示设备200的设备信息后，即可以根据设备信息展示设备列表。用户可以根据实际需求选择待投屏的显示设备200。

在一些实施例中，响应于移动终端300对显示设备200的投屏确认事件，显示设备200可以向移动终端300反馈投屏结果。投屏结果包括投屏成功和投屏失败，以使移动终端300在接收到的投屏结果为投屏失败时显示用于提醒投屏失败的提醒消息，以及，在接收到的投屏结果为投屏成功时显示用于输入投屏地址的网址页面。

示例性的，移动终端300选择设备列表中的显示设备200并点击连接后，即表示想要与该显示设备200建立投屏关系。显示设备200可以向移动终端300反馈投屏结果。当投屏结果为投屏失败时，显示设备200可以控制显示器260显示用于提醒投屏失败的提醒消息、而当投屏结果为投屏成功时，移动终端300可以显示用于输入投屏地址的网址页面。图9为本申请一些实施例提供的移动终端显示网址页面的示意图，如图9所示，当投屏成功时，用户可以手动在移动终端300端弹出的网址页面中输入待投屏的地址，或者通过点击已添加的书签的方式输入待投屏的地址，之后，可以通过点击页面上的投屏按钮执行投屏功能，这样移动终端300就可以将待投屏的投屏地址。同时，在移动终端300端，可以通过长按书签的方式对书签执行删除或重命名书签，还可以新加入书签，并将其保存到本地，下次启动网页时即可自动显示该书签，方便用户使用。

在一些实施例中，响应于投屏结果为投屏成功，显示设备200可以获取设备端口，并基于该设备端口连接交互通道，再基于交互通道接收移动终端300发送的投屏地址和对投屏网页的操作事件。示例性的，移动终端300接收到显示设备200的投屏成功的回复消息后，可以通过获取的设备端口连接交互通道，之后，可以基于该设备端口接收移动终端300的投屏地址和后续对投屏网页执行的操作命令。步骤S3执行完成后，可以执行如下步骤S4。

步骤S4：显示设备200监听移动终端300对投屏网页的操作事件。

为了在显示设备200的大屏幕上显示移动终端300投屏的内容，在一些实施例中，显示设备200可以通过网页视图控件加载投屏地址，加载完成后，可以生成投屏网页的投屏画面，同时，可以控制显示器260通过网页视图控件在用户界面中显示投屏画面。

图10为本申请一些实施例提供的显示设备加载投屏地址以生成投屏网页的投屏画面的流程示意图，如图10所示，首先，显示设备200可以通过应用组件的网页视图控件创建播放窗口，该播放窗口用于加载投屏地址，之后，在播放窗口中设置用户代理标识，最后再基于投屏地址和用户代理标识生成投屏地址的投屏画面。

在一些实施例中，应用组件可以为Activity组件，该应用组件用于支持移动终端300与显示设备200之间屏幕的交互，网页视图控件可以为WebView控件，该网页视图控件是用于显示网页的控件，在生成投屏画面时，可以通过Activity组件的网页视图控件WebView加载该投屏地址，加载完成后，生成投屏地址的投屏画面。

为了增强投屏网页在显示设备200中的显示效果、使投屏网页更适配于显示设备200的大屏幕，在一些实施例中，用户代理标识可以为User-Agent标识，简称UA标识。显示设备200可以通过应用组件的网页视图控件创建播放窗口，之后，可以在播放窗口中设置用户代理标识如User-Agent，该用户代理标识可以判断出以哪种形式加载投屏网页，通过对显示设备200的设备分析，适配出适合大屏幕的加载方式，使投屏网页的呈现效果与大屏幕更匹配。最后，再基于投屏地址和用户代理标识User-Agent生成投屏地址的投屏画面。也就是说，显示设备200通过WebView加载URL地址后，通过设置播放窗口的User-Agent标识即可加载出该URL地址对应的、与大屏幕匹配的网页资源。

为了实现在显示设备200中的大屏幕上投屏网页，显示设备200在生成投屏网页的投屏画面后，可以控制显示器260通过网页视图控件在用户界面中显示投屏画面。这样，就可以将移动终端300、投屏网页、显示设备200的大屏幕结合在一起，实现通过大屏观看网页资源的效果，提升用户的观看体验，进而解决显示设备200无法实现网页投屏的问题。同时，显示设备200可以监听移动终端300对投屏网页的操作事件，以实现移动终端300与显示设备200之间投屏的同步控制。步骤S4执行完成后，可以执行如下步骤S5。

步骤S5：显示设备200根据操作事件生成网页控制指令，以及在投屏网页上执行网页控制指令。

为了实现移动终端300与显示设备200之间投屏的同步控制，在一些实施例中，显示设备200可以向移动终端300发送控制投屏网页的操作指令，之后，监听移动终端300基于操作指令对投屏网页的操作事件，并根据操作事件生成网页控制指令，以及在投屏网页上执行该网页控制指令。

示例性的，在投屏过程中，需要保证移动终端300与显示设备200对投屏网页控制的同步性，为了达到该效果，显示设备200可以向移动终端300发送控制投屏网页的操作指令，以通知移动终端300可以执行对投屏网页的控制事件。之后，监听移动终端300对投屏网页的操作事件，并基于该操作事件生成网页控制指令，显示设备200在投屏网页上执行该网页控制指令。

例如，移动终端300对投屏网页执行了放大操作，显示设备200可以基于该放大操作的事件生成放大的控制指令，之后同步在大屏幕的投屏网页上执行放大的控制指令，这样可以确保移动终端300播放的投屏网页的画面与显示设备200中投屏的投屏画面的一致性。

为了达到移动终端300播放的投屏网页的画面与显示设备200中投屏的投屏画面的一致性的效果，在一些实施例中，显示设备200还可以通过如下方式实现。图11为本申请一些实施例提供的显示设备控制投屏网页的流程示意图，如图11所示，显示设备200首先可以基于交互通道建立移动终端300与显示设备200之间的同步控制机制，响应于用户在移动终端300基于焦点位置对投屏网页的焦点操作事件，获取用户在移动终端300的投屏网页中输入的焦点位置，之后，在显示设备200的投屏网页中同步焦点位置，并根据焦点位置和焦点操作事件生成焦点操作指令，以及在投屏网页上执行焦点操作指令。

示例性的，移动终端300在接收到显示设备200发送的控制投屏网页的操作指令后，可以通过虚拟遥控器操作类型，或通过滑动操作类型的方式控制投屏网页。图12为本申请一些实施例提供的显示设备通过虚拟遥控器操作类型或滑动操作类型触控投屏网页的场景示意图，如图12所示，以虚拟遥控器操作类型为例进行说明，虚拟遥控器上可以包括上、下、左、右、OK确定键、断开、切换及关机等功能按键，这些按键均基于交互通道与显示设备200建立了同步控制的机制。响应于在上述功能按键的焦点操作事件，移动终端300可以捕捉到焦点位置，之后，可以将焦点操作事件如向上操作事件、关机事件等连通焦点位置一同反馈给显示设备200，显示设备200接收到焦点位置和焦点操作事件后，可以同步响应该焦点位置，并基于该焦点位置执行同样的焦点操作事件，以达到移动终端300播放的投屏网页的画面与显示设备200中投屏的投屏画面的一致性的效果。

在一些实施例中，用户可以切换虚拟遥控器操作类型和滑动操作类型的方式。在使用虚拟遥控器操作类型的方式控制投屏网页时，可以按照上述执行。当由虚拟遥控器操作类型方式切换为滑动操作类型时，即在移动终端300端通过滑动操作类型的方式控制投屏网页时，可以通过如下方式实现。显示设备200首先可以获取用户在移动终端300控制投屏网页的操作类型，响应于操作类型为滑动操作类型，获取移动终端300的投屏网页中的滑动事件、滑动事件对应的当前位置坐标以及移动终端300的终端分辨率，之后将终端分辨率和当前位置坐标转换为显示设备200的屏幕分辨率和目标位置坐标，最后再根据滑动事件、屏幕分辨率和目标位置坐标生成滑动指令，以及在投屏网页上执行该滑动指令。

示例性的，当由虚拟遥控器操作类型的方式切换为滑动操作类型时，或者用户基于滑动操作类型控制投屏网页时，移动终端300可以实时发送滑动事件对应的当前位置坐标，并可以时间当前位置坐标、滑动事件反馈给显示设备200。显示设备200为了能够在大屏幕上呈现出对投屏网页的控制效果，可以获取移动终端300的投屏网页中的滑动事件、滑动事件对应的当前位置坐标以及移动终端300的终端分辨率，并将终端分辨率和当前位置坐标转换为显示设备200的屏幕分辨率和在大屏幕的投屏网页中的目标位置坐标，最后再根据滑动事件、屏幕分辨率和目标位置坐标生成滑动指令，以及在投屏网页上执行该滑动指令。这样，显示设备就可以同步显示在移动终端300对投屏网页的控制效果。

在一些实施例中，焦点操作事件包括断开投屏事件，响应于移动终端300发出的断开投屏事件，显示设备200可以控制显示器260在用户界面中停止显示投屏画面，同时，退出网页视图控件，以及销毁应用组件。

示例性的，当用户选择断开投屏时，移动终端300停止投屏，并可以生成断开投屏事件或断开投屏的指令，同时可以反馈给显示设备200。显示设备200接收到断开投屏事件或断开投屏指令后，也会在用户界面中停止播放投屏画面，同时退出网页视图控件如WebView，并销毁应用组件如Activity组件。这样可以在停止投屏后减少显示设备200中资源的消耗，节省内存资源。

图13为本申请一些实施例提供的显示设备与移动终端执行输入同步的流程示意图，如图13所示，在一些实施例中，投屏网页中可以设置有输入栏，用户可以基于该输入栏输入想要搜索的内容。响应于在输入栏中的输入事件，显示设备200可以生成输入提示指令，以及将该输入提示指令发送至移动终端300，其中，输入提示指令用于提示移动终端300显示输入栏。移动终端300在接收到该输入提示指令后，可以在移动终端300的投屏网页上方显示输入栏，用户可以在该输入栏中输入想要搜索的输入内容。之后，显示设备200可以接收移动终端300根据输入提示指令在输入栏中输入的输入内容，并控制显示器260在输入栏中同步显示输入内容，响应于对输入内容的确认事件，显示设备200可以控制显示器260在用户界面中显示输入内容对应的搜索结果。

示例性的，移动终端300中的投屏网页投屏到显示设备200后，在移动终端300中的显示界面与显示设备200中用户界面中显示的内容是相同的。当用户需要在显示设备200端大屏幕中的投屏网页中输入内容时，由于在大屏幕端的输入较为复杂，例如，输入法不方便控制、焦点不方便控制等，显示设备200可以在获取到输入栏中的输入事件后，生成输入提示指令，以通过输入提示指令使移动终端300显示输入栏，以使用户在移动终端300的输入栏中输入要搜索的输入内容。

例如，当显示设备200端检测到有输入事件后，可以生成输入提示指令，该输入提示指令用于提醒移动终端300同步显示输入栏。或者，当移动终端300检测到大屏幕端有内容输入时，移动终端300可以主动弹出输入栏，供用户输入。之后，响应于用户在移动终端300的输入栏中输入的内容，显示设备200的大屏端同步显示该输入内容。同时，当用户输入完成后，响应于用户在移动终端300对输入内容的确认事件，显示设备200端可以同步确认，根据输入的内容执行搜索，完成搜索页面的跳转。这样，通过移动终端300与显示设备200之间的同步控制机制，当大屏端输入不便时，可以通过移动终端300端执行输入，解决大屏端输入困难的问题，提升对投屏页面操作的流畅性。同时，通过在输入栏中输入内容并搜索完成后，显示设备200可以控制显示器260在用户界面中显示输入内容对应的搜索结果，也可以在当前界面显示上一步的操作事件，例如，当大屏幕的输入栏失去焦点后，可以通知移动终端300显示之前的遥控操作。

由以上技术方案可知，上述实施例提供一种显示设备，所述显示设备响应于移动终端基于用户数据包协议发出的设备发现请求，配置移动终端与显示设备之间的传输协议，并基于传输协议建立移动终端与显示设备的交互通道；响应于移动终端发出的对投屏网页的投屏请求，基于交互通道和传输协议获取移动终端输入的投屏地址，并监听移动终端对投屏网页的操作事件，再根据操作事件生成网页控制指令，以及在投屏网页上执行网页控制指令。所述显示设备可以基于配置的传输协议建立移动终端与显示设备之间的交互通道，基于交互通道和传输协议获取移动终端的投屏地址，加载该投屏地址并生成投屏画面，同时可以同步执行在投屏地址上的网页控制指令，进而解决显示设备无法实现网页投屏的问题。

基于上述显示设备200，本申请部分实施例还提供一种网页的投屏方法，所述方法可以应用于上述实施例中的显示设备200。图14为本申请一些实施例提供的网页的投屏方法流程示意图，如图14所示，在一些实施例中，所述网页的投屏方法可以包括如下步骤S1-S5：

步骤S1：响应于移动终端300基于用户数据包协议发出的设备发现请求，显示设备200配置移动终端与显示设备之间的传输协议。

为了建立显示设备200和移动终端300之间的投屏连接关系，在一些实施例中，用户可以通过移动终端300基于用户数据包协议(User Datagram Protocol，UDP)发出设备发现请求，显示设备200可以通过WiFi网络接收移动终端300发送的设备发现请求，并基于该设备发现请求完成传输协议配置，即配置移动终端300与显示设备200之间的传输协议。

步骤S2：显示设备200基于传输协议建立移动终端与显示设备的交互通道。

移动终端300与显示设备200之间的传输协议配置完成后，显示设备200可以基于该传输协议建立移动终端300与显示设备200的交互通道。通过该交互通道，移动终端300与显示设备200可以相互传输数据、传输指令等。

步骤S3：响应于移动终端发出的对投屏网页的投屏请求，显示设备200基于交互通道和传输协议获取移动终端输入的投屏地址。

在基于传输协议建立移动终端300与显示设备200的交互通道后，响应于移动终端300发出的对投屏网页的投屏请求，显示设备200可以基于交互通道和传输协议获取移动终端300输入的投屏地址。该投屏地址对应具体的媒资内容，例如，可以为音频媒资、视频媒资或网页媒资等。在建立移动终端300与显示设备200的投屏连接后，显示设备200可以通过交互通道和传输协议接收移动终端300的相关数据，从而在显示设备200中播放相关内容。

显示设备200在获取投屏地址时，首先可以基于交互通道和传输协议创建线程和设备端口，该线程和设备端口用于与移动终端300执行交互功能，之后，基于线程和设备端口接收移动终端300发送的发现数据包，并检测该发现数据包。如果发现数据包中包含预设描述符，则显示设备200可以确定该发现数据包为用于执行网页投屏的投屏数据包，并解析该投屏数据包，以获取移动终端300输入的投屏地址。

步骤S4：显示设备200监听移动终端对投屏网页的操作事件。

为了在显示设备200的大屏幕上显示移动终端300投屏的内容，在一些实施例中，显示设备200可以通过网页视图控件加载投屏地址，加载完成后，可以生成投屏网页的投屏画面，同时，可以控制显示器260通过网页视图控件在用户界面中显示投屏画面。为了实现在显示设备200中的大屏幕上投屏网页，显示设备200在生成投屏网页的投屏画面后，可以控制显示器260通过网页视图控件在用户界面中显示投屏画面。这样，就可以将移动终端300、投屏网页、显示设备200的大屏幕结合在一起，实现通过大屏观看网页资源的效果，提升用户的观看体验，进而解决显示设备200无法实现网页投屏的问题。同时，显示设备200可以监听移动终端300对投屏网页的操作事件，以实现移动终端300与显示设备200之间投屏的同步控制。

步骤S5：显示设备200根据操作事件生成网页控制指令，以及在投屏网页上执行网页控制指令。

为了实现移动终端300与显示设备200之间投屏的同步控制，在一些实施例中，显示设备200可以向移动终端300发送控制投屏网页的操作指令，之后，监听移动终端300基于操作指令对投屏网页的操作事件，并根据操作事件生成网页控制指令，以及在投屏网页上执行该网页控制指令。

为了达到移动终端300播放的投屏网页的画面与显示设备200中投屏的投屏画面的一致性的效果，在一些实施例中，显示设备200还可以通过如下方式实现。显示设备200首先可以基于交互通道建立移动终端300与显示设备200之间的同步控制机制，响应于用户在移动终端300基于焦点位置对投屏网页的焦点操作事件，获取用户在移动终端300的投屏网页中输入的焦点位置，之后，在显示设备200的投屏网页中同步焦点位置，并根据焦点位置和焦点操作事件生成焦点操作指令，以及在投屏网页上执行焦点操作指令。

由以上技术方案可知，上述实施例提供一种网页的投屏方法，响应于移动终端基于用户数据包协议发出的设备发现请求，配置移动终端与显示设备之间的传输协议，并基于传输协议建立移动终端与显示设备的交互通道；响应于移动终端发出的对投屏网页的投屏请求，基于交互通道和传输协议获取移动终端输入的投屏地址，并监听移动终端对投屏网页的操作事件，再根据操作事件生成网页控制指令，以及在投屏网页上执行网页控制指令。所述方法可以基于传输协议建立交互通道，使显示设备基于交互通道和传输协议获取移动终端的投屏地址，加载该投屏地址并生成投屏画面，同时可以同步执行在投屏地址上的网页控制指令，解决显示设备无法实现网页投屏的问题。

本说明书中各个实施例之间相同相似的部分互相参照即可，在此不再赘述。

本领域的技术人员可以清楚地了解到本发明实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分的方法。

最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

为了方便解释，已经结合具体的实施方式进行了上述说明。但是，上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导，可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用，从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。

Claims (10)

1.一种显示设备，其特征在于，包括：

显示器，被配置为显示用户界面；

通信器，被配置为与移动终端建立投屏连接；

控制器，被配置为：

响应于移动终端基于用户数据包协议发出的设备发现请求，根据所述设备发现请求配置所述移动终端与所述显示设备之间的传输协议；

基于所述传输协议建立所述移动终端与所述显示设备的交互通道；

响应于移动终端发出的对投屏网页的投屏请求，基于所述交互通道和所述传输协议获取所述移动终端输入的投屏地址；

监听所述移动终端对所述投屏网页的操作事件；

根据所述操作事件生成网页控制指令，以及在所述投屏网页上执行所述网页控制指令。

2.根据权利要求1所述的显示设备，其特征在于，所述控制器进一步被配置为：

通过网页视图控件加载所述投屏地址，以生成所述投屏网页的投屏画面；

控制所述显示器通过所述网页视图控件在用户界面中显示所述投屏画面。

3.根据权利要求1所述的显示设备，其特征在于，所述控制器执行基于所述交互通道和所述传输协议获取所述移动终端输入的投屏地址的步骤，进一步被配置为：

基于所述交互通道和所述传输协议创建线程和设备端口，所述线程和所述设备端口用于与所述移动终端执行交互功能；

基于所述线程和所述设备端口接收所述移动终端发送的发现数据包；

检测所述发现数据包，如果所述发现数据包中包含预设描述符，确定所述发现数据包为用于执行网页投屏的投屏数据包；

解析所述投屏数据包，以获取移动终端输入的投屏地址。

4.根据权利要求3所述的显示设备，其特征在于，所述控制器进一步被配置为：

基于所述传输协议接收所述移动终端在局域网中发送的搜索包，所述搜索包用于在当前网络中发现待投屏的显示设备，所述搜索包携带有所述预设描述符；

响应于接收到所述搜索包，向所述移动终端反馈设备信息，以使移动终端在接收到所述设备信息后，根据所述设备信息显示待投屏的显示设备列表；所述设备信息包括设备名称、媒体访问控制地址、IP号、设备端口、设备支持功能。

5.根据权利要求4所述的显示设备，其特征在于，所述控制器进一步被配置为：

响应于移动终端对显示设备的投屏确认事件，向所述移动终端反馈投屏结果，所述投屏结果包括投屏成功和投屏失败，以使所述移动终端在接收到的所述投屏结果为投屏失败时显示用于提醒投屏失败的提醒消息，以及，在接收到的所述投屏结果为投屏成功时显示用于输入投屏地址的网址页面。

6.根据权利要求5所述的显示设备，其特征在于，所述控制器进一步被配置为：

响应于所述投屏结果为所述投屏成功，获取所述设备端口；

基于所述设备端口连接所述交互通道；

基于所述交互通道接收所述移动终端发送的投屏地址和对所述投屏网页的操作事件。

7.根据权利要求6所述的显示设备，其特征在于，所述控制器进一步被配置为：

基于所述交互通道建立所述移动终端与所述显示设备之间的同步控制机制；

响应于用户在移动终端基于焦点位置对所述投屏网页的焦点操作事件，获取用户在所述移动终端的投屏网页中输入的焦点位置；

在显示设备的投屏网页中同步所述焦点位置；

根据所述焦点位置和所述焦点操作事件生成焦点操作指令，以及在所述投屏网页上执行所述焦点操作指令。

8.根据权利要求2所述的显示设备，其特征在于，所述控制器执行通过网页视图控件加载所述投屏地址，以生成所述投屏网页的投屏画面的步骤，进一步被配置为：

通过应用组件的网页视图控件创建播放窗口，所述播放窗口用于加载所述投屏地址；

在所述播放窗口中设置用户代理标识；

基于所述投屏地址和所述用户代理标识生成所述投屏地址的投屏画面。

9.根据权利要求1所述的显示设备，其特征在于，所述投屏网页中设置有输入栏，所述控制器进一步被配置为：

响应于用户在输入栏中的输入事件，生成输入提示指令，以及将所述输入提示指令发送至所述移动终端，所述输入提示指令用于提示所述移动终端显示输入栏；

接收用户基于所述输入提示指令在所述移动终端的输入栏中输入的输入内容；

控制所述显示器在所述显示设备的输入栏中同步显示所述输入内容；

响应于对所述输入内容的确认事件，控制所述显示器在用户界面中显示输入内容对应的搜索结果。

10.一种网页的投屏方法，应用于权利要求1-9任一项显示设备，其特征在于，包括：

响应于移动终端基于用户数据包协议发出的设备发现请求，根据所述设备发现请求配置所述移动终端与所述显示设备之间的传输协议；

基于所述传输协议建立所述移动终端与所述显示设备的交互通道；

响应于移动终端发出的对投屏网页的投屏请求，基于所述交互通道和所述传输协议获取所述移动终端输入的投屏地址；

监听所述移动终端对所述投屏网页的操作事件；

根据所述操作事件生成网页控制指令，以及在所述投屏网页上执行所述网页控制指令。