CN104202674A - 网页中音频与视频共存时的音频视频交互方法及系统 - Google Patents

Abstract

本发明公开了一种网页中音频与视频共存时的音频视频交互方法，包括如下步骤：S1：接收视频打开指令，判断网页中是否有音频播放，若是，关闭音频并执行步骤S2，若否，则直接执行步骤S2；S2：根据视频打开指令在网页中插入对应视频的视频对象，在网页中播放视频对象；S3：判断是否接收到视频关闭指令，若是，则停止播放视频对象；若否，则播放视频对象直至完毕。本发明网页中音频与视频共存时的音频视频交互方法及系统，通过在接收到视频打开指令或视频关闭指令时对音频及视频进行播放切换，避免了视频音频播放的干扰。

Description

网页中音频与视频共存时的音频视频交互方法及系统

技术领域

本发明涉及计算机技术领域，尤其涉及一种网页中音频与视频共存时的音频视频交互方法及系统。

背景技术

现有技术中，当浏览网页页面时，由于视频往往是嵌在页面中的，并且有些视频是自动播放的，故往往无法捕捉到视频的播放暂停等交互操作。当页面中同时存在音频和视频时，如果将视频直接显示在页面中，就无法判断何时该停止音频，何时该启动音频。音频和视频的播放很可能产生干扰，造成二者播放效果不佳。

发明内容

本发明要解决的技术问题在于，提供一种网页中音频与视频共存时的音频视频交互方法及系统。

本发明解决其技术问题所采用的技术方案是：提供一种网页中音频与视频共存时的音频视频交互方法，包括如下步骤：

S1：接收视频打开指令，判断网页中是否有音频播放，若是，关闭音频并执行步骤S2，若否，则直接执行步骤S2；

S2：根据视频打开指令在网页中插入对应视频的视频对象，在网页中播放视频对象；

S3：判断是否接收到视频关闭指令，若是，则停止播放视频对象；若否，则播放视频对象直至完毕。

优选地，在步骤S1中，在网页中设置一视频封面，当用户点击视频封面时产生视频打开指令，网页接收视频打开指令并隐藏视频封面；在步骤S2中，在视频封面所在位置插入对应视频的视频对象。

优选地，步骤S3中，在视频播放时，若用户点击视频对象以外的页面区域产生视频关闭指令，打开音频；和/或，在视频对象外设置一关闭按钮，若用户点击关闭按钮时产生视频关闭指令，打开音频。

优选地，步骤S3中，音频打开时，删除视频对象，或者，删除视频对象并显示视频封面。

优选地，网页为智能手机的网页；视频对象为Iframe、Flash或frame对象。

还提供一种网页中音频与视频共存时的音频视频交互系统，包括：

接收模块，用于接收视频打开指令和视频关闭指令；

第一判断模块，用于根据视频打开指令判断网页中是否有音频播放，并输出第一判断结果；

第二判断模块，用于判断是否接收到视频关闭指令并输出第二判断结果；

交互模块，用于根据第一判断结果关闭音频，并在网页中插入对应视频的视频对象，在网页中播放视频对象；并根据第二判断结果停止播放视频对象或播放视频对象直至完毕。

优选地，该系统还包括封面处理模块，封面处理模块用于在网页中设置一视频封面，当用户点击视频封面时产生视频打开指令并将其输出至接收模块；交互模块还用于根据视频打开指令隐藏视频封面，并在视频封面所在位置插入对应视频的视频对象。

优选地，封面处理模块还用于在视频播放时，在用户点击视频对象以外的页面区域时，产生视频关闭指令并将其输出至接收模块，并由交互模块控制打开音频；和/或，封面处理模块还用于在视频对象外设置一关闭按钮，在用户点击关闭按钮时产生视频关闭指令，并将视频关闭指令输出至接收模块，并由交互模块控制打开音频。

优选地，交互模块还用于在音频打开时，删除视频对象，或者，删除视频对象并显示视频封面。

优选地，网页为智能手机的网页；视频对象为Iframe、Flash或frame对象。

实施本发明的有益效果是：本发明网页中音频与视频共存时的音频视频交互方法及系统，通过在接收到视频打开指令或视频关闭指令时对音频及视频进行播放切换，避免了视频音频播放的干扰。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1是本发明一些实施例的网页中音频与视频共存时的音频视频交互方法的流程示意图；

图2是本发明一些实施例的网页中音频与视频共存时的音频视频交互系统的模块示意图。

具体实施方式

为了对本发明的技术特征、目的和效果有更加清楚的理解，现对照附图详细说明本发明的具体实施方式。

如图1示出了本发明一些实施例中音频视频的交互方法，该方法用于在网页中音频与视频共存时，根据相应的视频打开指令对音频进行关闭同时打开视频，并根据相应的视频关闭指令对视频进行关闭，从而使得音频的播放与视频的播放不相互干扰。可以理解地，网页可为智能手机通过浏览器打开的网页、智能手机通过App应用打开的网页、电脑通过浏览器打开的网页、电脑通过应用打开的网页等。优选地，该音频视频的交互方法为一种应用于轻应用(Light APP)网页的音频视频交互方法。

在一些实施例中，音频视频的交互方法包括如下步骤：

S1：接收视频打开指令，判断网页中是否有音频播放，若是，关闭音频并执行步骤S2，若否，则直接执行步骤S2。

在该步骤中，需说明的是，当接受到视频打开指令后，需对播放中的音频进行关闭，以避免干扰将要打开的视频。而在这里，若网页中无音频或者无正在播放中的音频，则无需关闭音频，直接在后续步骤执行打开视频即可。

作为选择，接收视频打开指令的形式可以为多种，如：1)在网页中插入一视频播放按钮，当用户点击该按钮时，网页接收到视频打开指令；2)在网页中插入一链接，当用户点击该链接时，网页收到视频打开指令；3)在网页中插入一音频停止按钮，当用户点击该按钮时，网页收到视频打开指令。接收视频打开指令的形式不限于以上列举的几种，只要能实现通过用户的交互，网页收到视频打开指令即可。

在一些优选实施例中，接收视频打开指令的形式如下：在网页中设置一视频封面，当用户点击视频封面时产生视频打开指令，网页接收视频打开指令并隐藏视频封面。作为选择，网页接收到该视频打开指令后也可以不隐藏视频封面。优选地，该视频封面可为视频对象的一缩略图，或者，该视频封面也可设置为一具有视频打开按钮的缩略图。

S2：根据视频打开指令在网页中插入对应视频的视频对象，在网页中播放视频对象。

在该步骤中，需说明的是，在设置视频封面的优选实施例中，在视频封面所在位置插入对应视频的视频对象。或者，也可以不在视频封面所在位置插入视频对象，直接在整个页面上插入视频对象进行全屏播放。作为选择，当网页接收到该视频打开指令后不隐藏视频封面时，也可直接在整个页面上插入视频对象进行全屏播放。

作为选择，视频对象可为Iframe、Flash或frame对象。优选地，视频对象为Iframe。

S3：判断是否接收到视频关闭指令，若是，则停止播放视频对象；若否，则播放视频对象直至完毕。

在该步骤中，需说明的是，在视频播放时，接收视频关闭指令的方式可以有很多种：1)在视频对象外设置一关闭按钮，若用户点击关闭按钮时产生视频关闭指令；2)在视频对象以外的页面区域设置接收视频关闭指令的功能，若用户点击视频对象以外的页面区域产生视频关闭指令，打开音频。接收视频关闭指令的形式不限于以上列举的几种，只要能实现通过用户的交互，网页收到视频关闭指令即可。

在视频对象被停止/播放完毕后，还可将音频打开时，同时删除视频对象；或者，作为选择，在设置视频封面的优选实施例中，还可删除视频对象并显示先前隐藏的视频封面。

图2示出了本发明一些实施例的网页中音频与视频共存时的音频视频交互系统，该系统包括接收模块100、第一判断模块300、第二判断模块500、交互模块700和封面处理模块900。可以理解地，网页可为智能手机通过浏览器打开的网页、智能手机通过App应用打开的网页、电脑通过浏览器打开的网页、电脑通过应用打开的网页等。

其中，封面处理模块900用于在网页中设置一视频封面，当用户点击视频封面时产生视频打开指令并将其输出至接收模块100。作为选择，封面处理模块900可以设置可以不设置。

接收模块100用于接收视频打开指令和视频关闭指令。接收模块100接收视频打开指令的形式如下：封面处理模块900设置一视频封面，当用户点击视频封面时产生视频打开指令，交互模块700根据视频打开指令隐藏视频封面，并在视频封面所在位置插入对应视频的视频对象。作为选择，交互模块700也可以不隐藏视频封面。优选地，该视频封面可为视频对象的一缩略图，或者，该视频封面也可设置为一具有视频打开按钮的缩略图。

作为选择，当不设置封面处理模块900时，接收模块100接收视频打开指令的形式还可以为多种，如：1)插入一视频播放按钮，当用户点击该按钮时，接收模块100接收到视频打开指令；2)插入一链接，当用户点击该链接时，接收模块100收到视频打开指令；3)插入一音频停止按钮，当用户点击该按钮时，接收模块100收到视频打开指令。接收模块100接收视频打开指令的形式不限于以上列举的几种，只要能实现通过用户的交互，接收模块100收到视频打开指令即可。

在视频播放时，接收模块100接收视频关闭指令的方式可有很多种：1)封面处理模块900在视频对象外设置一关闭按钮，在用户点击关闭按钮时产生视频关闭指令，并将视频关闭指令输出至接收模块100；2)封面处理模块900在用户点击视频对象以外的页面区域时，产生视频关闭指令并将其输出至接收模块100。

作为选择，当不设置封面处理模块900时，在视频播放时，接收模块100接收视频关闭指令的方式还可以有很多种：1)用户点击视频对象外设置的一关闭按钮时产生视频关闭指令；2)用户点击视频对象以外的页面区域产生视频关闭指令，则接收模块100接收视频关闭指令。接收模块100接收视频关闭指令的形式不限于以上列举的几种，只要能实现通过用户的交互，接收模块100收到视频关闭指令即可。

第一判断模块300用于根据视频打开指令判断网页中是否有音频播放，并输出第一判断结果。可以理解地，当接收模块100接受到视频打开指令后，需将播放中的音频进行关闭，以避免干扰将要打开的视频。而在这里，若网页中无音频或者无正在播放中的音频，则无需关闭音频，直接在后续步骤执行打开视频即可。

第二判断模块500用于判断是否接收到视频关闭指令并输出第二判断结果，第二判断结果包括接收到视频关闭指令以及未接收到视频关闭指令。

交互模块700用于根据第一判断结果关闭音频，并在网页中插入对应视频的视频对象，在网页中播放视频对象。作为选择，视频对象可为Iframe、Flash或frame对象。优选地，视频对象为Iframe。

交互模块700还用于根据第二判断结果停止播放视频对象或播放视频对象直至完毕。当第二判断结果为接收到视频关闭指令时，交互模块700停止播放视频对象；当第二判断结果为未停止播放视频对象时，交互模块700播放视频对象直至完毕。

在视频对象被停止/播放完毕后，交互模块700还用于可将音频打开，同时删除视频对象，或者，作为选择，在封面处理模块900设置视频封面的优选实施例中，交互模块700还可删除视频对象并显示视频封面。

以上所述仅是本发明的优选实施方式，本发明的保护范围并不仅局限于上述实施例，凡属于本发明思路下的技术方案均属于本发明的保护范围。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理前提下的若干个改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种网页中音频与视频共存时的音频视频交互方法，其特征在于，包括如下步骤：

S1：接收视频打开指令，判断网页中是否有音频播放，若是，关闭所述音频并执行步骤S2，若否，则直接执行步骤S2；

S2：根据所述视频打开指令在所述网页中插入对应视频的视频对象，在所述网页中播放所述视频对象；

S3：判断是否接收到视频关闭指令，若是，则停止播放所述视频对象；若否，则播放所述视频对象直至完毕。

2.根据权利要求1所述的音频视频交互方法，其特征在于，在所述步骤S1中，在所述网页中设置一视频封面，当用户点击所述视频封面时产生所述视频打开指令，所述网页接收所述视频打开指令并隐藏所述视频封面；在所述步骤S2中，在所述视频封面所在位置插入对应视频的所述视频对象。

3.根据权利要求2所述的音频视频交互方法，其特征在于，所述步骤S3中，在所述视频播放时，若用户点击所述视频对象以外的所述页面区域产生所述视频关闭指令，打开所述音频；和/或，在所述视频对象外设置一关闭按钮，若用户点击所述关闭按钮时产生所述视频关闭指令，打开所述音频。

4.根据权利要求3所述的音频视频交互方法，其特征在于，所述步骤S3中，所述音频打开时，删除所述视频对象，或者，删除所述视频对象并显示所述视频封面。

5.根据权利要求1至4任一项所述的音频视频交互方法，其特征在于，所述网页为智能手机的网页；所述视频对象为Iframe、Flash或frame对象。

6.一种网页中音频与视频共存时的音频视频交互系统，其特征在于，包括：

接收模块（100），用于接收视频打开指令和视频关闭指令；

第一判断模块（300），用于根据所述视频打开指令判断网页中是否有音频播放，并输出第一判断结果；

第二判断模块（500），用于判断是否接收到所述视频关闭指令并输出第二判断结果；

交互模块（700），用于根据所述第一判断结果关闭所述音频，并在所述网页中插入对应视频的视频对象，在所述网页中播放所述视频对象；并根据所述第二判断结果停止播放所述视频对象或播放所述视频对象直至完毕。

7.根据权利要求6所述的音频视频交互系统，其特征在于，该系统还包括封面处理模块（900），所述封面处理模块（900）用于在所述网页中设置一视频封面，当用户点击所述视频封面时产生所述视频打开指令并将其输出至所述接收模块（100）；所述交互模块（700）还用于根据所述视频打开指令隐藏所述视频封面，并在所述视频封面所在位置插入对应视频的所述视频对象。

8.根据权利要求6所述的音频视频交互系统，其特征在于，所述封面处理模块（900）还用于在所述视频播放时，在用户点击所述视频对象以外的所述页面区域时，产生所述视频关闭指令并将其输出至所述接收模块（100），并由所述交互模块（700）控制打开所述音频；和/或，所述封面处理模块（900）还用于在所述视频对象外设置一关闭按钮，在用户点击所述关闭按钮时产生所述视频关闭指令，并将所述视频关闭指令输出至所述接收模块（100），并由所述交互模块（700）控制打开所述音频。

9.根据权利要求7所述的音频视频交互系统，其特征在于，所述交互模块（700）还用于在所述音频打开时，删除所述视频对象，或者，删除所述视频对象并显示所述视频封面。

10.根据权利要求6至9任一项所述的音频视频交互系统，其特征在于，所述网页为智能手机的网页；所述视频对象为Iframe、Flash或frame对象。