CN103544008A - 浏览器中播放音频的方法和装置 - Google Patents

Abstract

本发明公开了一种浏览器中播放音频的方法和装置，所述的方法包括：在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。从而在浏览器中播放音频时，使得用户的操作界面和播放的控制逻辑分离，即使操作界面关闭也不会影响音频的播放，使用非常的方便。

Description

浏览器中播放音频的方法和装置

技术领域

本发明涉及浏览器技术，具体涉及一种浏览器中播放音频的方法和装置。

背景技术

音乐是一种日常生活中不可或缺的组成部分，随着网络技术的发展，用户可以在网络中查找到各式各样的音乐等音频资源，并采用网页收听该音频资源。

但是，用户必须在浏览器中开启音乐播放的相关网页，才能采用通过网页收听音频。并且网页播放音频时，音频的控制、播放等各种功能都是集成在一个网页中的，因此需要在该网页中查找音频，再控制音频的播放。用户若要收听音频则必须保持该网页的开启状态，占用了浏览器中的页面资源，并且一旦用户不小心关闭了该网页，当前收听的音频就会停止播放，使用非常不方便。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的浏览器中播放音频的装置和相应的浏览器中播放音频的方法。

依据本发明的一个方面，提供了一种浏览器中播放音频的方法，包括：

在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；

在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；

通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

本发明一个优选实施例中，所述在浏览器扩展的背景页面中加载音频数据的步骤，包括：在所述背景页面中调用网络的音频服务器；从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

本发明一个优选实施例中，在所述背景页面中加载控制音频数据播放的网页元素的步骤，包括：在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或，通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

本发明一个优选实施例中，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放之前，还包括：将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

本发明一个优选实施例中，还包括：在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

本发明一个优选实施例中，还包括：将本地存储的音频数据与浏览器中存储的用户信息绑定，并在浏览器端进行音频数据的同步。

本发明一个优选实施例中，还包括：依据浏览器中当前显示的网页标签获取当前网页的链接地址；依据所述链接地址获取当前网页的DOM树，并依据所述DOM树获取所述当前页面中流媒体的链接地址和音频播放信息；将流媒体的链接地址和音频播放信息添加到所述背景页面加载的音频数据中。

本发明一个优选实施例中，还包括：将浏览器中当前网页中流媒体提取信息发送到浏览器的服务器，其中所述提取信息包括所述流媒体的链接地址、开始截取时间和终止截取时间；从所述浏览器的服务器中获取依据所述提取信息提取的音频数据；将所述提取的音频数据添加到所述背景页面加载的音频数据中。

本发明一个优选实施例中，还包括：对浏览器中开启页面进行流媒体识别，并在识别出所述开启页面存在流媒体时执行以下任一项操作：对所述音频数据的播放进行音效控制并提示用户进行播放选择；停止播放所述音频数据，并切换到播放所述开启页面的流媒体；对所述开启页面播放的流媒体采取静音操作。

根据本发明的另一方面，提供了一种浏览器中播放音频的装置，包括：

数据和元素加载模块，用于在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；

界面加载模块，用于在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；

播放控制模块，用于通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

本发明一个优选实施例中，所述数据和元素加载模块，包括：调用子模块，用于在所述背景页面中调用网络的音频服务器；数据加载子模块，用于从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

本发明一个优选实施例中，所述数据和元素加载模块，包括：元素加载子模块，用于在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或，通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

本发明一个优选实施例中，还包括：关联模块，用于将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

本发明一个优选实施例中，还包括：服务器同步模块，用于在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

本发明一个优选实施例中，还包括：浏览器同步模块，用于将本地存储的音频数据与浏览器中存储的用户信息绑定，并在浏览器端进行音频数据的同步。

本发明一个优选实施例中，还包括：网页加载模块，用于依据浏览器中当前显示的网页标签获取当前网页的链接地址；依据所述链接地址获取当前网页的DOM树，并依据所述DOM树获取所述当前页面中流媒体的链接地址和音频播放信息；将流媒体的链接地址和音频播放信息添加到所述背景页面加载的音频数据中。

本发明一个优选实施例中，还包括：网页截取模块，用于将浏览器中当前网页中流媒体提取信息发送到浏览器的服务器，其中所述提取信息包括所述流媒体的链接地址、开始截取时间和终止截取时间；从所述浏览器的服务器中获取依据所述提取信息提取的音频数据；将所述提取的音频数据添加到所述背景页面加载的音频数据中。

本发明一个优选实施例中，还包括：识别模块，用于对浏览器中开启页面进行流媒体识别，并在识别出所述开启页面存在流媒体时执行以下任一项操作：对所述音频数据的播放进行音效控制并提示用户进行播放选择；停止播放所述音频数据，并切换到播放所述开启页面的流媒体；对所述开启页面播放的流媒体采取静音操作。

根据本发明的浏览器中播放音频的方法可以在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素，并在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放，在浏览器中播放音频时，使得用户的操作界面和播放的控制逻辑分离，由此解决了使用浏览器播放音频时必须开启网页的问题，取得了即使操作界面关闭也不会影响音频的播放，使用方便的有益效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明实施例一提供的浏览器中播放音频的方法流程图；

图2示出了根据本发明实施例二提供的浏览器中播放音频的方法流程图；

图3示出了根据本发明实施例二提供的浏览器中播放音频的操作界面示意图；

图4示出了根据本发明实施例三提供的浏览器中播放音频的装置结构图；

图5示出了根据本发明实施例三提供的浏览器中播放音频的装置可选结构图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例公开了一种浏览器中播放音频的方法，能够在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素，并在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。从而在浏览器中播放音频时，使得用户的操作界面和播放的控制逻辑分离，即使操作界面关闭也不会影响音频的播放，使用非常的方便。

实施例一

参照图1，给出了本发明实施例一提供的浏览器中播放音频的方法流程图。

步骤101，在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素。

本发明实施例在采用浏览器进行音频播放时，并不是通过浏览器中开启的网页进行播放，而是对浏览器进行扩展使其具有音频播放的功能。

在浏览器中播放音频时，将用户的操作界面与播放的控制逻辑分离，其中播放的控制逻辑配置于浏览器的背景（background）页面中。其中background页面为扩展的后台运行Html页面，浏览器中绝大多数的扩展都包含一个background页面，用来执行扩展的主要功能。

因此，可以在在浏览器扩展的background页面中加载音频数据，所述音频数据指的是与音频相关的数据信息，如音频文件，该音频文件的音频播放信息如名称、时长等。并在background页面中加载控制音频数据播放的网页元素，如暂停、下一曲、上一曲等相关控制逻辑。

步骤102，在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面。

用户的操作界面配置于浏览器的弹出（popup）页面中，popup页面是浏览器中的一个扩展页面，如点击浏览器插件栏按钮时弹出的Html页面。

在浏览器扩展的popup页面中创建一个操作界面，即UI（User Interface，用户界面），该UI界面中包含对音频数据的播放进行控制的界面信息，如播放控制按钮（下一曲、上一曲等）、显示界面等，从而在popup页面中通过UI界面可以实现用户对音频数据的播放。

步骤103，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

在background页面中实现了播放的控制逻辑，并在popup页面中创建了UI界面后，可以通过popup页面中的UI界面控制background页面的网页元素，进而控制背景页面中的音频数据的播放，如用户可以在UI界面中通过播放按钮播放音频，或通过显示界面选择播放的音频文件，操作简单。

其中，popup页面中的UI界面是用户的操作界面，而实际的音频数据以及网页元素都存储于background页面中，因此即使用户关闭了浏览器的popup页面，浏览器依然可以播放音频，使用非常的方便。

综上所述，在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素，并在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。从而在浏览器中播放音频时，使得用户的操作界面和播放的控制逻辑分离，即使操作界面关闭也不会影响音频的播放，使用非常的方便。

实施例二

在上述实施例的基础上，本实施例进一步详细论述浏览器中播放音频的方法。

参照图2，给出了本发明实施例二提供的浏览器中播放音频的方法流程图。

步骤201，在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素。

优选的，所述在浏览器扩展的背景页面中加载音频数据的步骤，包括：在所述背景页面中调用网络的音频服务器；从所述音频服务器中获取音频数据，并加载到所述背景页面中。

在background页面，可以通过JS（Javascript）代码实现音频数据的加载。具体可以通过Ajax（Asynchronous JavaScript And XML，异步JavaScript及XML）调用，从提供音乐资源的音频服务器获取音频数据，包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

其中，音频是以音频文件的形式在计算机内进行存储的，可以包括各种不同的格式，如MPEG（Moving Pictures Experts Group/Motion Pictures ExpertsGroup，动态图像专家组），又如MP3等。音频播放信息是与音频文件播放相关的信息，包括音频的时长、大小、名称，以及当前播放的时间等信息。音频播放列表是音频服务器内对音频文件进行分类的列表信息，包括多种不同的类型，如按照音乐类型分为古典、摇滚、乡村等，又如按照时间分为怀旧、最新等。

因此，可以预先与音频服务器的网站，如音乐网站进行合作，从音频服务器中获取专属类别的音频数据。

其中，过Ajax指一种创建交互式网页应用的网页开发技术，其在浏览器与服务器之间使用异步数据传输，如HTTP（Hypertext transfer protocol，超文本传输协议）请求，可以使网页从服务器请求少量的信息，而非整个页面，进而使得应用程序更小、更快，更友好。

优选的，在所述背景页面中加载控制音频数据播放的网页元素时，可以采用多种不同的方法：

1、在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素。

Html5具有媒介事件，即由视频、图像以及音频等媒介触发的事件，媒介事件适用于所有HTML5元素，在媒介元素（诸如audio、embed、img、object以及video）中最常用，因此可以通过Html5的audio标签创建音乐播放器，audio标签用于定义声音，比如音乐或其他音频流，从而采用audio标签可以生成控制音频数据播放的网页元素，以实现音频的播放、暂停、下一曲、上一曲等相关控制逻辑。

其中，Html为Hyper Text Mark-up Language，即超文本标记语言。

2、通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

除了通过Html5创建网页元素之外，还可以在背景页面中创建插件，如flash插件或其它的支持音频播放的插件，即在网页中加载object元素来实现音频的播放控制。

上述方法仅用于举例论述在背景页面中加载控制音频数据播放的网页元素，实际处理中还可以采用其他方法，虽未一一列举，不应理解为是对本发明实施例的限制。

步骤202，在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面。

在popup页面中创建用户的操作界面，可以在操作界面内创建一音乐播放器的UI同时在该UI中进一步展示音频控制控制、频道选择、声音控制、播放进度控制、歌词显示等UI，从而实现用户对音频数据播放控制的操作界面，其中操作界面可以如图3所示。

步骤203，将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联。

步骤204，将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

然后将background页面和popup页面对应资源进行关联，即将操作界面中的音频显示信息，如显示播放列表或音频播放数据的UI分别与background页面中对应的音频数据关联。再将操作界面中音频控制按钮与background页面中的网页元素关联，如上一曲按钮与对应上一曲网页元素关联，从而实现background页面中操作界面对background页面相关音频播放控制功能的调用。

步骤205，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

用户在采用浏览器播放音频时，可以开启popup页面中的操作界面，通过该操作界面中的音频显示信息和音频控制按钮分别调用background页面的音频数据和网页元素，进而控制音频的播放，操作简单。

本发明一个优选实施例中，将本地存储的音频数据与浏览器中存储的用户信息绑定，并在浏览器端进行音频数据的同步。

用户使用浏览器时，可以在浏览器的服务器中进行注册，从而浏览器中会存储用户信息，如用户名、邮箱、收藏网址等信息，方便用户浏览器网页。而浏览器所在的设备内可能也会在本地存储一些音频数据，因此在浏览器中采用上述控制逻辑和操作界面分离的方式播放音频时，可以将本地存储的音频数据与浏览器中存储的用户信息绑定，并且将该音频数据同步到浏览器的background页面内，还可以再同步到浏览器的服务器中，在浏览器的服务器中收藏音乐。

本发明一个优选实施例中，在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

将本地存储的音频数据与浏览器中存储的用户信息进行绑定，用户还可以采用该用户信息作为音频服务器中的注册信息，从而可以将音频服务器中的音频数据与浏览器background页面内的音频数据进行同步，如将音频服务器中的音乐频道、歌曲列表等信息同步到background页面内，也可以将本地存储的音乐数据同步到音频服务器中，作为该用户的音乐收藏等信息。

本发明实施例不但可以将本地和网络端音频服务器的音频数据同步到background页面内，还可以进一步从用户浏览器的网页中获取音频数据并添加至background页面内。

本发明一个优选实施例中，依据浏览器中当前显示的网页标签获取当前网页的链接地址；依据所述链接地址获取当前网页的DOM（Document ObjectModel，文件对象模型）树，并依据所述DOM树获取所述当前页面中流媒体的链接地址和音频播放信息；将流媒体的链接地址和音频播放信息添加到所述背景页面加载的音频数据中。

用户在浏览器中开启网页后，通常网页中可能会播放音频、视频等流媒体，其中会存在用户喜爱的歌曲等内容，用户可以手动输入，也可以自动从开启页面内进行识别。即获取当前开启页面的网页标签，并获取当前开启页面的URL（Uniform Resource Locator，统一资源定位符），进而遍历该开启页面的DOM树，识别其中的加载播放的音乐元素的URL或音、视频的URL，如通过各种的流媒体格式进行识别，进而获取该流媒体的音频播放信息。然后将流媒体的链接地址和音频播放信息添加到background页面内，如将该音频的名称加入到已经存在的播放列表中。

例如，浏览器中播放音频的插件称为“360音乐电台”，则对于当前网页中的音乐等音频进行获取后，可以自动加入到该的播放目录中，也可以是用户通过在浏览当前页面时，点击该360音乐电台的收集功能进行收集。

本发明一个优选实施例中，将浏览器中当前网页中流媒体提取信息发送到浏览器的服务器，其中所述提取信息包括所述流媒体的链接地址、开始截取时间和终止截取时间；从所述浏览器的服务器中获取依据所述提取信息提取的音频数据；将所述提取的音频数据添加到所述背景页面加载的音频数据中。

本发明实施例还可以从用户当前在浏览器中观看的流媒体中截取指定时间段的音频数据。在用户采用浏览器观看视频等流媒体时，可以采用浏览器记录当前流媒体中要截取的开始截取时间和终止截取时间，并获取该网页中流媒体的URL，将这些数据上传到浏览器的服务器中，采用浏览器的服务器对该指定时间段的音频数据进行提取，然后在发送给浏览器加载到background页面中。

本发明一个优选实施例中，对浏览器中开启页面进行流媒体识别，并在识别出所述开启页面存在流媒体时执行以下任一项操作：对所述音频数据的播放进行音效控制并提示用户进行播放选择；停止播放所述音频数据，并切换到播放所述开启页面的流媒体；对所述开启页面播放的流媒体采取静音操作。

本实施例还可以在浏览器中实现background页面和网页中流媒体的播放切换。用户在使用popup页面控制background页面中音频播放时，还可以浏览器网页，浏览的网页中可能存在流媒体，此时该音频和流媒体一起播放声音混杂，使得用户听不清楚播放内容。

因此可以对浏览器中开启页面的网页标签（Tab）中进行音、视频等流媒体元素的识别，在识别出所述开启页面存在流媒体元素后，可以对background页面中播放的音频进行声效的控制，如使声音渐变变小，并提示用户是继续进行音乐播放，还是在两者之间进行切换操作。也可以停止播放background页面中的音频数据，并切换到播放开启页面的流媒体，还可以将开启页面进入静音模式，是该流媒体不出声，而仅进行background页面内音频的播放。

综上所述，本发明实施例可以将本地存储的音频数据与浏览器中存储的用户信息绑定，并与浏览器端进行音频数据的同步，使得浏览器中播放本地音频，尽量减少流量负担。还可以依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步，从而快速的获取网络中更新的音频资源，方便用户收听最新的音频。

其次，可以从浏览器中开启页面内获取流媒体中播放的音频，将该音频数据添加至背景页面中，使用户随时收听从网页中喜爱的音频信息。还可以从开启页面内截取流媒体指定时间段的音频数据，即使用户不知道该段音频的名称可以进行收听，使用非常的方便、灵活，使得用户随时随地都可以将网页中的音频添加至浏览器的背景页面中进行播放。

再次，当浏览器的背景页面中播放音频时，可以对浏览器中开启页面进行流媒体识别，从而实现背景页面中音频和开启页面中流媒体的播放切换。防止两者同时播放出现的混音现象。

实施例三

在上述实施例的基础上，本发明实施例还提供了一种浏览器中播放音频的装置，其结构图如图4所示。

该浏览器中播放音频的装置包括：数据和元素加载模块401、界面加载模块402和播放控制模块403。

其中：数据和元素加载模块401，用于在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；界面加载模块402，用于在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；播放控制模块403，用于通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

综上所述，在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素，并在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。从而在浏览器中播放音频时，使得用户的操作界面和播放的控制逻辑分离，即使操作界面关闭也不会影响音频的播放，使用非常的方便。

参照图5，给出了本发明实施例三提供的浏览器中播放音频的装置可选结构图。

本发明一个优选实施例中，所述数据和元素加载模块401，包括：调用子模块4011，用于在所述背景页面中调用网络的音频服务器；数据加载子模块4012，用于从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件；元素加载子模块4013，用于在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或，通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

本发明一个优选实施例中，还包括：关联模块404，用于将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

本发明一个优选实施例中，服务器同步模块，用于在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

本发明一个优选实施例中，浏览器同步模块，用于将本地存储的音频数据与浏览器中存储的用户信息绑定，并在浏览器端进行音频数据的同步。

本发明一个优选实施例中，网页加载模块，用于依据浏览器中当前显示的网页标签获取当前网页的链接地址；依据所述链接地址获取当前网页的DOM树，并依据所述DOM树获取所述当前页面中流媒体的链接地址和音频播放信息；将流媒体的链接地址和音频播放信息添加到所述背景页面加载的音频数据中。

本发明一个优选实施例中，网页截取模块，用于将浏览器中当前网页中流媒体提取信息发送到浏览器的服务器，其中所述提取信息包括所述流媒体的链接地址、开始截取时间和终止截取时间；从所述浏览器的服务器中获取依据所述提取信息提取的音频数据；将所述提取的音频数据添加到所述背景页面加载的音频数据中。

本发明一个优选实施例中，识别模块，用于对浏览器中开启页面进行流媒体识别，并在识别出所述开启页面存在流媒体时执行以下任一项操作：对所述音频数据的播放进行音效控制并提示用户进行播放选择；停止播放所述音频数据，并切换到播放所述开启页面的流媒体；对所述开启页面播放的流媒体采取静音操作。

综上所述，本发明实施例可以将本地存储的音频数据与浏览器中存储的用户信息绑定，并与浏览器端进行音频数据的同步，使得浏览器中播放本地音频，尽量减少流量负担。还可以依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步，从而快速的获取网络中更新的音频资源，方便用户收听最新的音频。

其次，可以从浏览器中开启页面内获取流媒体中播放的音频，将该音频数据添加至背景页面中，使用户随时收听从网页中喜爱的音频信息。还可以从开启页面内截取流媒体指定时间段的音频数据，即使用户不知道该段音频的名称可以进行收听，使用非常的方便、灵活，使得用户随时随地都可以将网页中的音频添加至浏览器的背景页面中进行播放。

再次，当浏览器的背景页面中播放音频时，可以对浏览器中开启页面进行流媒体识别，从而实现背景页面中音频和开启页面中流媒体的播放切换。防止两者同时播放出现的混音现象。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的浏览器中播放音频的装置设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了A1、浏览器中播放音频的方法，包括：在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

A2、如A1所述的方法，所述在浏览器扩展的背景页面中加载音频数据的步骤，包括：在所述背景页面中调用网络的音频服务器；从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

A3、如A2所述的方法，在所述背景页面中加载控制音频数据播放的网页元素的步骤，包括：在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或，通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

A4、如A3所述的方法，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放之前，还包括：将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

A5、如A1或A2所述的方法，还包括：在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

A6、如A1或A2所述的方法，还包括：将本地存储的音频数据与浏览器中存储的用户信息绑定，并在浏览器端进行音频数据的同步。

A7、如A1所述的方法，还包括：依据浏览器中当前显示的网页标签获取当前网页的链接地址；依据所述链接地址获取当前网页的DOM树，并依据所述DOM树获取所述当前页面中流媒体的链接地址和音频播放信息；将流媒体的链接地址和音频播放信息添加到所述背景页面加载的音频数据中。

A8、如A1所述的方法，还包括：将浏览器中当前网页中流媒体提取信息发送到浏览器的服务器，其中所述提取信息包括所述流媒体的链接地址、开始截取时间和终止截取时间；从所述浏览器的服务器中获取依据所述提取信息提取的音频数据；将所述提取的音频数据添加到所述背景页面加载的音频数据中。

A9、如A1所述的方法，还包括：对浏览器中开启页面进行流媒体识别，并在识别出所述开启页面存在流媒体时执行以下任一项操作：对所述音频数据的播放进行音效控制并提示用户进行播放选择；停止播放所述音频数据，并切换到播放所述开启页面的流媒体；对所述开启页面播放的流媒体采取静音操作。

本发明还公开了B10、一种浏览器中播放音频的装置，包括：数据和元素加载模块，用于在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；界面加载模块，用于在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；播放控制模块，用于通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

B11、如B10所述的装置，所述数据和元素加载模块，包括：调用子模块，用于在所述背景页面中调用网络的音频服务器；数据加载子模块，用于从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

B12、如B11所述的装置，所述数据和元素加载模块，包括：元素加载子模块，用于在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或，通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

B13、如B11所述的装置，还包括：关联模块，用于将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

B14、如B10或B11所述的装置，还包括：服务器同步模块，用于在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

B15、根据B10或B11所述的装置，还包括：浏览器同步模块，用于将本地存储的音频数据与浏览器中存储的用户信息绑定，并在浏览器端进行音频数据的同步。

B16、如B10所述的装置，还包括：网页加载模块，用于依据浏览器中当前显示的网页标签获取当前网页的链接地址；依据所述链接地址获取当前网页的DOM树，并依据所述DOM树获取所述当前页面中流媒体的链接地址和音频播放信息；将流媒体的链接地址和音频播放信息添加到所述背景页面加载的音频数据中。

B17、如B10所述的装置，还包括：网页截取模块，用于将浏览器中当前网页中流媒体提取信息发送到浏览器的服务器，其中所述提取信息包括所述流媒体的链接地址、开始截取时间和终止截取时间；从所述浏览器的服务器中获取依据所述提取信息提取的音频数据；将所述提取的音频数据添加到所述背景页面加载的音频数据中。

B18、如B10所述的装置，还包括：识别模块，用于对浏览器中开启页面进行流媒体识别，并在识别出所述开启页面存在流媒体时执行以下任一项操作：对所述音频数据的播放进行音效控制并提示用户进行播放选择；停止播放所述音频数据，并切换到播放所述开启页面的流媒体；对所述开启页面播放的流媒体采取静音操作。

Claims (10)

1.一种浏览器中播放音频的方法，包括：

在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；

在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；

通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

2.如权利要求1所述的方法，所述在浏览器扩展的背景页面中加载音频数据的步骤，包括：

在所述背景页面中调用网络的音频服务器；

从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

3.如权利要求2所述的方法，在所述背景页面中加载控制音频数据播放的网页元素的步骤，包括：

在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或

通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

4.如权利要求2所述的方法，通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放之前，还包括：

将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；

将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

5.如权利要求1或2所述的方法，还包括：

在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

6.一种浏览器中播放音频的装置，包括：

数据和元素加载模块，用于在浏览器扩展的背景页面中加载音频数据和控制音频数据播放的网页元素；

界面加载模块，用于在浏览器扩展的弹出页面中加载控制音频数据播放的操作界面；

播放控制模块，用于通过所述弹出页面中的操作界面使用所述背景页面中的控制音频数据播放的网页元素控制所述背景页面中的音频数据进行播放。

7.如权利要求6所述的装置，所述数据和元素加载模块，包括：

调用子模块，用于在所述背景页面中调用网络的音频服务器；

数据加载子模块，用于从所述音频服务器中获取音频数据，并加载到所述背景页面中，其中所述音频数据包括以下至少一项：各类型的音频播放列表、音频播放信息和音频文件。

8.如权利要求7所述的装置，所述数据和元素加载模块，包括：

元素加载子模块，用于在所述背景页面中采用标签创建音频控制器并生成用于控制音频数据播放的网页元素；或，通过插件在所述背景页面中加载元素生成用于控制音频数据播放的网页元素。

9.如权利要求7所述的装置，还包括：

关联模块，用于将所述弹出页面的操作界面中的音频显示信息与所述背景页面中的音频数据关联；将所述弹出页面的操作界面中音频控制按钮与所述背景页面中对应控制音频数据播放的网页元素关联。

10.如权利要求6或7所述的装置，还包括：

服务器同步模块，用于在本地存储音频数据，并依据浏览器中存储的用户信息与所述音频服务器进行音频数据的同步。

Images