CN101102475A - 一种网页中切换视频播放内容的方法及装置 - Google Patents

Abstract

本发明提供一种网页中切换视频播放内容的方法及装置，其中，该方法包括：响应用户发起的视频请求，加载带播放区域的网页，并在所述播放区域中播放用户在所述视频请求中请求播放的视频内容；如果用户发起的视频请求发生变化时，延时预定时长后，再将所述播放区域中要播放的视频内容切换至与用户在所述变化后的视频请求中请求播放的视频内容，然后在所述播放区域中播放所述切换后的视频内容。该装置包括：视频请求响应单元和视频切换单元。本发明的该方法和装置，通过控制视频切换的时机，可减少***资源的消耗，避免出现在切换视频时***资源消耗过多而造成***不响应用户按键操作的现象，从而避免对用户体验造成的不良影响。

Description

一种网页中切换视频播放内容的方法及装置

技术领域

本发明涉及视频切换技术，特别地，涉及一种网页中切换视频播放内容的方法及装置。

背景技术

现有网络技术中，网页可划分为播放区域和非播放区域，互联网用户利用其客户端上设置的浏览器，在访问提供有视频内容的网站时，可利用该播放区域观看与其选中的视频链接相关联的视频内容。

具体地，例如，当用户观看IP电视时，其通过在相应的电子节目单上选中某一频道，可在播放区域观看或预览该频道对应的电视节目，该节目是由IP电视的服务端提供的视频内容。图1是现有技术的一IP电视的节目预告页面。如图1，该预告页面同时显示出了多个频道节目预告，如频道1、频道2一直到频道n的节目预告，且每个频道各占一行。同时，在该页面上还包含一播放区域或称视频窗口101，该视频窗口播放当前焦点所在频道的视频，即当前选中的频道对应的视频，如图1，当前焦点位于频道2，相应地，播放区域101播放的是频道2的节目内容。当用户操作将焦点从一个频道移动到另一个频道时，该播放区域101中播放的内容切换随之发生切换。

现有技术中，用户可通过客户端浏览器加载脚本代码来实现加载带播放区域的网页及在网页中调用播放器播放服务端提供的与用户请求的视频链接相对应的视频内容。当判断用户移动焦点时，现有技术的视频切换方法立即调用切换视频的函数并将播放区域播放的视频内容切换至移动后的焦点对应的视频内容，具体地，例如通过调用函数loadVideo()生成播放页面新的URL，通过执行代码window.frames[‘ipandel’].location＝URL来刷新播放页面，使得刷新后页面的播放区域中播放获得的重新向服务端请求的、切换后的视频内容。

用户可通过电脑观看IP电视，或通过内置浏览器的机顶盒在普通电视上观看IP电视。当通过电脑观看IP电视时，用户利用鼠标选中频道来将焦点至于该频道；当用户通过普通电视观看IP电视时，用户通常利用遥控器的方向键来将焦点置于该频道，如在图1所示的预告页面上将焦点从频道2移动到频道n。

但是，在现有技术中，用户通过电脑或电视访问网页时，当用户操作鼠标或遥控器，在网页中的不同视频链接或频道间快速移动焦点时，移动的同时，电脑或机顶盒上浏览器会立刻响应该移动，并对网页中播放区域中的视频播放内容进行切换。由于切换视频非常消耗***资源，如果在快速移动的同时立即进行切换，则会产生在短时间内不响应遥控器或鼠标的现象，由此极大地造成了用户使用的不方便。

发明内容

本发明的目的是提供一种网页中切换视频播放内容的方法及装置，以解决现有技术中，当用户在网页中快速变化其视频请求时，由于客户端浏览器立即响应该变化并立即进行视频播放内容的切换导致的、在短时间内由于资源消耗过多而造成的用户的按键操作得不到响应的技术问题。

为了实现上述目的，本发明提供了一种网页中切换视频播放内容的方法，其中，包括如下步骤：

步骤一，响应用户发起的视频请求，加载带播放区域的网页，并在所述播放区域中播放用户在所述视频请求中请求播放的视频内容；

步骤二，如果用户发起的视频请求发生变化，则延时预定时长后，再将所述播放区域中要播放的视频内容切换至用户在所述变化后的视频请求中请求播放的视频内容，然后在所述播放区域中播放所述切换后的视频内容。

所述的方法，其中，还包括预先设置第一视频标识变量和第二视频标识变量的步骤；其中，所述第一视频标识变量用于保存所述播放区域中当前正在播放的视频内容的视频标识；所述第二视频标识变量用于保存即将在所述播放区域中播放的视频内容的视频标识。

所述的方法，其中，还包括：

如果所述播放区域中正在播放的视频内容发生变化，则根据变化后的、播放区域中正在播放的视频内容的视频标识来更新所述第一视频标识变量的取值的步骤；和/或

如果所述即将在所述播放区域中播放的视频内容发生变化，则根据变化后的、即将在所述播放区域中播放的视频内容的视频标识来更新所述第二视频标识变量取值的步骤。

所述的方法，其中，所述步骤二中，在所述预定时长的延时到达后，还包括判断所述第一视频标识变量的取值与所述第二视频标识变量的取值是否相等的步骤；如是，则不对所述播放区域中播放的视频内容进行切换；否则，则将所述播放区域中播放的视频内容切换至所述第二视频标识变量的取值所标识的视频内容。

所述的方法，其中，利用脚本中的定时接口函数来实现所述延时预定时长。

所述的方法，其中，如果所述用户通过遥控器或鼠标将焦点移至视频节目链接上，则判断为用户对与所述视频节目链接相关联的视频内容发起了视频请求。

所述的方法，其中，步骤二中，在播放区域中播放所述切换后的视频内容后，还包括：用所述切换后视频内容的视频标识更新所述第一视频标识变量的取值。

本发明还提供了一种网页中切换视频播放内容的装置，其中，包括：

视频请求响应单元，用于响应用户发起的视频请求，加载带播放区域的网页，并在所述播放区域中播放用户在所述视频请求中请求播放的视频内容；

视频切换单元，用于当判断用户发起的视频请求发生变化时，延时预定时长后，再将所述播放区域中要播放的视频内容切换至用户在所述变化后的视频请求中请求播放的视频内容，然后在所述播放区域中播放所述切换后的视频内容。

所述的装置，其中，还包括：

视频标识变量设置单元，用于设置第一视频标识变量和第二视频标识变量；其中，所述第一视频标识变量用于保存所述播放区域中当前正在播放的视频内容的视频标识；所述第二视频标识变量用于保存即将在所述播放区域中播放的视频内容的视频标识。

所述的装置，其中，还包括：

视频标识变量更新单元，用于当所述播放区域中正在播放的视频内容和/或所述即将在所述播放区域中播放的视频内容发生变化时，根据变化后视频内容的视频标识更新所述第一视频标识变量的取值和/或所述第二视频标识变量的取值。

所述的装置，其中，所述视频切换单元还包括：

视频切换判断单元，用于在所述预定时长的延时到达后，判断所述第一视频标识变量的取值与所述第二视频标识变量的取值是否相等；如是，则将所述播放区域中播放的视频内容切换至所述第二视频标识变量的取值所标识的视频内容；否则，则不对所述播放区域中播放的视频内容进行切换。

本发明的技术效果在于：

1、利用本发明的方法或装置，用户在网页中快速变化视频请求时，例如快速移动焦点时，并不立即响应该视频请求的变化立即对视频播放内容进行切换，而是延时一定时长后，再进行视频内容的切换，由此通过控制视频切换的时机，可减少***资源的消耗，避免出现在切换视频时***资源消耗过多而造成***不响应用户按键操作的现象，从而避免对用户体验造成的不良影响。

2、本发明的方法或装置，利用第一视频标识变量和第二视频标识变量来分别保存与正在播放的视频内容相对应的视频标识和与即将播放的视频内容相对应的视频标识，并在延时到达后的切换前通过比较第一视频标识变量的取值与第二视频标识变量的取值是否相等来决定是否切换，可保证在焦点快速移动后，视频至多切换一次。

附图说明

图1为现有技术的一IP电视的节目预告页面的示意图；

图2为本发明实施例一的网页中切换视频播放内容的方法的流程示意图；

图3为本发明实施例二的网页中切换视频播放内容的方法的流程示意图；

图4为本发明实施例的网页中切换视频播放内容的装置的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图及具体实施例对本发明进行详细描述。

图2为本发明实施例一的网页中切换视频播放内容的方法的流程示意图。如图2，本发明实施例一的网页中切换视频播放内容的方法包括如下步骤：

步骤201，响应用户发起的视频播放请求，加载带播放区域的网页，并在该播放区域中播放用户在视频请求中请求播放的视频内容；

步骤202，如果用户发起的视频播放请求发生变化，则延时预定时长后，再将该播放区域中播放的视频内容切换至用户在该变化后的视频播放请求中请求播放的视频内容，并在该播放区域中播放该切换后的视频内容。

步骤201中，通常，用户通过其客户端上设置的浏览器在访问的网页上发起视频请求，如通过鼠标或遥控器将焦点移动至某一IP电视节目频道或视频节目链接上来发起视频请求，客户端浏览器响应该请求加载带播放区域的网页，并在该播放区域中播放由视频服务端提供的、该视频请求中请求播放的视频内容。其中，利用机顶盒访问网络时，用户可通过遥控器的方向键使焦点从一个视频节目链接移动到另一个视频节目链接；利用电脑访问网络时，用鼠标点击视频链接的同时，被点击的链接自然就获得了焦点。该步骤201可利用现有技术的网页加载和网页中的视频播放方法来实现，在此不再赘述。

步骤202中，与现有技术相同的是，当用户发起的视频请求变化时，例如当用户移动焦点时，客户端浏览器可通过调用视频切换的函数来实现对播放区域中视频播放内容的切换。与现有技术不同的是，客户端浏览器并不在用户变化其视频请求时立即响应该变化并立即将播放区域的视频播放内容切换到该变化后的视频请求播放的视频内容，而是在延时预定时长后，再进行播放区域内视频播放内容的切换。具体实现中，示例性地，客户端浏览器可通过脚本中的定时器接口函数，如setTimeout函数，来实现将视频切换延时一预定的时长，例如，通过如下脚本代码来实现在用户移动焦点后，延时5秒切换播放区域的视频播放内容：

setTimeout(′loadVideo()′，5000)，

window.frames[″ipanel″].location＝url。

其中，loadVideo()函数用于生成播放页面新的URL，window.frames语句用于利用该新生成的URL替换原播放页面的URL，在用新生成的URL替换原有的URL后，客户端浏览器将向服务端重新请求播放区域的新页面。在该重新请求的新页面中，将根据该新URL中包含的视频标识生成新的实时流协议(RTSP，Real Time Streaming Protocol)链接，以获取服务端提供的该RTSP链接对应的视频内容。浏览器加载该重新请求的页面后，将在播放区域播放该RTSP链接对应的视频内容，从而实现了播放区域中视频播放内容的切换。其中，该播放页面可通过超文本标记语言(HTML，Hyper Text Makeup Language)标签，如iframe或frameset引入，也可通过直接在普通网页中直接写入视频控件代码来引入。当采用iframe或frameset时，由于更新iframe或frameset标签的链接地址属性值不会导致整个网页的刷新，从而仅使得视频播放区域刷新，而非播放区域不会刷新。其中，视频标识(ID，Identifier)是用于区别不同视频流的唯一标识，每个视频节目流都具有一个标识。网页在生成时就已经将每个视频流的标识记录在页面中了。网络上的视频播放是以流服务的形式提供的，服务端会有多个流媒体服务器提供服务，客户端只要请求正确的RTSP链接，即可获得视频流。

利用本发明该实施例的方法，当用户在不同视频节目链接间快速移动焦点时，客户端浏览器并不在移动的同时立即进行切换播放的视频内容，因此，不会由于资源的过度消耗而产生在短时间内不响应遥控器或鼠标操作的现象。

图3为本发明实施例二的网页中切换视频播放内容的方法的流程示意图。如图3，本发明实施例二的网页中切换视频播放内容的方法包括如下步骤：

步骤301，响应用户发起的视频播放请求，加载带播放区域的网页，在该播放区域中播放该用户在视频请求中请求播放的视频内容，并用唯一标识该正在播放的视频内容的视频标识更新预先设置的第一视频标识变量的取值；其中，该第一视频标识变量用于保存：唯一标识播放区域中、当前正在播放的视频内容的视频标识；

步骤302，判断用户发起的视频播放请求是否发生变化，例如，判断用户是否移动焦点或判断获得焦点的视频节目链接是否发生变化；如是，则执行步骤303；否则，继续判断用户发起的视频播放请求是否发生变化；

步骤303，用唯一标识该变化后的视频请求中所请求播放的视频内容的视频标识更新预先设置的第二视频标识变量的取值，并在延时预定时长后，判断该第一视频标识变量的取值是否与第二视频标识变量的取值相等；如是，则不对所述播放区域中播放的视频内容进行切换，并转入执行步骤302；否则，执行步骤304；其中，该第二视频标识变量用于保存：唯一标识即将在播放区域中播放的视频内容的视频标识；

步骤304，将播放区域中播放的视频内容切换至所述第二视频标识变量的取值所唯一标识的视频内容，在播放区域中播放该切换后的视频内容，并同时用唯一标识该切换后视频内容的视频标识更新该第一视频标识变量的取值。

在该步骤304中，客户端浏览器将根据该第二视频标识变量的取值，生成播放页面新的URL，并用该新URL替换原有的播放页面URL，并在客户端浏览器向服务端重新请求的播放区域新页面中，包含根据该第二视频标识变量的取值生成新的RTSP链接，并在播放区域播放该RTSP链接对应的视频内容。浏览器加载该重新请求的页面后，将在播放区域播放该RTSP链接对应的视频内容，从而实现了将播放区域中视频播放内容切换至该与该第二视频标识变量的取值相对应的视频内容。

在本发明该实施例二的方法中，通过保存正在播放的视频内容对应的视频标识和即将播放的视频内容的视频标识，并在预先设定的延时时长到达后，判断这两个视频标识是否相等以确定是否切换播放的视频内容，仅当这两个视频标识不相等时，才进行切换，由此避免了在延时时长未到达的时间段内，当焦点从多个视频节目链接上连续移过时，导致设置多个定时器并多次触发视频切换函数进行视频切换的问题。下面举例来说明该问题：

如图1所示的页面，当使用遥控器方向键使焦点从频道1移动到最后一个频道n时，每个频道节目由于先后都获得了焦点，并会触发相应的视频切换事件。具体地，例如，假设n＝5，  页面上从上到下依次是频道1至频道5，切换视频的代码5s后触发，即预先设定的延时时长为5s，从频道1开始，用户每0.5s将焦点向下移动一行，即分别在0.5，1.0，1.5，2.0s的时刻，频道2至频道5分别获得了焦点并触发了视频切换事件，因此在分别延时5秒后，即在5.5，6.0，6.5，7.0s的时刻，将进行视频播放内容切换。最后看到的结果就是，在移动之后的5s起，视频内容在1.5s内切换了4次。在这4次切换中，有3次切换是不必要地，由此造成了资源的消耗。

而利用本发明该实施例二的方法，当用户每隔0.5s焦点移动一行时，在5.0s的时刻，判断第一视频标识变量与第二标识变量的值是否相等；如相等，则不切换；如不相等，则切换视频播放内容至第二标识变量的值所唯一标识的视频内容，即切换至频道5的节目内容，并立即将第一视频标识变量的值更新为频道5的节目内容对应的视频标识；而在5.5，6.0，6.5s的时刻，由于第一视频标识变量的值与第二视频标识变量的值相等，将不再切换视频播放内容。由此，保证了在焦点快速移动后，播放区域的视频内容至多只切换一次。

本发明还提供了一种网页中切换视频播放内容的装置。如图4，本发明实施例的装置400包括：

视频请求响应单元401，用于响应用户发起的视频请求，加载带播放区域的网页，并在播放区域中播放用户在视频请求中请求播放的视频内容；

视频切换单元402，用于当判断用户发起的视频请求发生变化时，延时预定时长后，再将播放区域中要播放的视频内容切换至与用户在该变化后的视频请求中请求播放的视频内容，然后在播放区域中播放该切换后的视频内容。

进一步的，本发明实施例的装置，还包括：

视频标识变量设置单元，用于设置第一视频标识变量和第二视频标识变量；其中，第一视频标识变量用于保存播放区域中当前正在播放的视频内容的视频标识；第二视频标识变量用于保存即将在播放区域中播放的视频内容的视频标识。

进一步地，本发明实施例的装置，还包括：

视频标识变量更新单元，用于当播放区域中正在播放的视频内容和/或所述即将在所述播放区域中播放的视频内容发生变化时，根据变化后视频内容的视频标识更新所述第一视频标识变量的取值和/或所述第二视频标识变量的取值。

进一步地，本发明实施例的装置中的该视频切换单元还包括：

视频切换判断单元，用于在该预定时长的延时到达后，判断第一视频标识变量的取值与第二视频标识变量的取值是否相等；如是，则将播放区域中播放的视频内容切换至第二视频标识变量的取值所标识的视频内容；否则，则不对所述播放区域中播放的视频内容进行切换。

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

Claims (11)

1.一种网页中切换视频播放内容的方法，其特征在于，包括如下步骤：

步骤一，响应用户发起的视频请求，加载带播放区域的网页，并在所述播放区域中播放用户在所述视频请求中请求播放的视频内容；

步骤二，如果用户发起的视频请求发生变化，则延时预定时长后，再将所述播放区域中要播放的视频内容切换至用户在所述变化后的视频请求中请求播放的视频内容，然后在所述播放区域中播放所述切换后的视频内容。

2.根据权利要求1所述的方法，其特征在于，还包括预先设置第一视频标识变量和第二视频标识变量的步骤；其中，所述第一视频标识变量用于保存所述播放区域中当前正在播放的视频内容的视频标识；所述第二视频标识变量用于保存即将在所述播放区域中播放的视频内容的视频标识。

3.根据权利要求2所述的方法，其特征在于，还包括：

如果所述播放区域中正在播放的视频内容发生变化，则根据变化后的播放区域中正在播放的视频内容的视频标识来更新所述第一视频标识变量的取值的步骤；和/或

如果所述即将在所述播放区域中播放的视频内容发生变化，则根据变化后的、即将在所述播放区域中播放的视频内容的视频标识来更新所述第二视频标识变量取值的步骤。

4.根据权利要求3所述的方法，其特征在于，所述步骤二中，在所述预定时长的延时到达后，还包括判断所述第一视频标识变量的取值与所述第二视频标识变量的取值是否相等的步骤；如是，则不对所述播放区域中播放的视频内容进行切换；否则，则将所述播放区域中播放的视频内容切换至所述第二视频标识变量的取值所标识的视频内容。

5.根据权利要求1所述的方法，其特征在于，利用脚本中的定时接口函数来实现所述延时预定时长。

6.根据权利要求1所述的方法，其特征在于，如果所述用户通过遥控器或鼠标将焦点移至视频节目链接上，则判断为用户对与所述视频节目链接相关联的视频内容发起了视频请求。

7.根据权利要求3所述的方法，其特征在于，步骤二中，在播放区域中播放所述切换后的视频内容后，还包括：用所述切换后视频内容的视频标识更新所述第一视频标识变量的取值。

8.一种网页中切换视频播放内容的装置，其特征在于，包括：

视频请求响应单元，用于响应用户发起的视频请求，加载带播放区域的网页，并在所述播放区域中播放用户在所述视频请求中请求播放的视频内容；

视频切换单元，用于当判断用户发起的视频请求发生变化时，延时预定时长后，再将所述播放区域中要播放的视频内容切换至用户在所述变化后的视频请求中请求播放的视频内容，然后在所述播放区域中播放所述切换后的视频内容。

9.根据权利要求8所述的装置，其特征在于，还包括：

视频标识变量设置单元，用于设置第一视频标识变量和第二视频标识变量；其中，所述第一视频标识变量用于保存所述播放区域中当前正在播放的视频内容的视频标识；所述第二视频标识变量用于保存即将在所述播放区域中播放的视频内容的视频标识。

10.根据权利要求9所述的装置，其特征在于，还包括：

视频标识变量更新单元，用于当所述播放区域中正在播放的视频内容和/或所述即将在所述播放区域中播放的视频内容发生变化时，根据变化后视频内容的视频标识更新所述第一视频标识变量的取值和/或所述第二视频标识变量的取值。

11.根据权利要求10所述的装置，其特征在于，所述视频切换单元还包括：

视频切换判断单元，用于在所述预定时长的延时到达后，判断所述第一视频标识变量的取值与所述第二视频标识变量的取值是否相等；如是，则将所述播放区域中播放的视频内容切换至所述第二视频标识变量的取值所标识的视频内容；否则，则不对所述播放区域中播放的视频内容进行切换。

Images