网页视频播放方法及系统的制作方法
【专利摘要】本发明实施例提供了一种网页视频播放方法及系统，可以在网页上层建立独立的视频播放窗口，并通过所建立的视频播放窗口播放网页视频。因此进行视频播放时不再需要将视频帧与网页内容进行合并。本发明减少了视频播放过程中的运算量，减小了浏览器的运行压力。
【专利说明】网页视频播放方法及系统
【技术领域】
[0001] 本发明涉及视频播放【技术领域】，特别是涉及网页视频播放方法及系统。
【背景技术】
[0002] 随着科技的发展，互联网成为了人们生活中不可缺少的组成部分，用户通过浏览 器访问互联网，在网页中观看各种视频。
[0003] 现有的网页视频播放技术中，在用户打开一个带有视频的网页时，在观看该视频 之前，需要接收视频流文件，并对视频流文件进行解码，获得视频帧。获得视频帧后，再将视 频帧和网页的其他内容（如图片、文字、表格等）进行合并，生成网页中所要进行展示的内 容，然后展示该网页。由于不同视频帧的图案不同，因此现有的网页视频播放技术需要为每 一个视频帧进行一次内容合并。
[0004] 由于需要多次进行内容合并，因此现有的网页视频播放技术需要进行更多的运 算，给浏览器造成的运行压力较大。
【发明内容】
[0005] 本发明实施例的目的在于提供一种网页视频播放方法及系统，以实现减少网页视 频播放过程的运算量的目的。
[0006] 为达到上述目的，本发明实施例公开了一种网页视频播放方法，包括：
[0007] 接收网页视频播放指令；
[0008] 根据所述指令建立视频播放窗口，所述视频播放窗口位于网页上层；
[0009] 通过所建立的视频播放窗口播放网页视频。
[0010] 可选的，所述通过所建立的视频播放窗口播放网页视频，包括：
[0011] 接收视频流文件；
[0012] 调用解码器对所述视频流文件进行解码，获得视频帧；
[0013] 将所获得的视频帧放入所述视频播放窗口对应的缓冲区中，将所述缓冲区中的视 频帧输出到所述视频播放窗口进行播放。
[0014] 可选的，与所述视频播放窗口对应的缓冲区包括：第一缓冲区和第二缓冲区，其 中，第一缓冲区处于前台状态时，第二缓冲区处于后台状态；第一缓冲区处于后台状态时， 第二缓冲区处于前台状态。
[0015] 可选的，所述将所获得的视频帧放入所述视频播放窗口对应的缓冲区中，将所述 缓冲区中的视频帧输出到所述视频播放窗口进行播放，包括：
[0016] 将当前时刻获得的视频帧放入处于后台状态的第一 /第二缓冲区中，将处于前台 状态的第二/第一缓冲区中的视频帧输出到所述视频播放窗口进行播放，播放后删除处于 前台状态的第二/第一缓冲区中的视频帧；
[0017] 切换所述第一缓冲区和第二缓冲区的前后台状态。
[0018] 可选的，所述根据所述指令建立视频播放窗口，所述视频播放窗口位于网页上层， 包括：
[0019] 根据所述指令获得网页源代码；
[0020] 从所获得的网页源代码中获得网页中视频播放区域的位置信息；
[0021] 根据所获得的视频播放区域的位置信息，在所述网页上层建立与所述视频播放区 域位置相同的视频播放窗口。
[0022] 可选的，还包括：
[0023] 网页视频播放结束后关闭所建立的视频播放窗口。
[0024] -种网页视频播放系统，包括：指令接收单元、窗口建立单元和视频播放单元，其 中：
[0025] 所述指令接收单元，用于接收网页视频播放指令；
[0026] 所述窗口建立单元，用于根据所述指令建立视频播放窗口，所述视频播放窗口位 于网页上层；
[0027] 所述视频播放单元，用于通过所建立的视频播放窗口播放网页视频。
[0028] 可选的，所述视频播放单元，包括：视频流接收子单元、视频解码子单元和视频帧 播放子单元，其中：
[0029] 所述视频流接收子单元，用于接收视频流文件；
[0030] 所述视频解码子单元，用于调用解码器对所述视频流文件进行解码，获得视频 帧；
[0031] 所述视频帧播放子单元，用于将所获得的视频帧放入所述视频播放窗口对应的缓 冲区中，将所述缓冲区中的视频帧输出到所述视频播放窗口进行播放。
[0032] 可选的，与所述视频播放窗口对应的缓冲区包括：第一缓冲区和第二缓冲区，其 中，第一缓冲区处于前台状态时，第二缓冲区处于后台状态；第一缓冲区处于后台状态时， 第二缓冲区处于前台状态。
[0033] 可选的，所述视频帧播放子单元，包括：后台处理子单元、前台处理子单元和切换 子单元，其中：
[0034] 所述后台处理子单元，用于将当前时刻获得的视频帧放入处于后台状态的第一 / 第二缓冲区中；
[0035] 所述前台处理子单元，用于将处于前台状态的第二/第一缓冲区中的视频帧输出 到所述视频播放窗口进行播放，播放后删除处于前台状态的第二/第一缓冲区中的视频 帧；
[0036] 所述切换子单元，用于切换所述第一缓冲区和第二缓冲区的前后台状态。
[0037] 可选的，所述窗口建立单元，包括：源代码获得子单元、窗口位置获得子单元和窗 口建立子单元，其中：
[0038] 所述源代码获得子单元，用于根据所述指令获得网页源代码；
[0039] 所述窗口位置获得子单元，用于从所获得的网页源代码中获得网页中视频播放区 域的位置信息；
[0040] 所述窗口建立子单元，用于根据所获得的视频播放区域的位置信息，在所述网页 上层建立与所述视频播放区域位置相同的视频播放窗口。
[0041] 可选的，还包括：窗口关闭单元，用于网页视频播放结束后关闭所建立的视频播放 窗口。
[0042] 本发明实施例提供的一种网页视频播放方法及系统，可以在网页上层建立独立的 视频播放窗口，并通过所建立的视频播放窗口播放网页视频。因此进行视频播放时不再需 要将视频帧与网页内容进行合并。本发明减少了视频播放过程中的运算量，减小了浏览器 的运行压力。
【专利附图】
【附图说明】
[0043] 为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本 发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以 根据这些附图获得其他的附图。
[0044] 图1为本发明实施例提供的一种网页视频播放方法的流程图；
[0045] 图2为本发明实施例提供的另一种网页视频播放方法的流程图；
[0046] 图3为本发明实施例提供的另一种网页视频播放方法的流程图；
[0047] 图4为本发明实施例提供的另一种网页视频播放方法的流程图；
[0048] 图5为本发明实施例提供的另一种网页视频播放方法的流程图；
[0049] 图6为本发明实施例提供的一种网页视频播放系统的结构示意图。
【具体实施方式】
[0050] 下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完 整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于 本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他 实施例，都属于本发明保护的范围。
[0051] 如图1所示，本发明实施例提供的一种网页视频播放方法，可以包括：
[0052] S100、接收网页视频播放指令；
[0053] 可选的，网页视频播放指令可以为用户对网页视频播放按键的点击指令。
[0054] S200、根据所述指令建立视频播放窗口，所述视频播放窗口位于网页上层；
[0055] 在本方的实施例中，S200建立的视频播放窗口位于浏览器所打开的网页上面，优 选的，该视频播放窗口的位置可以和网页中原有的视频播放区域的位置相同，视频播放窗 口和网页内容叠加后的显示效果就可以和通过网页中的视频播放区域播放视频的网页的 显示效果一致。
[0056] S300、通过所建立的视频播放窗口播放网页视频。
[0057] 由于视频播放窗口不在网页中，而位于网页上层，因此不属于网页的一部分，独立 于网页，因此网页中内容的展示与视频播放窗口中视频帧的播放互不干扰。在通过所建立 的视频播放窗口播放网页视频的过程中，网页内容仍可以正常进行展示，并且不再需要与 视频帧进行合并。
[0058] 可选的，如图2所示，上述S200可以包括：
[0059] S210、根据所述指令获得网页源代码；
[0060] S220、从所获得的网页源代码中获得网页中视频播放区域的位置信息；
[0061] S230、根据所获得的视频播放区域的位置信息，在所述网页上层建立与所述视频 播放区域位置相同的视频播放窗口。
[0062] 可选的，如图3所示，上述S300可以包括：
[0063] S310、接收视频流文件；
[0064] 在本发明的实施例中，视频播放窗口在建立时即可为其分配缓冲区。
[0065] S320、调用解码器对所述视频流文件进行解码，获得视频帧；
[0066] 调用解码器对视频流文件进行解码时，可以逐帧的进行解码。
[0067] S330、将所获得的视频帧放入所述视频播放窗口对应的缓冲区中，将所述缓冲区 中的视频帧输出到所述视频播放窗口进行播放。
[0068] 可选的，在本发明其他实施例中，与所述视频播放窗口对应的缓冲区可以包括：第 一缓冲区和第二缓冲区，其中，第一缓冲区处于前台状态时，第二缓冲区处于后台状态；第 一缓冲区处于后台状态时，第二缓冲区处于前台状态。如图4所示，上述S330可以包括：
[0069] S330-1、将当前时刻获得的视频帧放入处于后台状态的第一 /第二缓冲区中，将 处于前台状态的第二/第一缓冲区中的视频帧输出到所述视频播放窗口进行播放，播放后 删除处于前台状态的第二/第一缓冲区中的视频帧；
[0070] S330-2、切换所述第一缓冲区和第二缓冲区的前后台状态；
[0071] 在执行S330-2后，可以返回继续执行S330-1。
[0072] 通过上述缓冲区前后台状态的调换，就可以使得视频帧放入缓冲区和从缓冲区中 提取视频帧互不影响，保证了视频的正常播放。
[0073] 可选的，如图5所示，本发明实施例提供的另一种网页视频播放方法，还可以包 括：
[0074] S400、网页视频播放结束后关闭所建立的视频播放窗口。
[0075] 可选的，在视频播放窗口关闭后，可以收回为其分配的缓冲区。
[0076] 本发明实施例提供的一种网页视频播放方法，可以在网页上层建立独立的视频播 放窗口，并通过所建立的视频播放窗口播放网页视频。因此进行视频播放时不再需要将视 频帧与网页内容进行合并。本发明减少了视频播放过程中的运算量，减小了浏览器的运行 压力。
[0077] 与上述方法实施例相对应，本发明还提供了一种网页视频播放系统。
[0078] 如图6所示，本发明实施例提供的一种网页视频播放系统，可以包括：指令接收单 元100、窗口建立单元200和视频播放单元300,其中：
[0079] 指令接收单元100,用于接收网页视频播放指令；
[0080] 可选的，网页视频播放指令可以为用户对网页视频播放按键的点击指令。
[0081] 窗口建立单元200,用于根据所述指令建立视频播放窗口，所述视频播放窗口位于 网页上层；
[0082] 由于视频播放窗口不在网页中，而位于网页上层，因此不属于网页的一部分，独立 于网页，因此网页中内容的展示与视频播放窗口中视频帧的播放互不干扰。在通过所建立 的视频播放窗口播放网页视频的过程中，网页内容仍可以正常进行展示，并且不再需要与 视频帧进行合并。
[0083] 可选的，窗口建立单元200,可以包括：源代码获得子单元、窗口位置获得子单元 和窗口建立子单元，其中：
[0084] 所述源代码获得子单元，用于根据所述指令获得网页源代码；
[0085] 所述窗口位置获得子单元，用于从所获得的网页源代码中获得网页中视频播放区 域的位置信息；
[0086] 所述窗口建立子单元，用于根据所获得的视频播放区域的位置信息，在所述网页 上层建立与所述视频播放区域位置相同的视频播放窗口。
[0087] 视频播放单元300,用于通过所建立的视频播放窗口播放网页视频。
[0088] 可选的，视频播放单元300可以包括：视频流接收子单元、视频解码子单元和视频 帧播放子单元，其中：
[0089] 所述视频流接收子单元，用于接收视频流文件；
[0090] 所述视频解码子单元，用于调用解码器对所述视频流文件进行解码，获得视频 帧；
[0091] 所述视频帧播放子单元，用于将所获得的视频帧放入所述视频播放窗口对应的缓 冲区中，将所述缓冲区中的视频帧输出到所述视频播放窗口进行播放。
[0092] 可选的，在本发明其他实施例中，与所述视频播放窗口对应的缓冲区可以包括：第 一缓冲区和第二缓冲区，其中，第一缓冲区处于前台状态时，第二缓冲区处于后台状态；第 一缓冲区处于后台状态时，第二缓冲区处于前台状态。
[0093] 所述视频帧播放子单元，可以包括：后台处理子单元、前台处理子单元和切换子单 元，其中：
[0094] 所述后台处理子单元，用于将当前时刻获得的视频帧放入处于后台状态的第一 / 第二缓冲区中；
[0095] 所述前台处理子单元，用于将处于前台状态的第二/第一缓冲区中的视频帧输出 到所述视频播放窗口进行播放，播放后删除处于前台状态的第二/第一缓冲区中的视频 帧；
[0096] 所述切换子单元，用于切换所述第一缓冲区和第二缓冲区的前后台状态。
[0097] 通过上述缓冲区前后台状态的调换，就可以使得视频帧放入缓冲区和从缓冲区中 提取视频帧互不影响，保证了视频的正常播放。
[0098] 可选的，本发明实施例提供的另一种网页视频播放系统，还可以包括：窗口关闭单 元，用于网页视频播放结束后关闭所建立的视频播放窗口。
[0099] 可选的，在视频播放窗口关闭后，可以收回为其分配的缓冲区。
[0100] 本发明实施例提供的一种网页视频播放系统，可以在网页上层建立独立的视频播 放窗口，并通过所建立的视频播放窗口播放网页视频。因此进行视频播放时不再需要将视 频帧与网页内容进行合并。本发明减少了视频播放过程中的运算量，减小了浏览器的运行 压力。
[0101] 需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实 体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存 在任何这种实际的关系或者顺序。而且，术语"包括"、"包含"或者其任何其他变体意在涵 盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要 素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备 所固有的要素。在没有更多限制的情况下，由语句"包括一个……"限定的要素，并不排除 在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0102] 本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部 分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实 施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例 的部分说明即可。
[0103] 以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在 本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围 内。
【权利要求】
1. 一种网页视频播放方法，其特征在于，包括： 接收网页视频播放指令； 根据所述指令建立视频播放窗口，所述视频播放窗口位于网页上层； 通过所建立的视频播放窗口播放网页视频。
2. 根据权利要求1所述的方法，其特征在于，所述通过所建立的视频播放窗口播放网 页视频，包括： 接收视频流文件； 调用解码器对所述视频流文件进行解码，获得视频帧； 将所获得的视频帧放入所述视频播放窗口对应的缓冲区中，将所述缓冲区中的视频帧 输出到所述视频播放窗口进行播放。
3. 根据权利要求2所述的方法，其特征在于，与所述视频播放窗口对应的缓冲区包括： 第一缓冲区和第二缓冲区，其中，第一缓冲区处于前台状态时，第二缓冲区处于后台状态； 第一缓冲区处于后台状态时，第二缓冲区处于前台状态。
4. 根据权利要求3所述的方法，其特征在于，所述将所获得的视频帧放入所述视频播 放窗口对应的缓冲区中，将所述缓冲区中的视频帧输出到所述视频播放窗口进行播放，包 括： 将当前时刻获得的视频帧放入处于后台状态的第一 /第二缓冲区中，将处于前台状态 的第二/第一缓冲区中的视频帧输出到所述视频播放窗口进行播放，播放后删除处于前台 状态的第二/第一缓冲区中的视频帧； 切换所述第一缓冲区和第二缓冲区的前后台状态。
5. 根据权利要求1至4中任一项所述的方法，其特征在于，所述根据所述指令建立视频 播放窗口，所述视频播放窗口位于网页上层，包括 ： 根据所述指令获得网页源代码； 从所获得的网页源代码中获得网页中视频播放区域的位置信息； 根据所获得的视频播放区域的位置信息，在所述网页上层建立与所述视频播放区域位 置相同的视频播放窗口。
6. 根据权利要求1至5中任一项所述的方法，其特征在于，还包括： 网页视频播放结束后关闭所建立的视频播放窗口。
7. -种网页视频播放系统，其特征在于，包括：指令接收单元、窗口建立单元和视频播 放单元，其中： 所述指令接收单元，用于接收网页视频播放指令； 所述窗口建立单元，用于根据所述指令建立视频播放窗口，所述视频播放窗口位于网 页上层； 所述视频播放单元，用于通过所建立的视频播放窗口播放网页视频。
8. 根据权利要求7所述的系统，其特征在于，所述视频播放单元，包括：视频流接收子 单元、视频解码子单元和视频帧播放子单元，其中 ： 所述视频流接收子单元，用于接收视频流文件； 所述视频解码子单元，用于调用解码器对所述视频流文件进行解码，获得视频帧； 所述视频帧播放子单元，用于将所获得的视频帧放入所述视频播放窗口对应的缓冲区 中，将所述缓冲区中的视频帧输出到所述视频播放窗口进行播放。
9. 根据权利要求8所述的系统，其特征在于，与所述视频播放窗口对应的缓冲区包括： 第一缓冲区和第二缓冲区，其中，第一缓冲区处于前台状态时，第二缓冲区处于后台状态； 第一缓冲区处于后台状态时，第二缓冲区处于前台状态。
10. 根据权利要求9所述的系统，其特征在于，所述视频帧播放子单元，包括：后台处理 子单元、前台处理子单元和切换子单元，其中 ： 所述后台处理子单元，用于将当前时刻获得的视频帧放入处于后台状态的第一 /第二 缓冲区中； 所述前台处理子单元，用于将处于前台状态的第二/第一缓冲区中的视频帧输出到所 述视频播放窗口进行播放，播放后删除处于前台状态的第二/第一缓冲区中的视频帧； 所述切换子单元，用于切换所述第一缓冲区和第二缓冲区的前后台状态。
11. 根据权利要求7至10中任一项所述的系统，其特征在于，所述窗口建立单元，包括： 源代码获得子单元、窗口位置获得子单元和窗口建立子单元，其中： 所述源代码获得子单元，用于根据所述指令获得网页源代码； 所述窗口位置获得子单元，用于从所获得的网页源代码中获得网页中视频播放区域的 位置信息； 所述窗口建立子单元，用于根据所获得的视频播放区域的位置信息，在所述网页上层 建立与所述视频播放区域位置相同的视频播放窗口。
12. 根据权利要求7至11中任一项所述的系统，其特征在于，还包括：窗口关闭单元， 用于网页视频播放结束后关闭所建立的视频播放窗口。
【文档编号】H04N21/431GK104093060SQ201410341988
【公开日】2014年10月8日 申请日期:2014年7月17日 优先权日:2014年7月17日
【发明者】宋章章, 关翔 申请人:可牛网络技术（北京）有限公司