CN104951504A - 一种网页处理方法及系统 - Google Patents

Abstract

本发明公开一种网页处理方法及系统，方法包括步骤：当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。本发明充分利用各家庭设备所具有的播放功能优势，进行多媒体内容的播放，而手持设备则只显示文本信息，播放设备则根据其所适合处理的数据类型播放相应的多媒体内容。

Description

一种网页处理方法及系统

技术领域

本发明涉及消费性电子产品技术领域，尤其涉及一种基于多屏互动的网页处理方法及系统。

背景技术

随着智能电视等设备的发展，越来越多的电视支持多屏互动功能，即电视能够和移动终端如手机等共享内容。其实现的方法有：一是在手机上安装特定的多屏互动软件，用户可以将手机上的内容传输给电视；二是电视可以把电视播放的画面传输给手机。

但现有的这两种方法都存在问题，方法一中，手机将整个手机画面内容传输给电视，或者需要用户手动选择视频推送，每次传输的内容仅限1个内容，并且只能支持特定的页面内容传屏。当用户访问普通的网页内容时，则无法做到将视频内容传输给电视。方法二中，手机的内容和电视内容同步，不能对电视内容做交互。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种网页处理方法及系统，旨在解决现有的网页处理方法中交互性差、推送内容有局限、无法充分利用其他配套设备等问题。

本发明的技术方案如下：

一种网页处理方法，其中，包括步骤：

当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；

将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；

手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。

所述的网页处理方法，其中，当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离的步骤之前，还包括：

接收播放设备广播的所适合处理的数据类型信息，并存储各播放设备与适合处理的数据类型的匹配表。

所述的网页处理方法，其中，手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容的步骤之前还包括：

预先定义手持设备和播放设备之间的控制命令协议，根据不同的数据类型定义不同的控制指令行为。

所述的网页处理方法，其中，当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离的步骤之前还包括：

在服务器端配置一视频解析库，通过搜索引擎获取网络上的资源信息，在所述视频解析库中形成包含资源信息及相应url地址的大数据库。

所述的网页处理方法，其中，将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组的步骤具体包括：

手持设备访问视频解析库，根据url地址，获取到多媒体内容的名称，组成不同数据类型的播放列表。

所述的网页处理方法，其中，手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容的步骤具体包括：

手持设备与播放设备建立流媒体传输通道；

手持设备发送控制指令；

播放设备接收并解析手持设备发送的控制指令，确定控制指令类别以及控制指令数据并执行相应的动作。

所述的网页处理方法，其中，手持设备通过独立的程序或者通过浏览器插件来获取并访问HTML文本文件。

所述的网页处理方法，其中，当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离的步骤具体包括：

A1、判断当前标签是否为<AUDIO>，当是时判定当前标签为音频标签，提取出音频数据的url地址，并进入到步骤A5，否则进入步骤A2；

A2、判断当前标签是否为<EMB>或<OBJECT>，当是时判定当前标签为视频标签，提取出视频数据的url地址，并将视频数据分离成影像数据和音频数据，取出影像数据的url地址并进入步骤A6，取出音频数据的url地址并进入步骤A5，否则进入步骤A3；

A3、判断当前标签是否为<VIDEO>，若是则判定当前标签为视频标签，提取出视频数据的url地址，并将视频数据分离成影像数据和音频数据，取出影像数据的url地址并进入步骤A6，取出音频数据的url地址并进入步骤A5，否则进入步骤A4；

A4、判断当前标签是否为<IMG>，若是则判定当前标签为图片标签，提取出图片数据的url地址，并进入步骤A6，当否时重组HTML文本文件；

A5、组合音频数据的播放列表；

A6、组合影像数据和图片数据的播放列表。

一种网页处理系统，其中，包括：

解析模块，用于当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；

分发模块，用于将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；

多屏互动模块，用于手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。

所述的网页处理系统，其中，还包括：

预定义模块，用于预先定义手持设备和播放设备之间的控制命令协议，根据不同的数据类型定义不同的控制指令行为。

所述的网页处理系统，其中，所述多屏互动模块包括：

通道建立单元，用于手持设备与播放设备建立流媒体传输通道；

控制指令发送单元，用于手持设备发送控制指令；

执行单元，用于播放设备接收并解析手持设备发送的控制指令，确定控制指令类别以及控制指令数据并执行相应的动作。

有益效果：本发明中，手持设备在访问HTML文本文件时，将其中的多媒体内容进行剥离，并分发到播放设备中，充分利用其所具有的播放功能优势，进行多媒体内容的播放，而手持设备则只显示文本信息，并且用户可通过手持设备中的播放列表来对播放设备的播放过程进行控制，增加了交互功能。

附图说明

图1为本发明一种网页处理方法较佳实施例的流程图；

图2为图1所示流程中步骤S101的具体流程图；

图3为图1所示流程中步骤S102的具体流程图；

图4为本发明一种网页处理系统较佳实施例的结构框图；

图5为图4所示系统中多屏互动模块的具体结构框图。

具体实施方式

本发明提供一种网页处理方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明所提供的网页处理方法较佳实施例，如图1所示，其包括步骤：

S101、当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；

S102、将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；

S103、手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。

本发明中，在手持设备访问网页时，自动解析HTML文本文件，并将HTML文本文件中的图片、视频等多媒体内容的地址智能推送到电视、或音响等播放设备上进行播放，而手持设备上的浏览器只浏览其中的文字部分。

从而实现将一个带多媒体内容的网页，进行分屏显示，手持设备只显示网页中的文字部分，而电视、音响等显示网页中的多媒体部分。这样做的好处，是可以充分利用电视机、音响等设备播放网页的多媒体内容，又能在手持设备上浏览网页的文字内容。

本发明中，播放设备包括电视等大屏显示设备，也可包括音响设备等其他配套的家庭影音设备，还可以包括其他未提到的播放设备，播放合适的内容。可以充分利用各播放设备的优势，获得最好的体验，

另外，用户还可通过手持设备来控制其他播放设备的播放过程，即手机端无法与其他播放设备之间可进行交互，无需借助电视的遥控器操作，即可进行切换视频，图片等操作。

下面以手持设备为手机为例对本发明的方法进行具体说明。但显然所述的手持设备不仅可以是手机，还可以是其他的智能手持设备，例如平板电脑。

首先，手机入网时，将手机和网络中的播放设备建立连接，网络中的播放设备将自身适合处理的数据类型广播给新入网的手机，手机端存储接收到的播放设备信息，包括各播放设备与适合处理的数据类型的匹配表，便于手机分发内容。例如可以通过扫二维码或者其他程序添加的方式。播放设备包括大屏显示设备（例如电视）或者音频设备（例如音响设备）等等。这些设备对于处理特定格式的数据具备较好的能力，如大屏显示设备适合播放视频及图片等，而音频设备则适合播放音频文件。

当然，手机与其他播放设备连接的过程也可以手机分发内容前进行，只需在分发内容时，手机与其他播放设备正常连接即可。

然后，手机访问HTML文本文件。

手机获取HTML文本文件可以采用以下两种方法之一：

(1)、通过独立的程序来实现：抓取网络上的网页HTML后，将其解释分解，再调用浏览器显示分解后的文字网页，并传送其中的多媒体内容链接给电视等其他播放设备，进行多媒体内容的播放。

(2)、通过浏览器的插件来实现：浏览器从网络取得HTML文本文件，即将显示前，插件启动，先进行处理。这时，插件发生作用，将浏览器获取到的HTML文件文件截取过来，解释分解后，将把文本内容传回浏览器（宿主）进行显示；然后把多媒体内容的链接传递给电视等其他设备，进行多媒体内容的播放。

然后，手机解析HTML文本文件，并且分发内容。

对于解析HTML文本文件内容，分离出以下几类内容：

视频标签

最新版本的HTML5，表示视频内容的标签为<VIDEO>，表示单独音频内容的标签为<AUDIO>，通过对比识别，即可判断出该HTML文本文件的内容是否为音频或视频内容。

若网站的网页不是HTML5的版本，而是旧版本的HTML，则内嵌视频一般是使用<EMB>标签或者<OBJECT>标签。通过对比当前标签，如果是<EMB>或者为< OBJECT >的话，则说明可能是视频内容。

解析到视频内容后，可以再次从视频内容中提取出离散的音频数据，分离成无声音的影像数据和单独的音频数据。

音频标签

单独音频内容的标签为<AUDIO>，通过对比识别当前标签是否是<AUDIO>，即可判断出该HTML文本文件的内容是否为音频内容。

图片标签

表示图片的标签为<IMG>。通过对比识别当前标签是否是<IMG>，即可识别出当前标签代表的是否是图片内容。

这样，将分离出来的无声音的影像数据以及图片数据的url地址组成影像数据和图片数据的播放列表，传输给大屏显示设备（例如电视）电视。

将分离出的音频数据url地址组成音频数据的播放列表，传输给音响设备。

这样，本发明就可以充分地利用家庭的多种播放设备的功能，利用大屏显示设备播放影像数据，利用音响设备来播放音频数据。

如图2所示，所述步骤S101和步骤S102可具体细化为如下步骤：

S201、开始；

S202、打开HTML文本文件；

S203、判断当前标签是否为<AUDIO>，当是时进入步骤S207；否则进入步骤S204；

S204、判断当前标签是否为<EMB>或<OBJECT>，当是时进入步骤S208，否则进入步骤S205；

S205、判断当前标签是否为<VIDEO>，当是时进入步骤S209，否则进入步骤S206；

S206、判断当前标签是否为<IMG>，当是时进入步骤S212，否则进入步骤S214；

S207、判定当前标签为音频标签，提取出音频数据的url地址，然后进入步骤S218；

S208、嵌入对象是视频数据，进入步骤S209；

S209、判定当前标签为视频标签，提取出视频数据的url地址，然后进入步骤S210;

S210、将视频数据分离成影像数据和音频数据，进入步骤S211和步骤S213；

S211、取出音频数据的url地址并进入步骤S218；

S212、判定当前标签为图片标签，提取出图片数据的url地址，然后进入步骤S216；

S213、取出影像数据的url地址并进入步骤S216；

S214、重组HTML文本文件，然后进入步骤S215；

S215、浏览器打开重组的HTML文本文件，然后进入步骤S220；

S216、组合影像数据和图片数据的播放列表，然后进入步骤S217；

S217、播放影像数据和图片数据，然后进入步骤S220；

S218、组合音频数据的播放列表，然后进入步骤S219；

S219、播放音频数据，然后进入步骤S220；

S220、手机控制电视、音响或其他设备，然后进入步骤S221；

S221、结束。

S203、S204、S205、S206的判断顺序不是一定的，只要能完成不同类型的数据判断即可。

另外，本发明在将url地址传输给其他播放设备时，不需要全部解析完再传给其他播放设备，可以边解析边传输，后解析的url地址添加到播放列表末尾，以提高播放的速度。

手机将剥离多媒体内容的HTML文本文件进行重组，生成一个新的HTML文本文件。使用手持设备的浏览器去打开新的HTML文本文件，这时浏览器会显示一个没有多媒体内容的网页。这样在手持设备就能很规整美观地显示出文字内容。同时把播放列表推送给电视等其他播放设备，电视端等大屏显示设备就会播放图片、视频等内容。

最后，手机端生成的播放列表包含了影像数据、音频数据和图片数据等各种不同数据类型的播放列表，通过这样的播放列表进入到相应的操控界面或控制页面。

将影像、图片数据的播放列表分发给电视或者把音频数据的播放列表分发给音响设备后，需要由手机来对这些播放过程进行控制。

首先，在手机入网前，在服务器端配置一个视频解析库，通过搜索引擎获取网络上丰富的资源数据，在视频解析库中形成资源信息和相应url地址的大数据库。

手机访问视频解析库，根据url地址，获取到多媒体内容（每个视频、音频等）的名称，组成不同数据类型的播放列表。

<img id=1 src=phone.jpg></img>

<img id=1 src=sannianerban.jpg></img>

<img id=1 src=abc.jpg></img>

<video src=http://www.letv.com/football.mpg></video>

<video src=http://http://www.iqiyi.com/v_19rrnx1j40.swf></video>

<audio src=http://http://www.iqiyi.com/v_19rrnx1j40.mp3></video>

以上是解析出的一系列标签，取出url地址如下：

http://www.letv.com/football.mpg>

http://www.iqiyi.com/v_19rrnx1j40.swf

http://www.iqiyi.com/t_19rrnx1j40.swf

根据url 地址获取到视频音频的名称分别为“电视剧××××第22集”“电影××××”“音乐××××”等等，在手机上形成播放列表。点击每个内容，即可进入对应内容的操控界面，即通过上述过程，可在播放列表中不仅显示url地址，同时还可显示多媒体内容的名称，从而方便用户进行控制。若解析中包含图片标签，则在播放列表可以单独形成1个图片的控制页面。

手机和其他设备之间的控制过程如下：

预先定义手持设备和播放设备之间的控制命令协议。

根据不同的类型，预定义不同的控制命令协议，根据不同的数据类型定义不同的控制指令行为，协议包括“包头+控制指令行为+控制指令数据”，参数“控制指令行为”识别控制指令的类别，包含触控类、传感类、文本输入类、视频类、音乐类及图片类。

触控类最主要是触摸手机屏幕的操作。

传感类包括重力感应或者其他感应。

对于视频类，通常的控制指令包括音量加减，进度拖拉、上一个及下一个。

对于音乐类，通常的控制指令包含音量加减，进度拖拉、上一个及下一个。

对于图片类，通常的控制指令包含顺时针旋转、逆时针旋转、上一个及下一个等。

如图3所示，所述步骤S103具体包括：

S301、手持设备与播放设备建立流媒体传输通道；

通过流媒体传输协议，手机和电视、音响等播放设备建立流媒体传输通道。

S302、手持设备发送控制指令；

手持设备可点击其上的播放列表，进入到对应内容的操控界面，并进行操控，以发送控制指令。

S303、播放设备接收并解析手持设备发送的控制指令，确定控制指令类别以及控制指令数据并执行相应的动作。

电视、音响等设备接收并解析手机发送的控制指令，确定所属的控制指令类别，获取控制指令数据。电视、音响等播放设备，按照预定义的规则，执行控制指令。

当在编写一个网页浏览器程序时，如需要进行分屏显示文字与多媒体内容时，可以采用本发明中的相关技术。或者应用于编写分屏显示应用程序，即当需要编写一个分屏显示文本与多媒体内容的应用程序时，可以使用本发明的相关技术。对网页内容先进行分析，再调用已有的浏览器显示文字内容，将多媒体内容推送给电视播放。或者对已有的浏览器进行改造，添加插件功能，使其支持分屏显示，例如当一款已有浏览器支持插件开发的时候，可以在插件中使用本发明的相关技术，使已有的浏览器支持分屏显示文字内容与多媒体内容的播放。

基于上述方法，本发明还提供一种网页处理系统较佳实施例，如图4所示，其包括：

解析模块100，用于当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；

分发模块200，用于将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；

多屏互动模块300，用于手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。

进一步，所述播放设备包括大屏显示设备以及音响设备。

进一步，网页处理系统还包括：

预定义模块，用于预先定义手持设备和播放设备之间的控制命令协议，根据不同的数据类型定义不同的控制指令行为。

如图5所示，所述多屏互动模块300包括：

通道建立单元310，用于手持设备与播放设备建立流媒体传输通道；

控制指令发送单元320，用于手持设备发送控制指令；

执行单元330，用于播放设备接收并解析手持设备发送的控制指令，确定控制指令类别以及控制指令数据并执行相应的动作。

关于上述模块单元的技术细节在前面的方法中已有详述，故不再赘述。

综上所述，手持设备在访问HTML文本文件时，将其中的多媒体内容进行剥离，并分发到播放设备中，充分利用其所具有的播放功能优势，进行多媒体内容的播放，而手持设备则只显示文本信息，并且用户可通过手持设备中的播放列表来对播放设备的播放过程进行控制，增加了交互功能。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (10)

1.一种网页处理方法，其特征在于，包括步骤：

当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；

将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；

手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。

2.根据权利要求1所述的网页处理方法，其特征在于，当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离的步骤之前，还包括：

接收播放设备广播的所适合处理的数据类型信息，并存储各播放设备与适合处理的数据类型的匹配表。

3.根据权利要求2所述的网页处理方法，其特征在于，手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容的步骤之前包括：

预先定义手持设备和播放设备之间的控制命令协议，根据不同的数据类型定义不同的控制指令行为。

4.根据权利要求1所述的网页处理方法，其特征在于，当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离的步骤之前还包括：

在服务器端配置一视频解析库，通过搜索引擎获取网络上的资源信息，在所述视频解析库中形成包含资源信息及相应url地址的大数据库。

5.根据权利要求4所述的网页处理方法，其特征在于，将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组的步骤具体包括：

手持设备访问视频解析库，根据url地址，获取到多媒体内容的名称，组成不同数据类型的播放列表。

6.根据权利要求3所述的网页处理方法，其特征在于，手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容的步骤具体包括：

手持设备与播放设备建立流媒体传输通道；

手持设备发送控制指令；

播放设备接收并解析手持设备发送的控制指令，确定控制指令类别以及控制指令数据并执行相应的动作。

7.根据权利要求1所述的网页处理方法，其特征在于，当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离的步骤具体包括：

A1、判断当前标签是否为<AUDIO>，当是时判定当前标签为音频标签，提取出音频数据的url地址，并进入到步骤A5，否则进入步骤A2；

A2、判断当前标签是否为<EMB>或<OBJECT>，当是时判定当前标签为视频标签，提取出视频数据的url地址，并将视频数据分离成影像数据和音频数据，取出影像数据的url地址并进入步骤A6，取出音频数据的url地址并进入步骤A5，否则进入步骤A3；

A3、判断当前标签是否为<VIDEO>，若是则判定当前标签为视频标签，提取出视频数据的url地址，并将视频数据分离成影像数据和音频数据，取出影像数据的url地址并进入步骤A6，取出音频数据的url地址并进入步骤A5，否则进入步骤A4；

A4、判断当前标签是否为<IMG>，若是则判定当前标签为图片标签，提取出图片数据的url地址，并进入步骤A6，当否时重组HTML文本文件；

A5、组合音频数据的播放列表；

A6、组合影像数据和图片数据的播放列表。

8.一种网页处理系统，其特征在于，包括：

解析模块，用于当手持设备访问HTML文本文件时，解析HTML文本文件，根据当前标签将HTML文本文件中的多媒体内容的地址剥离；

分发模块，用于将剥离出的多媒体内容的地址组成相应的播放列表，并分发至匹配的播放设备中，并对剥离后的HTML文本文件进行重组；

多屏互动模块，用于手持设备打开重组后的HTML文件显示相应的文本网页，播放设备播放相应的多媒体内容。

9.根据权利要求8所述的网页处理系统，其特征在于，还包括：

预定义模块，用于预先定义手持设备和播放设备之间的控制命令协议，根据不同的数据类型定义不同的控制指令行为。

10.根据权利要求8所述的网页处理系统，其特征在于，所述多屏互动模块包括：

通道建立单元，用于手持设备与播放设备建立流媒体传输通道；

控制指令发送单元，用于手持设备发送控制指令；

执行单元，用于播放设备接收并解析手持设备发送的控制指令，确定控制指令类别以及控制指令数据并执行相应的动作。