一种计算设备的浏览器及其缩略图显示方法
【专利摘要】本发明公开了一种计算设备的浏览器中执行的缩略图显示方法，该计算设备的浏览器能够通过服务器与移动终端相连。该方法包括：响应于用户在浏览器上向移动终端发送计算设备上存储的文件的输入，向移动终端发送文件发送请求消息；响应于移动终端的应答消息，向移动终端发送包含该文件web地址的通知消息，以便移动终端从该web地址下载所请求的文件；以第一亮度显示所请求文件的缩略图；以及响应于来自移动终端的指示文件传输完成的消息，以第二亮度显示所请求文件的缩略图，其中第二亮度大于第一亮度。
【专利说明】一种计算设备的浏览器及其缩略图显示方法
【技术领域】
[0001] 本发明涉及数据通信和图像显示领域。
【背景技术】
[0002] 用户对于诸如智能手机、平板电脑等移动终端的使用频率正在日益提高，甚至在 很多场合超过了传统的桌面电脑（PC)和笔记本电脑。移动终端的计算性能和存储空间也 在快速增长，从而允许安装和运行大量应用以及进而产生大量数据。例如，一部智能手机经 过用户一段时间的使用，往往会存储有上千兆字节的图片、音频、视频、应用、文档、通信录、 短消息等数据。尽管用户可以在手机上对这些数据进行诸如浏览、复制、删除等操作，然而 如果用户位于大屏幕计算设备（如PC、笔记本电脑和智能电视）前，他可能更希望通过大屏 幕计算设备来进行这些操作。这样做的一个原因是大屏幕计算设备具有更强大的I/O设备 (如大显示屏），可以提高操作效率；另一个原因是与移动终端上运行的Android、IOS操作 系统和应用相比，大屏幕计算设备运行的诸如Wind 〇ws、MAC OS等操作系统和应用往往能提 供更强大多样的功能。
[0003] 目前已经有一些软件提供大屏幕计算设备对移动终端的数据管理功能。典型的例 子是苹果公司的iTunes以及各种手机助手。用户在运行诸如Wind 〇ws、MAC OS等操作系统 的传统电脑上安装移动终端数据管理软件，将移动终端通过诸如USB等线缆连接到大屏幕 计算设备，移动终端数据管理软件读取移动终端中的各种数据，并允许用户进行相应的管 理操作。然而，这对用户来说使用并不方便。即使有一些软件支持移动终端通过无线局域 网连接到大屏幕计算设备，但用户仍需要在大屏幕计算设备上预先安装移动终端数据管理 软件。预先安装软件不仅是繁琐和耗时的，而且在一些情况下难以实现。例如，企业内部的 计算设备可能出于安全考虑限制了软件的安装权限，或者，像智能电视这样的大屏幕计算 设备并不使用Windows、MAC OS操作系统，可能没有可用的移动终端数据管理软件。
[0004] 因此，用户希望能更用简单快捷的方式在大屏幕计算设备上管理移动终端的数 据。
【发明内容】
[0005] 为此，本发明提供一种计算设备的浏览器及其缩略图显示方法，以力图解决或者 至少缓解上面存在的至少一个问题。
[0006] 根据本发明的一个方面，提供了一种计算设备的浏览器执行的缩略图显示方法， 其中该浏览器能够通过服务器与移动终端相连，该方法包括步骤：响应于用户在浏览器上 向移动终端发送计算设备上存储的文件的输入，向移动终端发送文件发送请求消息；响应 于移动终端的应答消息，向移动终端发送包含该文件web地址的通知消息，以便移动终端 从该web地址下载所请求的文件；以第一亮度显示所请求文件的缩略图；以及响应于来自 移动终端的指示文件传输完成的消息，以第二亮度显示所请求文件的缩略图，其中第二亮 度大于第一亮度。
[0007] 可选地，在根据本发明的浏览器的缩略图显示方法中，向移动终端发送包含该文 件web地址的通知消息的步骤包括：通过服务器接收来自移动终端的直连通信邀请消息， 该消息包含有移动终端的直连通信地址；向该直连通信地址发送访问请求消息；通过服务 器接收来自移动终端的直连通信响应消息，进入直连通信模式；以及在直连通信模式下，向 移动终端发送包含该文件的web地址的通知消息，该文件的web地址指示该文件在浏览器 的web服务器中的web地址。
[0008] 可选地，在根据本发明的浏览器的缩略图显示方法中，还包括步骤：若未接收到直 连通信响应消息，则处于非直连通信模式；以及在非直连通信模式下，将该文件上传到服务 器，该文件的web地址指示该文件在服务器的web服务器中的web地址。
[0009] 可选地，在根据本发明的浏览器的缩略图显示方法中，还包括步骤：根据所请求文 件的总体大小和已传输部分的大小估计传输进度；以及显示所请求文件传输的进度条。
[0010] 可选地，在根据本发明的浏览器的缩略图显示方法中，文件包括图片和视频。
[0011] 可选地，在根据本发明的浏览器的缩略图显示方法中，以第一亮度显示所请求文 件的缩略图的步骤包括：根据浏览器设置的比例对所请求文件进行裁剪以得到缩略图；以 及将该缩略图以数据URL的形式嵌入HTML文档对象模型中。
[0012] 根据本发明的另一方面，提供了一种计算设备的浏览器，其中该浏览器能够通过 服务器与移动终端相连，该浏览器包括：连接管理装置，适于响应于向移动终端发送计算设 备上存储的文件的用户输入，向移动终端发送文件发送请求消息，以及响应于移动终端的 应答消息，向移动终端发送包含该文件web地址的通知消息；web服务器；文件显示装置，适 于以第一亮度显示所请求文件的缩略图，以及响应于来自移动终端的指示文件传输完成的 消息，以第二亮度显示所请求文件的缩略图，其中第二亮度大于第一亮度。
[0013] 可选地，在根据本发明的浏览器中，连接管理装置还适于接收来自移动终端的直 连通信邀请消息，该消息包含有移动终端的直连通信地址；向该直连通信地址发送访问请 求消息；若接收到来自移动终端的直连通信响应消息则使浏览器进入直连通信模式，在直 连通信模式下，该文件的web地址指示该文件在浏览器的web服务器中的web地址。
[0014] 可选地，在根据本发明的浏览器中，连接管理装置还适于若未接收到直连通信响 应消息，则使浏览器处于非直连通信模式，在非直连通信模式下，该文件的web地址指示该 文件在服务器的web服务器中的web地址。
[0015] 可选地，在根据本发明的浏览器中，还包括文件设置装置，适于根据所请求文件的 总体大小和已传输部分的大小估计传输进度；以及文件显示装置还适于显示所请求文件传 输的进度条。
[0016] 可选地，在根据本发明的浏览器中，文件包括图片和视频。
[0017] 可选地，在根据本发明的浏览器中，文件设置装置还适于根据浏览器设置的比例 对所请求文件进行裁剪以得到缩略图，并将该缩略图以数据URL的形式嵌入HTML文档对象 模型中。
[0018] 根据本发明的另一方面，提供了一种包括如上所述的浏览器的计算设备。
[0019] 根据本发明的浏览器的缩略图显示方案，不需在计算设备上安装软件，只要在计 算设备的浏览器中输入地址并使用移动终端的客户端应用扫描就能在浏览器与移动终端 之间建立连接通道。用户可通过计算设备的浏览器上的缩略图预览移动终端的数据，提高 了用户管理移动终端数据的效率。在从浏览器向移动终端传输文件时，可以以不同的缩略 图亮度直观地提示用户传输的状态。另外，根据浏览器设置的比例对所请求文件进行裁剪 以得到缩略图，从而可以在浏览器中以版面美观整齐的方式显示缩略图，提高了用户体验。
【专利附图】
【附图说明】
[0020] 为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方 面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面 旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述 以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的 部件或元素。
[0021] 图1示出了一个计算设备100的结构框图；
[0022] 图2示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器显示文件缩 略图的系统200 ;
[0023] 图3A示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终 端文件的系统200在建立连接前移动终端的界面示意图；
[0024] 图3B示出了根据本发明一个实施例的计算设备的浏览器显示二维码的界面示意 图；
[0025] 图3C示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终 端文件的系统200建立通道后计算设备的浏览器的界面示意图；
[0026] 图4示出了根据本发明一个实施例的浏览器的缩略图显示方法400的流程图；
[0027] 图5示出了根据本发明一个实施例的计算设备的浏览器500的框图；
[0028] 图6示出了根据本发明一个实施例的计算设备的浏览器上传缩略图时的显示界 面示意图；
[0029] 图7示出了根据本发明一个实施例的计算设备的浏览器显示缩略图的界面示意 图。
【具体实施方式】
[0030] 下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开 的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例 所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围 完整的传达给本领域的技术人员。
[0031] 图1是布置为实现根据本发明的示例计算设备100的框图。在基本的配置102中， 计算设备100典型地包括系统存储器106和一个或者多个处理器104。存储器总线108可 以用于在处理器104和系统存储器106之间的通信。
[0032] 取决于期望的配置，处理器104可以是任何类型的处理，包括但不限于：微处理器 (μ P)、微控制器（μ C)、数字信息处理器（DSP)或者它们的任何组合。处理器104可以包括 诸如一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器 核心114和寄存器116。示例的处理器核心114可以包括运算逻辑单元（ALU)、浮点数单元 (FPU)、数字信号处理核心（DSP核心）或者它们的任何组合。示例的存储器控制器118可 以与处理器104 -起使用，或者在一些实现中，存储器控制器118可以是处理器104的一个 内部部分。
[0033] 取决于期望的配置，系统存储器106可以是任意类型的存储器，包括但不限于：易 失性存储器（诸如RAM)、非易失性存储器（诸如ROM、闪存等）或者它们的任何组合。系统 存储器106可以包括操作系统120、一个或者多个应用122以及程序数据124。在一些实施 方式中，应用122可以布置为在操作系统上利用程序数据124进行操作。
[0034] 计算设备100还可以包括有助于从各种接口设备（例如，输出设备142、外设接口 144和通信设备146)到基本配置102经由总线/接口控制器130的通信的接口总线140。 示例的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助 于经由一个或者多个A/V端口 152与诸如显示器或者扬声器之类的各种外部设备进行通 信。示例外设接口 144可以包括串行接口控制器154和并行接口控制器156,它们可以被 配置为有助于经由一个或者多个I/O端口 158和诸如输入设备（例如，键盘、鼠标、笔、语音 输入设备、触摸输入设备）或者其他外设（例如打印机、扫描仪等）之类的外部设备进行通 信。示例的通信设备146可以包括网络控制器160,其可以被布置为便于经由一个或者多个 通信端口 164与一个或者多个其他计算设备162通过网络通信链路的通信。
[0035] 网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载 波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且 可以包括任何信息递送介质。"调制数据信号"可以这样的信号，它的数据集中的一个或者 多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可 以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频（RF)、微波、红外 (IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存 储介质和通信介质二者。
[0036] 计算设备100可以实现为小尺寸便携（或者移动）电子设备的一部分，这些电子 设备可以是诸如蜂窝电话、个人数字助理（PDA)、个人媒体播放器设备、无线网络浏览设备、 个人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。计算设备100还可 以实现为包括桌面计算机和笔记本计算机配置的个人计算机。
[0037] 图2示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终 端文件的系统200。该系统200包括移动终端210、服务器220和计算设备230。移动终端 210上存储有各种文件，如照片、音频、视频、文档（如WorcUPDF等格式的文档）。应用客户 端212可以运行在诸如安卓、IOS等操作系统上。服务器220例如可以是物理上位于一个或 多个地点的远程云服务器。计算设备230例如可以包括个人计算机（PC)、笔记本电脑、智能 电视等具有相对较大屏幕的计算设备。计算设备230上安装有浏览器232,例如IEXhrome 和Firefox浏览器。浏览器232可以运行在诸如Windows、Mac等操作系统上。
[0038] 浏览器232首先接收用户在浏览器地址栏输入的地址，例如是域名weline. cc，其对应于服务器220的IP地址。浏览器根据该地址访问服务器220,具体操作包括例 如查询DNS获得返回的IP地址，建立TCP连接，向服务器发送HTTP request请求，这里不 再累述。在接收到来自浏览器232的访问请求后，服务器220分配第一会话标识（Session ID)和通道标识（Channel ID)。服务器220生成与通道标识对应的邀请地址（inviteurl)， 调用二维码转换服务将该地址转换为二维码图形，并且获得该二维码图形的URL地址 (qrcodeurl)。换而言之，该二维码图形所包含的内容为inviteurl。服务器220向浏览器 232返回响应消息（2000K)，该消息中含有二维码图形的URL地址qrcodeurl和第一会话标 识。其中qrcodeurl的示例格式如下：
[0039] qrcodeurl:^qrcode ? content = http://192. 168. 0. 1/invite ? id = 12d345d8z834baef839c0〃，
[0040] 服务器220与浏览器232之间建立长连接。浏览器232访问二维码图形的URL地 址qrcodeurl，获取二维码图形并显示，如图3B所示，该图中显示有二维码图片以等待移动 终端扫描二维码。图3A示出了根据本发明一个实施例的利用大屏幕计算设备的浏览器管 理移动终端文件的系统200在建立连接时移动终端的界面示意图，在该界面图中，对用户 的操作进行提示，以建立与服务器的连接。用户可以通过移动终端客户端应用212扫描计 算设备230的浏览器232上显示的二维码图形，从而获得二维码图形的内容，即邀请地址 inviteurl。移动终端客户端应用212访问inviteurl，服务器220向其返回通道标识，同时 返回第二会话标识。服务器通过通道标识可以确定浏览器和移动终端的关系，即移动终端 扫描的是浏览器上显示的二维码。类似于服务器220与浏览器232之间建立连接的过程， 服务器220与客户端应用212之间也建立长连接。服务器220存储有服务器与浏览器之 间长连接的第一会话标识和服务器与客户端应用之间长连接的第二会话标识，这两个会话 标识之间通过通道标识关联，这样通过通道标识来在浏览器与客户端应用之间形成一个通 道，用会话标识来区分与服务器长连接的对象是移动终端客户端应用还是浏览器。换而言 之，在服务器与浏览器之间和服务器与客户端应用之间分别建立了两个长连接，服务器定 期向浏览器和客户端应用发送心跳消息。这两个长连接通过同一个信道标识关联形成一个 通道，客户端应用发送的信令或数据通过该通道经由服务器而推送到浏览器。
[0041] 在建立通道之后，移动终端的客户端应用212将移动终端的统计信息，如移动终 端的型号、系统版本、存储空间、所存储的联系人、短消息、各类文件的数量等，通过通道发 送给浏览器232,具体地说，这些信息由客户端应用212例如通过post方式通过第二会话 连接发送给服务器220,服务器220根据通道标识找到关联的第一会话连接，并且通过第一 会话连接将信息发送给浏览器232。浏览器232显示相应的移动终端统计信息，图3C示出 了根据本发明一个实施例的利用大屏幕计算设备的浏览器管理移动终端文件的系统200 建立连接后计算设备的浏览器的界面示意图，建立包括各种文件分类的主目录，例如图片 主目录、音频主目录等，而在如果进入例如图片主目录下时，会显示多个图片缩略图等。用 户可以在大屏幕的计算设备的浏览器上查看移动终端的信息，并且使用计算设备的输入设 备（如鼠标，键盘）方便地进行各种对文件的操作，如从移动终端获取文件、浏览、删除文件 等。用户亦可以通过计算设备的浏览器向移动终端发送图片、视频、音频、应用等文件。
[0042] 在计算设备的浏览器与移动终端的客户端应用通过服务器建立连接后，当服务器 通过第二会话接收到来自客户端应用的消息或数据时，服务器根据通道标识查找与第二会 话标识关联的第一会话标识，将该消息或数据通过第一会话发送到计算设备的浏览器。由 于这种传输经过服务器中转，因此称为非直连通信模式。本发明还提出了一种不经服务器 中转的数据传输模式，即直连通信模式。在直连模式下，计算设备的浏览器与移动终端的客 户端应用之间的数据传输可以通过它们之间的直接连接进行，而不需要服务器中转，从而 提高传输速度并可能节省流量和费用。以下将描述直连通信模式的建立过程。
[0043] 首先，移动终端的客户端应用通过服务器已建立的通道，即第一会话和第二会话， 向计算设备的浏览器发送包含移动终端直连通信地址的直连通信邀请消息。消息的示例格 式如下：
【权利要求】
1. 一种计算设备的浏览器执行的缩略图显示方法，其中该浏览器能够通过服务器与移 动终端相连，该方法包括步骤： 响应于用户在所述浏览器上向所述移动终端发送所述计算设备上存储的文件的输入， 向所述移动终端发送文件发送请求消息； 响应于所述移动终端的应答消息，向所述移动终端发送包含该文件web地址的通知消 息，W便所述移动终端从该web地址下载所请求的文件； W第一亮度显示所请求文件的缩略图；W及 响应于来自移动终端的指示文件传输完成的消息，W第二亮度显示所请求文件的缩略 图，其中第二亮度大于第一亮度。
2. 如权利要求1所述的方法，其中所述向所述移动终端发送包含该文件web地址的通 知消息的步骤包括： 通过所述服务器接收来自所述移动终端的直连通信邀请消息，该消息包含有移动终端 的直连通信地址； 向该直连通信地址发送访问请求消息； 通过服务器接收来自移动终端的直连通信响应消息，进入直连通信模式；W及 在直连通信模式下，向移动终端发送包含该文件的web地址的通知消息，该文件的web 地址指示该文件在浏览器的web服务器中的web地址。
3. 如权利要求2所述的方法，还包括： 若未接收到所述直连通信响应消息，则处于非直连通信模式；W及 在非直连通信模式下，将该文件上传到服务器，该文件的web地址指示该文件在服务 器的web服务器中的web地址。
4. 如权利要求1所述的方法，还包括： 根据所请求文件的总体大小和已传输部分的大小估计传输进度；W及 显示所请求文件传输的进度条。
5. 如权利要求1所述的方法，其中所述文件包括图片和视频。
6. 如权利要求5所述的方法，其中所述W第一亮度显示所请求文件的缩略图的步骤包 括： 根据浏览器设置的比例对所请求文件进行裁剪W得到缩略图；W及 将该缩略图W数据U化的形式嵌入HTML文档对象模型中。
7. -种计算设备的浏览器，其中该浏览器能够通过服务器与移动终端相连，该浏览器 包括： 连接管理装置，适于响应于向所述移动终端发送所述计算设备上存储的文件的用户输 入，向所述移动终端发送文件发送请求消息，W及响应于所述移动终端的应答消息，向所述 移动终端发送包含该文件web地址的通知消息； web服务器； 文件显示装置，适于W第一亮度显示所请求文件的缩略图，W及响应于来自所述移动 终端的指示文件传输完成的消息，W第二亮度显示所请求文件的缩略图，其中第二亮度大 于第一亮度。
8. 如权利要求7所述的浏览器，其中； 连接管理装置还适于： 接收来自所述移动终端的直连通信邀请消息，该消息包含有移动终端的直连通信地 址； 向该直连通信地址发送访问请求消息； 若接收到来自移动终端的直连通信响应消息则使所述浏览器进入直连通信模式，在直 连通信模式下，该文件的web地址指示该文件在浏览器的web服务器中的web地址。
9. 如权利要求8所述的浏览器，其中： 连接管理装置还适于若未接收到所述直连通信响应消息，则使所述浏览器处于非直连 通信模式，在非直连通信模式下，该文件的web地址指示该文件在服务器的web服务器中的 web地址。
10. 如权利要求7所述的浏览器，还包括： 文件设置装置，适于根据所请求文件的总体大小和已传输部分的大小估计传输进度； W及 所述文件显示装置还适于显示所请求文件传输的进度条。
【文档编号】G06F17/30GK104462367SQ201410746423
【公开日】2015年3月25日 申请日期:2014年12月8日 优先权日:2014年12月8日
【发明者】姜天鹏 申请人:北京安奇智联科技有限公司