網頁視頻播放方法及系統的制作方法
【專利摘要】本發明實施例提供了一種網頁視頻播放方法及系統，可以在網頁上層建立獨立的視頻播放窗口，并通過所建立的視頻播放窗口播放網頁視頻。因此進行視頻播放時不再需要將視頻幀與網頁內容進行合并。本發明減少了視頻播放過程中的運算量，減小了瀏覽器的運行壓力。
【專利說明】網頁視頻播放方法及系統
【技術領域】
[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日
【發明者】宋章章, 關翔 申請人:可牛網絡技術（北京）有限公司