一种页面内容显示方法及电子设备与流程

本发明涉及人机交互领域，尤其涉及一种页面内容显示方法及电子设备。

背景技术：

现有技术中，用户在办公或者娱乐的时候，经常会使用浏览器浏览多媒体文件(例如：视频文件或者音乐文件)。以打开音乐播放网站听音乐为例，在选定好歌曲之后，用户通常会将音乐所在的页面或窗口置于后台播放。此时，如果用户需要对音乐进行操作(如暂停播放或播放下一曲等)，需要点击音乐播放页面的页面标签或窗口，将其置回前台后，方可在页面里进行特定的操作。

通常情况下，可以通过HTML5技术来播放多媒体文件(例如：音乐或视频)，这种技术已经被大多数现代的浏览器内核所支持。使用HTML5的audio/video标签就可以让浏览器内核播放音乐或视频。其中，audio/video标签是页面DOM的一部分，可以方便的跟页面内的javascript脚本进行通信，从而控制音乐或视频的播放。

但是，目前越来越多的音乐网站或者视频网站做的相当的复杂，而且页面里掺杂了很多广告，故而用户如果需要查看多媒体文件的相关信息，则需要耗费较多的时间，不够方便，例如：通过网络搜索多媒体文件的标题获取多媒体文件的相关信息并显示、或者在很多广告中寻找多媒体文件的相关信息并显示等等。

技术实现要素：

本发明提供一种页面内容显示方法及电子设备，以解决现有技术中显示第一页面所对应的多媒体文件的相关信息耗时较多的技术问题。

第一方面，本发明实施例提供一种页面内容显示方法，应用于电子设备中， 所述电子设备的显示单元上显示有第一应用程序，所述第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，所述方法包括：

在所述第一页面中包含多媒体文件时，检测用户针对所述第一页面的第一页面标签的控制操作，其中，所述多媒体文件具体为：音频文件和/或视频文件；

判断所述控制操作是否满足第一预设条件；

在所述控制操作满足所述第一预设条件时，在一窗口中显示所述多媒体文件的相关信息。

可选的，所述相关信息具体为：所述多媒体文件的专辑封面信息；或

所述多媒体文件的播放器；或

所述音频文件所对应的文字内容信息；或

所述视频文件的预览文件信息。

可选的，所述第一页面标签上显示所述多媒体文件的N个控制子按钮，N为正整数，所述N个控制子按钮属于第一类控制按钮。

可选的，所述方法还包括：

在检测到满足第二预设条件的控制操作时，在所述第一页面标签上显示除所述N个控制子按钮之外的其它M个控制子按钮，M为正整数，所述M个控制子按钮也属于所述第一类控制按钮。

可选的，所述方法还包括：

在检测到满足第三预设条件的控制操作时，控制所述N个控制子按钮由第一方向朝向第二方向移动，进而将所述N个控制子按钮中的至少一个控制子按钮替换为所述N个控制子按钮之外的其它控制子按钮。

可选的，N的数量根据所述第一页面标签的宽度进行调整；或当N为固定值时，所述第一页面标签的宽度根据N的值进行调整。

可选的，所述方法还包括：

根据所述多媒体文件的播放状态，确定出所述第一类控制按钮所包含的多个控制子按钮显示于所述第一页面标签的优先级；

从所述多个控制子按钮中确定出优先级位于前N位的控制子按钮显示于所述第一页面标签。

可选的，所述方法还包括：

在所述第一页面中包含所述多媒体文件时，建立所述多媒体文件与第一类控制按钮的关联，并将所述第一类控制按钮显示在第一页面的标签上，以通过所述第一类控制按钮对所述多媒体文件进行控制。

可选的，所述对所述多媒体文件进行控制，具体包括：

接收所述电子设备的用户针对所述第一类控制按钮的控制操作；

将所述针对所述第一类控制按钮的控制操作转换为针对第二类控制按钮的对应操作，所述第二类控制按钮为所述第一页面中所述多媒体文件的控制按钮；

响应所述针对第二类控制按钮的对应操作，进而对所述多媒体文件的播放进行控制。

可选的，所述对所述多媒体文件进行控制，具体包括：

接收所述电子设备的用户针对所述第一类控制按钮的控制操作；

将所述针对所述第一类控制按钮的控制操作转换为针对所述多媒体文件的控制指令；

执行所述控制指令，以对所述多媒体文件的播放进行控制。

可选的，所述方法还包括：

判断所述第一页面是否为预设类页面；

在所述第一页面为所述预设类页面时，判断所述第一页面中是否包含所述多媒体文件。

可选的，所述在一窗口中显示所述多媒体文件的相关信息，具体包括：

在判断出针对所述第一页面标签的控制操作满足所述第一预设条件时，获取所述相关信息；

在所述窗口中显示所述相关信息。

可选的，所述方法还包括：

在确认所述第一页面中包含所述多媒体文件时，获取所述相关信息并将所述相关信息显示于所述窗口；

控制所述窗口处于隐藏状态；

所述在一窗口中显示所述多媒体文件的相关信息，具体包括：

控制所述窗口由所述隐藏状态进入显示状态。

第二方面，本发明实施例提供一种电子设备，所述电子设备的显示单元上显示有第一应用程序，所述第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，所述电子设备包括：

检测模块，用于在所述第一页面中包含多媒体文件时，检测用户针对所述第一页面的第一页面标签的控制操作，其中，所述多媒体文件具体为：音频文件和/或视频文件；

判断模块，用于判断所述控制操作是否满足第一预设条件；

显示模块，用于在所述控制操作满足所述第一预设条件时，在一窗口中显示所述多媒体文件的相关信息。

可选的，所述相关信息具体为所述多媒体文件的专辑封面信息；或

所述多媒体文件的播放器；或

所述音频文件所对应的文字内容信息；或

所述视频文件的预览文件信息。

可选的，所述第一页面标签上显示所述多媒体文件的N个控制子按钮，N为正整数，所述N个控制子按钮属于第一类控制按钮。

可选的，所述电子设备还包括：

建立模块，用于在所述第一页面中包含所述多媒体文件时，建立所述多媒体文件与第一类控制按钮的关联，并将所述第一类控制按钮显示在第一页面的标签上，以通过所述第一类控制按钮对所述多媒体文件进行控制。

可选的，所述建立模块，具体包括：

第一接收单元，用于接收所述电子设备的用户针对所述第一类控制按钮的控制操作；

第一转换单元，用于将所述针对所述第一类控制按钮的控制操作转换为针对第二类控制按钮的对应操作，所述第二类控制按钮为所述第一页面中所述多媒体文件的控制按钮；

响应单元，用于响应所述针对第二类控制按钮的对应操作，进而对所述多媒体文件的播放进行控制。

可选的，所述建立模块，具体包括：

第二接收单元，用于接收所述电子设备的用户针对所述第一类控制按钮的控制操作；

第二转换单元，用于将所述针对所述第一类控制按钮的控制操作转换为针对所述多媒体文件的控制指令；

执行单元，用于执行所述控制指令，以对所述多媒体文件的播放进行控制。

可选的，所述电子设备，还包括：

第二判断模块，用于判断所述第一页面是否为预设类页面；

第三判断模块，用于在所述第一页面为所述预设类页面时，判断所述第一页面中是否包含所述多媒体文件。

可选的，所述显示模块，具体包括：

获取单元，用于在判断出针对所述第一页面标签的控制操作满足所述第一预设条件时，获取所述相关信息；

显示单元，用于在所述窗口中显示所述相关信息。

可选的，所述电子设备还包括：

获取模块，用于在确认所述第一页面中包含所述多媒体文件时，获取所述相关信息并将所述相关信息显示于所述窗口；

隐藏模块，用于控制所述窗口处于隐藏状态；

所述显示模块，具体用于：

控制所述窗口由所述隐藏状态进入显示状态。

本发明有益效果如下：

由于在本发明实施例中，提供了一种页面内容显示方法，应用于电子设备中，电子设备的显示单元上显示有第一应用程序，第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，该方法包括：在第一页面中包含多媒体文件时，检测用户针对第一页面的第一页面标签的控制操作，其中，多媒体文件具体为：音频文件和/或视频文件；判断控制操作是否满足第一预设条件；在控制操作满足第一预设条件时，在第一窗口中显示多媒体文件的相关信息。也就是通过响应针对第一页面标签的控制操作，就可以在一窗口显示多媒体文件的相关信息，而不需要通过网络进行搜索、也不需要在第一页面所包含的很多内容中寻找多媒体文件的相关信息，故而降低了显示多媒体文件的相关信息的耗时，且操作更加方便；

并且，由于在相关信息显示于一窗口，而窗口能够占用较大的空间，故而达到了所获得相关信息的内容较多的技术效果。

附图说明

图1为本发明实施例中页面内容显示方法的流程图；

图2为本发明实施例页面内容显示方法中浏览器所显示的三个页面的示意图；

图3a为本发明实施例页面内容显示方法中第一页面标签所在区域显示三个控制子按钮的示意图；

图3b为本发明实施例页面内容显示方法中第一页面标签所在区域显示三个控制子按钮之外的其它控制子按钮的示意图；

图3c为本发明实施例页面内容显示方法中对第一页面标签所显示的三个控制子按钮进行切换之后的示意图；

图4为本发明实施例中电子设备的结构图。

具体实施方式

本发明提供一种页面内容显示方法及电子设备，以解决现有技术中显示第一页面所对应的多媒体文件的相关信息耗时较多的技术问题。

本申请实施例中的技术方案为解决上述的技术问题，总体思路如下：

提供了一种页面内容显示方法，应用于电子设备中，电子设备的显示单元上显示有第一应用程序，第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，该方法包括：在第一页面中包含多媒体文件时，检测用户针对第一页面的第一页面标签的控制操作，其中，多媒体文件具体为：音频文件和/或视频文件；判断控制操作是否满足第一预设条件；在控制操作满足第一预设条件时，在第一窗口中显示多媒体文件的相关信息。也就是通过响应针对第一页面标签的控制操作，就可以在一窗口显示多媒体文件的相关信息，而不需要通过网络进行搜索、也不需要在第一页面所包含的很多内容中寻找多媒体文件的相关信息，故而降低了显示多媒体文件的相关信息的耗时，且操作更加方便；

并且，由于在相关信息显示于一窗口，而窗口能够占用较大的空间，故而达到了所获得相关信息的内容较多的技术效果。

为了更好的理解上述技术方案，下面通过附图以及具体实施例对本发明技术方案做详细的说明，应当理解本发明实施例以及实施例中的具体特征是对本发明技术方案的详细的说明，而不是对本发明技术方案的限定，在不冲突的情况下，本发明实施例以及实施例中的技术特征可以相互组合。

第一方面，本发明实施例提供一种页面内容显示方法，应用于电子设备中，电子设备的显示单元上显示有第一应用程序，第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，请参考图1，该方法包括：

步骤S101：在第一页面中包含多媒体文件时，检测用户针对第一页面的第一页面标签的控制操作，其中，多媒体文件具体为：音频文件和/或视频文件；

步骤S102：判断控制操作是否满足第一预设条件；

步骤S103：在控制操作满足第一预设条件时，在一窗口中显示多媒体文件的相关信息。

举例来说，电子设备例如为：笔记本电脑、平板电脑、手机等等。

举例来说，第一应用程序例如为：浏览器、文档浏览程序、图像处理程序等等，为了后续介绍方便，在本实施例中将以第一应用程序为浏览器为例进行介绍。如图2所示，浏览器上包含三个页面的页面标签，第一页面的页面标题为：页面1、第二页面的页面标题为页面2、第三页面的页面标题为页面3，用户当前浏览的页面可以为这三个页面(也即至少一个页面)中的任意一个页面，如果用户当前浏览的页面为第一页面之外的其它页面的话(在图2中用户当前浏览的页面为第二页面)，则能够保证在用户没有浏览第一页面时，也能够了解第一页面的多媒体文件的相关信息。

其中，可以通过浏览器的插件对至少一个页面的页面标签进行管理，浏览器的插件是伴随着浏览器的启动而启动的，其中，每个插件都会有一个背景页面，背景页面跟随着浏览器的启动而启动，且生命周期跟浏览器的生命周期是一致的，在背景页面里，可以调用很多浏览器提供的接口。例如，我们可以通过接口来创建、关闭或者改变页面标签的状态，也就是说，可以通过接口主动地操作浏览器的页面标签。与之相反的，另一部分接口可以监听浏览器页面标签的变化，每当用户创建、关闭或者改变页面标签状态的时候，都会给背景页面发送一个通知，背景页面接到通知后就可以进行接下来的逻辑。在这之后，每当用户打开或刷新页面标签时，插件都是可以知道这个页面标签的具体URL。

步骤S101中，控制操作例如为：用鼠标点击第一页面标签的操作、鼠标浮动在第一页面标签的操作、眼神盯着第一页面标签的操作等等。

步骤S102中，第一预设条件可以为预设的任意条件，例如：检测到的控制操作为鼠标浮动在第一页面标签的操作、检测到的控制操作为预设盯着第一 页面标签的操作等等。

步骤S103中，可以在第一页面中注入一段脚本(例如：javascript脚本)，通过这段脚本来获取并显示多媒体文件的相关信息并将相关信息显示于显示单元的一窗口。

步骤S103中，多媒体文件的相关信息可以为多种类型的相关信息，下面列举其中的几种进行介绍，当然，在具体实施过程中，不限于以下几种情况。

第一种，多媒体文件例如为：音频文件，在这种情况下，相关信息例如为：音频文件所对应的文字内容信息，其中可以通过音频文件的标签信息在网络中搜索获得音频文件的文字内容信息；又或者，可以对音频文件进行语音识别，进而获得其中的文字内容信息，并将其显示于电子设备的显示单元。其中，如果音频文件为歌曲的话，则音频文件所对应的文字内容信息则为歌词信息；如果音频文件为有声小说的话，则显示对应的当前段落的小说章节内容等等。

进一步的，还可以对当前播放的文字内容进行重点标注，例如：高亮显示、加粗显示等等，进而对当前播放的文字内容进行提示。

第二种，在多媒体文件包含：视频文件时，相关信息具体为：视频文件的预览文件信息。

举例来说，在检测到控制操作满足第一预设条件时，可以获取对应的视频文件，然后将视频文件的尺寸进行压缩之后，显示于显示单元，压缩过的视频文件即为视频文件的预览文件信息。

其中，对于网页中的video对象，利用网页中注入的脚本，可以将其播放源、播放进度等信息传递到插件的背景页面中，背景页面得到这些信息后，可以克隆一个跟网页中视频一模一样的video对象。利用浏览器开放的接口，将这个video对象传递给第一标签，当检测到满足第一预设条件的第一控制操作之后，就显示第一页面标签所对应的video对象。这样用户就可以在不切换页面标签的情况下，看到其它页面下视频播放的预览效果。

第三种，相关信息具体为：多媒体文件的专辑封面信息；

举例来说，可以通过多媒体文件的标签信息或者标题信息搜索获得对应的专辑封面信息，并将其显示于该窗口。

第四种，相关信息具体为：多媒体文件的播放器。

举例来说，可以获得第一页面中的多媒体文件的播放器，并将其显示于该窗口；也可以从网络上搜索获得其它播放器，并将其显示于该窗口，从而可以通过该窗口所显示的播放器实现对第一页面中的多媒体文件的控制。

在具体实施过程中，步骤S103中可以通过多种方式在窗口中显示多媒体文件的相关信息，下面列举其中的两种显示方式，当然，在具体实施过程中，并不限于以下两种方式。

第一种，在一窗口中显示多媒体文件的相关信息，具体包括：

在判断出针对第一页面标签的控制操作满足第一预设条件时，获取相关信息；在窗口中显示相关信息。

具体来讲，在检测到针对第一页面标签的控制操作满足第一预设条件时，也就说明电子设备的用户需要显示多媒体文件的相关信息，在这种情况下，才需要获取相关信息。

由于在上述方案中，不需要每次都获取相关信息，故而能够降低电子设备的存储负担；并且该方案中由于不需要预先存储多媒体文件的相关信息，故而占用电子设备的资源较小。

第二种，在确认第一页面中包含多媒体文件时，获取相关信息并将相关信息显示于窗口；控制窗口处于隐藏状态；

在一窗口中显示多媒体文件的相关信息，具体包括：控制窗口由隐藏状态进入显示状态。

举例来说，第一标签可以预先创建一个透明窗口，用于显示多媒体文件的相关信息，在不存在满足第一预设条件的控制操作时，可以控制透明窗口处于隐藏状态(例如：不调用透明窗口、将透明窗口的不透明度调整为0％等等)，在检测到满足第一预设条件的控制操作之后，则控制透明窗口处于显示状态 (例如:在前台调用透明窗口、将透明窗口的不透明度调整为50％、70％、100％等等)，进而显示多媒体文件的相关信息。

由于在上述方案中，预先获取多媒体文件的相关信息并预先创建显示相关信息的窗口，从而能够提高显示多媒体文件的相关信息的速度。

通过将多媒体文件的相关信息显示于窗口，能够保证多媒体文件的相关信息有充分的位置显示，进而使电子设备的用户能够更加方便的读取多媒体文件的相关信息。

作为进一步的优选实施例，第一页面标签上显示有多媒体文件的N个控制子按钮，N为正整数，N个控制子按钮属于第一类控制按钮。

举例来说，第一类控制按钮指的是位于第一页面标签上以对第一页面的多媒体文件进行控制的按钮，第一类控制按钮例如可以包含：暂停、快进、停止、播放、快退等按钮中的至少一个按钮。N例如为：3、4等等，如图3a所示，为第一页面标签显示有3个控制子按钮的示意图。

在具体实施过程中，可以通过多种方式控制显示于第一页面标签的N个控制子按钮的数量，下面列举其中的两种进行介绍，当然，在具体实施过程中，不限于以下两种情况。

第一种，N的数量根据第一页面标签的宽度进行调整。

举例来说，第一应用程序中每个页面标签的宽度都为固定值，每个页面标签的宽度例如为：页面标签的整体宽度除以页面标签的数量，而每个控制子按钮的宽度都是固定值，故而可以通过第一页面标签的宽度减掉第一页面的页面标题的宽度，然后除以控制子按钮的宽度，进而确定出显示于第一页面标签的控制子按钮的数量N。

第二种，当N为固定值时，第一页面标签的宽度根据N的值进行调整。

举例来说，也就是第一页面标签的宽度并不固定，而是根据N的值进行调整，其中N例如为：某固定数值(例如：3、4等等)，也可以为控制子按钮的总数等等，本发明实施例不作限制。在确定N的数量之后，通过N乘以每个 控制子按钮的宽度，然后加上第一页面的页面标题的宽度，就可以确定出第一页面标签的宽度。

在具体实施过程中，由于对多媒体文件进行控制的控制子按钮的数量往往较多，通常情况下，并不是所有的控制子按钮都会显示于第一页面标签，在这种情况下，则为了方便对多媒体文件进行控制，则需要通过一些操作调用N个控制子按钮之外的其它控制子按钮，下面列举其中的两种调用方式进行介绍，当然，在具体实施过程中，并不限于以下两种调用方式。

第一种，在检测到满足第二预设条件的控制操作时，在第一页面标签显示除N个控制子按钮之外的其它M个控制子按钮，M为正整数，M个控制子按钮也属于第一类控制按钮。

举例来说，满足第二预设条件的控制操作例如为：鼠标放置于第一页面标签的操作、眼神盯着第一页面标签的操作等等。

在检测到满足第二预设条件的控制操作之后，则说明电子设备的用户希望查看到其它M个控制子按钮，故而则在第一页面标签不仅显示N个控制子按钮，还可以显示其它M个控制子按钮，例如，通过弹出窗口的方式显示其他控制子按钮，如图3b所示。

通过上述方案，达到了能够保证第一类控制按钮能够充分显示于第一页面标签的技术效果。

第二种，在检测到满足第三预设条件的控制操作时，控制N个控制子按钮由第一方向朝向第二方向移动，进而将N个控制子按钮中的至少一个控制子按钮替换为N个控制子按钮之外的其它控制子按钮。

举例来说，满足第三预设条件的控制操作例如为：鼠标放置于第一页面标签上且滚动滚轮的操作、眼神位于第一页面标签且左右转动的操作、鼠标停留在标签上且通过滚轮操作按钮的左右移动的操作、点击左右箭头的操作等等。其中可以针对每个控制子按钮设置一个编号，如果检测到眼神从左至右的转动操作，则显示N个控制子按钮从左至右移动，从而N个控制子按钮中位于第 一标签右侧的部分按钮不再显示于第一标签，而其他控制子按钮则陆续显示于第一标签左侧；如果检测到鼠标放置于第一标签且点击左箭头的操作，则控制N个控制子按钮从右至左移动，从而N个控制子按钮中位于第一标签左侧的部分按钮不再显示于第一标签，而其他控制子按钮则陆续显示于第一标签右侧等等。如图3c所示，为N个控制子按钮移动之后，第一页面标签所显示的控制子按钮的示意图。

通过上述方案，达到了能够方便切换第一页面标签所显示的控制子按钮的技术效果。

作为进一步的优选实施例，方法还包括：

根据多媒体文件的播放状态，确定出第一类控制按钮所包含的多个控制子按钮显示于第一页面标签的优先级；

从多个控制子按钮中确定出优先级位于前N位的控制子按钮显示于第一页面标签。

举例来说，在具体实施过程中，注入第一页面的脚本还可以与插件进行通信，进而可以通过这段脚本检测第一页面中的多媒体文件的播放状态，并将播放状态发送至背景页面。其中，可以通过检测第二类控制按钮(也即在第一页面中对多媒体文件进行控制的按钮)的状态或者audio/video对象的状态来确定第一页面中的多媒体文件的播放状态，例如：通过检测第二类控制按钮中的播放按钮是否处于触发状态来确定多媒体文件是否播放、或者检测audio对象是否正在播放来确定第一页面中的播放器是否处于播放状态等等。

而基于多媒体文件的播放状态的不同，电子设备的多媒体文件的控制需求也不同，例如：如果多媒体文件处于尚未播放状态，则播放按钮、上一首按钮、下一首按钮的使用优先级会较高；如果多媒体文件处于播放状态，则暂停按钮、快进按钮的使用优先级较高等等。在这种情况下，可以基于多媒体文件的不同播放状态，进而确定出第一类控制按钮的显示于第一页面标签的优先级。

由于最终是将优先级位于前N位的控制子按钮显示于第一页面标签，也就 是将用户使用率最高的控制子按钮显示于第一页面标签，从而对多媒体文件的控制更加方便。

作为进一步的优选实施例，方法还包括：

在第一页面中包含多媒体文件时，建立多媒体文件与第一类控制按钮的关联，并将第一类控制按钮显示在第一页面的标签上，以通过第一类控制按钮对多媒体文件进行控制。

举例来说，电子设备可以首先获取第一页面的页面代码，然后判断第一页面中是否包含预设标签，预设标签例如为：针对视频文件的video标签、针对音频文件的audio标签等等，如果第一页面中包含预设标签，则说明第一页面中包含多媒体文件，从而需要建立多媒体文件与第一类控制按钮的关联。

浏览器可以通过多种时机判断第一页面中是否包含多媒体文件，下面列举其中的两种进行介绍，当然，在具体实施过程中，不限于以下两种情况。

第一种，方法还包括：

判断第一页面是否为预设类页面；

在第一页面为预设类页面时，判断第一页面中是否包含多媒体文件。

举例来说，预设类页面例如为：视频播放类页面、音频播放类页面等等。以第一应用程序为浏览器为例，则预设类页面为预设类网页，其中，可以预先收集视频类网站、音频类网站的域名信息，然后在通过浏览器打开第一页面时，将第一页面的域名与预设收集的域名信息进行匹配，如果匹配成功，则说明第一页面为预设类页面，如果匹配不成功，则说明第一页面不为预设类页面。

而如果第一页面为预设类页面，则说明第一页面中包含多媒体文件的概率较高，在这种情况下，则可以在第一页面中注入脚本，通过这段脚本可以定位第一页面中的视频播放器或者音频播放器，进而检测第一页面中是否包含多媒体文件，并在包含多媒体文件时建立多媒体文件与第一类控制按钮的关联。

由于在上述方案中，在第一页面为预设类页面时，才需要检测第一页面中是否包含多媒体文件，而不需要针对每个页面都判断其是否包含多媒体文件， 故而达到了降低电子设备的处理负担的技术效果。

第二种，在通过第一应用程序浏览第一页面时，判断第一页面中是否包含多媒体文件。

举例来说，也就是如果检测到第一应用程序浏览第一页面，则直接在第一页面中注入脚本，进而通过这段脚本检测第一页面中是否包含多媒体文件，如果第一页面中包含多媒体文件，则通过这段脚本可以建立多媒体文件与第一类控制按钮的关联，以对多媒体文件的播放进行控制。

由于在上述方案中，针对每个页面都会检测该页面中是否包含多媒体文件，故而不会遗漏页面，从而针对任何包含多媒体文件的页面都能够通过该窗口显示其对应的相关信息。

在具体实施过程中，在用户通过控制操作点击和/或拖动第一类控制按钮时，背景页面会首先得到通知，背景页面在得到通知之后，承载背景页面的插件首先将对应的消息传送至之前注入第一页面的那段脚本，这段脚本就会按照预先设定好的程序去操作多媒体文件所对应的播放器，达到控制多媒体文件播放的目的。

在具体实施过程中，可以通过多种方式对多媒体文件进行控制，下面列举其中的两种形式，当然，在具体实施过程中，并不限于以下两种情况。

第一种，对多媒体文件的播放进行控制，具体包括：

接收电子设备的用户针对第一类控制按钮的控制操作；

将针对第一类控制按钮的控制操作转换为针对第二类控制按钮的对应操作，第二类控制按钮为第一页面中多媒体文件的控制按钮；

响应针对第二类控制按钮的对应操作，进而对多媒体文件的播放进行控制。

举例来说，也就是插件通过代码来模拟用户点击和/或拖动第二类控制按钮的操作，进而通过点击和/或拖动操作对第二类控制按钮进行控制，进而实现对多媒体文件播放的控制。

例如，如果用户点击了第一标签上的暂停按钮(也就是第一类控制按钮中 的暂停按钮)，插件会将暂停这个事件传递到第一页面(也即：播放器所在的页面)中，然后第一页面中的脚本会利用模拟点击暂停按钮的方式去暂停多媒体文件的播放。

第二种，对多媒体文件的播放进行控制，具体包括：

接收电子设备的用户针对第一类控制按钮的控制操作；

将针对第一类控制按钮的控制操作转换为针对多媒体文件的控制指令；

执行控制指令，以对多媒体文件的播放进行控制。

举例来说，也就是直接将控制操作转换为针对多媒体文件进行控制的控制指令，进而通过控制指令直接对多媒体文件进行控制。例如，可以先找到第一页面中的audio/video标签，找到audio/video标签后就相应的获得了HTML5的audio/video对象，利用HTML5(当然也可以为其它格式的对象)提供的内置接口(如play,pause等)就可以控制音频文件或视频文件的播放。

例如，如果用户点击了标签上的暂停按钮，插件会将暂停这个事件传递到第一页面，第一页面中的脚本将这个事件转换为暂停指令，通过audio/video对象的暂停接口去暂停多媒体文件的播放。

由于在上述方案中，直接将针对第一类控制按钮的控制操作转换为控制指令，故而即使是第一页面中的多媒体文件并未包含第二类控制按钮，也可以实现对第一页面中的多媒体文件的控制，故而其应用范围更加广泛。

在上述对多媒体文件的播放控制过程中，不需要用户由当前页面标签切换至第一页面标签，更不需要用户在复杂的页面中寻找播放器，进而就可以实现对多媒体文件的播放的控制，故而控制更加方便。

第二方面，基于同一发明构思，本发明实施例提供一种电子设备，所述电子设备的显示单元上显示有第一应用程序，所述第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，请参考图4，所述电子设备包括：

检测模块40，用于在所述第一页面中包含多媒体文件时，检测用户针对所 述第一页面的第一页面标签的控制操作，其中，所述多媒体文件具体为：音频文件和/或视频文件；

第一判断模块41，用于判断所述控制操作是否满足第一预设条件；

显示模块42，用于在所述控制操作满足所述第一预设条件时，在一窗口中显示所述多媒体文件的相关信息。

可选的，所述相关信息具体为所述多媒体文件的专辑封面信息；或

所述多媒体文件的播放器；或

所述音频文件所对应的文字内容信息；或

所述视频文件的预览文件信息。

可选的，所述第一页面标签上显示所述多媒体文件的N个控制子按钮，N为正整数，所述N个控制子按钮属于第一类控制按钮。

可选的，所述显示模块42，还用于：

在检测到满足第二预设条件的控制操作时，在所述第一页面标签上显示除所述N个控制子按钮之外的其它M个控制子按钮，M为正整数，所述M个控制子按钮也属于所述第一类控制按钮。

可选的，所述电子设备还包括：

控制模块，用于在检测到满足第三预设条件的控制操作时，控制所述N个控制子按钮由第一方向朝向第二方向移动，进而将所述N个控制子按钮中的至少一个控制子按钮替换为所述N个控制子按钮之外的其它控制子按钮。

可选的，N的数量根据所述第一页面标签的宽度进行调整；或当N为固定值时，所述第一页面标签的宽度根据N的值进行调整。

可选的，所述电子设备还包括：

第一确定模块，用于根据所述多媒体文件的播放状态，确定出所述第一类控制按钮所包含的多个控制子按钮显示于所述第一页面标签的优先级；

第二确定模块，用于从所述多个控制子按钮中确定出优先级位于前N位的控制子按钮显示于所述第一页面标签。

可选的，所述电子设备还包括：

建立模块，用于在所述第一页面中包含所述多媒体文件时，建立所述多媒体文件与第一类控制按钮的关联，并将所述第一类控制按钮显示在第一页面的标签上，以通过所述第一类控制按钮对所述多媒体文件进行控制。

可选的，所述建立模块，具体包括：

第一接收单元，用于接收所述电子设备的用户针对所述第一类控制按钮的控制操作；

第一转换单元，用于将所述针对所述第一类控制按钮的控制操作转换为针对第二类控制按钮的对应操作，所述第二类控制按钮为所述第一页面中所述多媒体文件的控制按钮；

响应单元，用于响应所述针对第二类控制按钮的对应操作，进而对所述多媒体文件的播放进行控制。

可选的，所述建立模块，具体包括：

第二接收单元，用于接收所述电子设备的用户针对所述第一类控制按钮的控制操作；

第二转换单元，用于将所述针对所述第一类控制按钮的控制操作转换为针对所述多媒体文件的控制指令；

执行单元，用于执行所述控制指令，以对所述多媒体文件的播放进行控制。

可选的，所述电子设备还包括：

第二判断模块，用于判断所述第一页面是否为预设类页面；

第三判断模块，用于在所述第一页面为所述预设类页面时，判断所述第一页面中是否包含所述多媒体文件。

可选的，所述显示模块42，具体包括：

获取单元，用于在判断出针对所述第一页面标签的控制操作满足所述第一预设条件时，获取所述相关信息；

显示单元，用于在所述窗口中显示所述相关信息。

可选的，所述电子设备还包括：

获取模块，用于在确认所述第一页面中包含所述多媒体文件时，获取所述相关信息并将所述相关信息显示于所述窗口；

隐藏模块，用于控制所述窗口处于隐藏状态；

所述显示模块42，具体用于：

控制所述窗口由所述隐藏状态进入显示状态。本发明一个或多个实施例，至少具有以下有益效果：

由于在本发明实施例中，提供了一种页面内容显示方法，应用于电子设备中，电子设备的显示单元上显示有第一应用程序，第一应用程序的标签栏显示有包含第一页面在内的至少一个页面的页面标签，该方法包括：在第一页面中包含多媒体文件时，检测用户针对第一页面的第一页面标签的控制操作，其中，多媒体文件具体为：音频文件和/或视频文件；判断控制操作是否满足第一预设条件；在控制操作满足第一预设条件时，在第一窗口中显示多媒体文件的相关信息。也就是通过响应针对第一页面标签的控制操作，就可以在一窗口显示多媒体文件的相关信息，而不需要通过网络进行搜索、也不需要在第一页面所包含的很多内容中寻找多媒体文件的相关信息，故而降低了显示多媒体文件的相关信息的耗时，且操作更加方便；

并且，由于在相关信息显示于一窗口，而窗口能够占用较大的空间，故而达到了所获得相关信息的内容较多的技术效果。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和 /或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的嵌入式控制器以产生一个机器，使得通过计算机或其他可编程数据处理设备的嵌入式控制器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样，倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。