顯示懸浮式播放窗口的方法和系統(tǒng)的制作方法
【專利摘要】本申請公開了一種顯示懸浮式播放窗口的方法和系統(tǒng)，包括：在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線；監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息；根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中；獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放。本申請解決了由于頁面中的視頻播放窗口固定嵌入頁面中，跟隨頁面一同滾動至瀏覽器窗口的顯示范圍以外便無法觀看的問題。
【專利說明】顯示懸浮式播放窗口的方法和系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本申請涉及頁面播放顯示領(lǐng)域，更具體地，涉及一種顯示懸浮式播放窗口的方法和系統(tǒng)。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，人們獲取信息的方式已經(jīng)發(fā)生改變:從傳統(tǒng)的書籍、報紙、電視、廣播等方式，繼而變成通過互聯(lián)網(wǎng)獲取。尤其是互聯(lián)網(wǎng)將影視節(jié)目、新聞、廣告、聊天視頻、游戲視頻和監(jiān)控視頻等等豐富的綜合性網(wǎng)絡(luò)視頻資源進(jìn)行共享，從而網(wǎng)絡(luò)視頻已經(jīng)成為人們學(xué)習(xí)、社交以及休閑娛樂而不可替代的重要方式。
[0003]對于擁有大量視頻資源的視頻網(wǎng)站而言，用戶可以通過終端上的瀏覽器進(jìn)行訪問視頻網(wǎng)站的點播頁面，觀看用戶想要觀看的各類視頻。
[0004]目前，視頻網(wǎng)站中的播放頁面通常由網(wǎng)頁播放器區(qū)域、互動交流區(qū)域(包括:評論區(qū)域、相關(guān)視頻推薦區(qū)域等)組成，播放器窗口以“嵌入”的方式設(shè)置于頁面中，也就是說，當(dāng)用戶滾動頁面時，播放器窗口將跟隨頁面一同滾動。對于瀏覽器而言，其顯示窗口的尺寸大小往往小于頁面的整體面積，用戶只能通過滾動頁面以瀏覽頁面中的全部內(nèi)容。例如:用戶想要針對當(dāng)前觀看的視頻進(jìn)行評論操作時，必然會進(jìn)行滾動操作將頁面中的評論區(qū)域調(diào)整到瀏覽器窗口中，這樣，用戶便可以通過瀏覽器顯示窗口觀看到評論區(qū)域，但是，播放器窗口將跟隨頁面滾動至當(dāng)前瀏覽器顯示窗口的顯示范圍之外，用戶在瀏覽評論內(nèi)容或進(jìn)行評論時，不能看到當(dāng)前播放器窗口中所播放的內(nèi)容，可能導(dǎo)致視頻內(nèi)容的流失，嚴(yán)重影響用戶的瀏覽體驗。

【發(fā)明內(nèi)容】

[0005]有鑒于此，本申請所要解決的技術(shù)問題是提供了一種顯示懸浮式播放窗口的方法和系統(tǒng)，以解決由于頁面中的視頻播放窗口固定嵌入頁面中，跟隨頁面一同滾動至瀏覽器窗口的顯示范圍以外便無法觀看的問題。
[0006]為了解決上述技術(shù)問題，本申請公開了一種顯示懸浮式播放窗口的方法，包括: 在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)
線.監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息；
根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中；
獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放。
[0007]其中，優(yōu)選地，還包括:
在監(jiān)測到所述播放器窗口的所述位置標(biāo)線出現(xiàn)在所述瀏覽窗口內(nèi)的頁面中時生成關(guān)閉提示信息，并根據(jù)該關(guān)閉提示信息將懸浮顯示的所述縮略窗口關(guān)閉。
[0008]其中，優(yōu)選地，根據(jù)接收到的拖動指示信息將所述播放縮略窗口在所述瀏覽窗口內(nèi)進(jìn)行移動，記錄該播放縮略窗口移動后的位置，生成位置數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述位置數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0009]其中，優(yōu)選地，所述播放縮略窗口以330*195像素為初始尺寸顯示于所述瀏覽窗口內(nèi)的頁面中。
[0010]其中，優(yōu)選地，根據(jù)接收到的尺寸調(diào)整指示信息對所述播放縮略窗口的顯示尺寸進(jìn)行調(diào)整，記錄該播放縮略窗口調(diào)整后的尺寸，生成尺寸數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述尺寸數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0011]為了解決上述技術(shù)問題，本申請還公開了一種顯示懸浮式播放窗口的系統(tǒng)，與瀏覽器相耦接，其特征在于，該系統(tǒng)包括:標(biāo)記單元、監(jiān)測單元、顯示單元以及播放單元，其中，
所述標(biāo)記單元，用于在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線；
所述監(jiān)測單元，用于監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息；
所述顯示單元，用于根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中；
所述播放單元，用于獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放。
[0012]其中，優(yōu)選地，所述監(jiān)測單元，還用于:在監(jiān)測到所述播放器窗口的所述位置標(biāo)線出現(xiàn)在所述瀏覽窗口內(nèi)的頁面中時生成關(guān)閉提示信息；
所述顯示單元，還用于:根據(jù)所述關(guān)閉提示信息將懸浮顯示的所述縮略窗口關(guān)閉。
[0013]其中，優(yōu)選地，所述顯示單元，進(jìn)一步用于根據(jù)接收到的拖動指示信息將所述播放縮略窗口在所述瀏覽窗口內(nèi)進(jìn)行移動，記錄該播放縮略窗口移動后的位置，生成位置數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述位置數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0014]其中，優(yōu)選地，所述播放縮略窗口以330*195像素為初始尺寸顯示于所述瀏覽窗口內(nèi)的頁面中。
[0015]其中，優(yōu)選地，所述顯示單元，進(jìn)一步還用于:根據(jù)接收到的尺寸調(diào)整指示信息對所述播放縮略窗口的顯示尺寸進(jìn)行調(diào)整，記錄該播放縮略窗口調(diào)整后的尺寸，生成尺寸數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述尺寸數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0016]與現(xiàn)有技術(shù)相比，本申請所述的一種顯示懸浮式播放窗口的方法和系統(tǒng)，達(dá)到了如下效果:
I)本申請通過在頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線，并對位置標(biāo)線進(jìn)行實時監(jiān)測，若位置標(biāo)線的位于瀏覽窗口的頂端邊界，則表示播放器窗口已經(jīng)滾動到了瀏覽窗口的顯示范圍之外，便立即在當(dāng)前的瀏覽窗口中顯示懸浮式播放窗口，從而可以使用戶繼續(xù)觀看當(dāng)前播放的視頻，有效解決了由于頁面中的視頻播放窗口固定嵌入頁面中，跟隨頁面一同滾動至瀏覽器窗口的顯示范圍以外便無法觀看的問題。
[0017]2)本申請中的懸浮式播放窗口的可以在頁面中隨意拖動，其顯示尺寸也可以根據(jù)用戶喜好進(jìn)行調(diào)整，并且該懸浮式播放窗口上設(shè)置有與播放相關(guān)的控制鍵，用戶可以隨時控制視頻的播放，因而可以給予用戶良好的瀏覽體驗。
[0018]3)本申請中的懸浮式播放窗口可以應(yīng)用與不同的瀏覽器以及不同的終端中，實用性強(qiáng)。
[0019]當(dāng)然，實施本申請的任一產(chǎn)品必不一定需要同時達(dá)到以上所述的所有技術(shù)效果。
[0020]
【專利附圖】

【附圖說明】
[0021]此處所說明的附圖用來提供對本申請的進(jìn)一步理解，構(gòu)成本申請的一部分，本申請的示意性實施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當(dāng)限定。在附圖中:
圖1是本申請實施例一所述的顯示懸浮式播放窗口的方法的流程框圖。
[0022]圖2是本申請實施例二所述的顯示懸浮式播放窗口的方法的流程框圖。
[0023]圖3是本申請實施例三中視頻播放頁面上的播放器窗口的示意圖。
[0024]圖4是本申請實施例三中懸浮式播放窗口的示意圖。
[0025]圖5是本申請實施例四所述的顯示懸浮式播放窗口的系統(tǒng)的結(jié)構(gòu)框圖。
[0026]【具體實施方式】
[0027]如在說明書及權(quán)利要求當(dāng)中使用了某些詞匯來指稱特定組件。本領(lǐng)域技術(shù)人員應(yīng)可理解，硬件制造商可能會用不同名詞來稱呼同一個組件。本說明書及權(quán)利要求并不以名稱的差異來作為區(qū)分組件的方式，而是以組件在功能上的差異來作為區(qū)分的準(zhǔn)則。如在通篇說明書及權(quán)利要求當(dāng)中所提及的“包含”為一開放式用語，故應(yīng)解釋成“包含但不限定于”?！按笾隆笔侵冈诳山邮盏恼`差范圍內(nèi)，本領(lǐng)域技術(shù)人員能夠在一定誤差范圍內(nèi)解決所述技術(shù)問題，基本達(dá)到所述技術(shù)效果。此外，“耦接”一詞在此包含任何直接及間接的電性耦接手段。因此，若文中描述一第一裝置耦接于一第二裝置，則代表所述第一裝置可直接電性耦接于所述第二裝置，或通過其他裝置或耦接手段間接地電性耦接至所述第二裝置。說明書后續(xù)描述為實施本申請的較佳實施方式，然所述描述乃以說明本申請的一般原則為目的，并非用以限定本申請的范圍。本申請的保護(hù)范圍當(dāng)視所附權(quán)利要求所界定者為準(zhǔn)。
實施例一
如圖1所示，為本申請實施例一所述的一種顯示懸浮式播放窗口的方法，該方法包括:步驟101，在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線。
[0028]瀏覽窗口可以是終端中用于顯示網(wǎng)站頁面的載體，其可以是終端中運行的瀏覽器、APP (Application，應(yīng)用程序)等，其中，終端包括但不限于:計算機(jī)終端和/或移動終端(包括:平板電腦，手機(jī)等移動設(shè)備)。這里需要指出的是，對于計算機(jī)終端，瀏覽窗口通常就是瀏覽器的顯示窗口 ；對于移動終端，瀏覽窗口除了可以是運行在移動終端的瀏覽器顯示窗口，也可以是運行在移動終端的APP窗口(此時的APP窗口的顯示范圍就是移動終端屏幕的顯示范圍，即在此情況下，瀏覽窗口就是移動終端的屏幕)。
[0029]在視頻播放頁面中，并非整個頁面對視頻進(jìn)行播放，而是視頻在設(shè)置于該頁面內(nèi)的播放器窗口中進(jìn)行播放，在步驟101中可以在播放器窗口的底端邊緣設(shè)置位置標(biāo)線，該位置標(biāo)線與播放器窗口的底端邊緣重合，由于播放器窗口的尺寸在頁面中通常不會發(fā)生變化，即播放器窗口的尺寸不變，而且，播放器窗口嵌入設(shè)置在視頻播放頁面中，所以生成的位置標(biāo)線具有很強(qiáng)的標(biāo)定性。本實施例中，位置標(biāo)線可記錄于HTML (HyperText Mark-upLanguage，超文本標(biāo)記語言)文件、瀏覽器信息文件或者具有視頻播放功能的應(yīng)用程序源文件中，生成的位置標(biāo)線并不會直接顯示于視頻播放頁面中，位置標(biāo)線設(shè)置的方式如:頁面高度坐標(biāo)方式、頁面標(biāo)簽等方式，對于上述設(shè)置該位置標(biāo)線的方式并不構(gòu)成對本申請的限定。
[0030]步驟102，監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息。
[0031]瀏覽窗口的尺寸通常小于視頻播放頁面的尺寸，即在通過瀏覽窗口對視頻播放頁面進(jìn)行瀏覽時，顯示在瀏覽窗口中的頁面只是整個視頻播放頁面的一部分，在視頻播放頁面中，除了播放器窗口外，還有其他內(nèi)容(如:評論內(nèi)容)，用戶針對視頻播放頁面進(jìn)行滾動便可以瀏覽到該頁面中的其他內(nèi)容，但是，播放器窗口也將跟隨視頻播放頁面一同滾動，在滾動幅度較大時，播放器窗口便消失于當(dāng)前瀏覽窗口的顯示范圍，進(jìn)而導(dǎo)致用戶不能繼續(xù)觀看，故在步驟102中需要實時監(jiān)測播放器窗口的位置標(biāo)線，當(dāng)位置標(biāo)線與瀏覽窗口的頂端邊界重合時，那么，此時位置標(biāo)線以上的頁面(也包括播放器窗口)都滾動至當(dāng)前的瀏覽窗口之外。這種狀態(tài)便符合本申請中懸浮式播放窗口的啟動條件。所以，在步驟102中將生成用于啟動懸浮式播放窗口的啟動提示信息。
[0032]本實施例中，可以由運行于終端中的監(jiān)視線程生成該啟動提示信息。
[0033]步驟103，根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中。
[0034]生成的播放縮略窗口的尺寸大小至少為330*195px (Pixel，像素)，該播放縮略窗口位于瀏覽窗口的最表層，即該播放縮略窗口懸浮在視頻播放頁面的其他內(nèi)容中。在本實施例中，該播放縮略窗口還可以根據(jù)用戶的操作指示(如:點擊、拖拽等)進(jìn)行移動。
[0035]步驟104，獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放顯示。
[0036]播放器窗口所在的終端從相應(yīng)的視頻服務(wù)器中獲取視頻流數(shù)據(jù)進(jìn)行播放，所以為了播放內(nèi)容的統(tǒng)一，在播放縮略窗口生成后，也會獲取同一視頻流數(shù)據(jù)并在該播放縮略窗口中播放。用戶在播放器窗口中可能已經(jīng)觀看了一定時間，那么，在播放縮略窗口中所播放的視頻在時間上也與播放器窗口中的播放進(jìn)度保持一致，所述在步驟104中，獲取當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，便可以實現(xiàn)與播放器窗口進(jìn)行同步播放顯示。
[0037]實施例二
如圖2所示，為本申請實施例二所述的一種顯示懸浮式播放窗口的方法，該方法包括:步驟201，在瀏覽器的瀏覽窗口內(nèi)顯示的頁面中，針對該瀏覽器所顯示的頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線。
[0038]本實施例中并不限定于計算機(jī)終端中的瀏覽器窗口，還可以是移動終端的視頻應(yīng)用程序。
[0039]步驟202，監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽器顯示窗口的頂端邊界時，生成啟動提示信息。
[0040]對于步驟202，其瀏覽窗口的頂端邊界除了可以是顯示頁面的瀏覽器的頂端邊界，也可以是移動終端的屏幕的邊界。
[0041]步驟203，根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中。
[0042]在步驟203中，該播放縮略窗口可以根據(jù)用戶的拖動動作進(jìn)行移動，即根據(jù)接收到的拖動指示信息將所述播放縮略窗口在所述瀏覽窗口內(nèi)進(jìn)行移動，記錄該播放縮略窗口移動后的位置，生成位置數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時。
[0043]步驟204，獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放顯示。
[0044]需要說明的是，在首次顯示時，播放縮略窗口以330*195像素為初始尺寸顯示于所述瀏覽窗口內(nèi)的頁面中。
[0045]用戶可以對播放縮略窗口的尺寸進(jìn)行調(diào)整，即根據(jù)接收到的尺寸調(diào)整指示信息對所述播放縮略窗口的顯示尺寸進(jìn)行調(diào)整，記錄該播放縮略窗口調(diào)整后的尺寸，生成尺寸數(shù)據(jù)并進(jìn)行存儲。
[0046]步驟205，在監(jiān)測到所述播放器窗口的所述位置標(biāo)線出現(xiàn)在所述瀏覽窗口內(nèi)的頁面中時生成關(guān)閉提示信息，并根據(jù)該關(guān)閉提示信息將懸浮顯示的所述播放縮略窗口關(guān)閉。
[0047]用戶滾動頁面使播放器窗口再次顯示與瀏覽窗口中時，播放縮略窗口關(guān)閉，當(dāng)然，在本實施例中，在所述播放縮略窗口再次顯示時，讀取存儲的所述位置數(shù)據(jù)以及尺寸數(shù)據(jù)，再以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0048]實施例三
下面結(jié)合圖3和4，對所述顯示懸浮式播放窗口的方法的具體應(yīng)用進(jìn)行詳細(xì)說明:步驟一，用戶通過在計算機(jī)終端的瀏覽器訪問視頻網(wǎng)站觀看視頻，在瀏覽器的顯示窗口內(nèi)顯示當(dāng)前視頻的播放頁面，瀏覽器針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線LI。
[0049]如圖1所示，當(dāng)前頁面中的播放器窗口的底端邊緣位于圖1中LI的位置處，如果頁面滾動并超過該位置(LI)時，則該播放器窗口將完全消失于瀏覽器的瀏覽窗口范圍。瀏覽器需要實時地監(jiān)控該位置(LI )，從而生成位置標(biāo)線LI。
[0050]需要說明的是，位置標(biāo)線LI不會顯示在當(dāng)前的播放頁面中，只是以頁面高度坐標(biāo)值的方式寫入瀏覽器的HTML文件中。
[0051]步驟二，用戶滾動當(dāng)前的播放頁面，瀏覽該頁面下方的評論區(qū)域，播放器窗口跟隨頁面一同滾動，瀏覽器中的監(jiān)測線程實時監(jiān)測該位置標(biāo)線LI，監(jiān)測所述位置標(biāo)線在當(dāng)前瀏覽器的顯示窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線LI位于該瀏覽器顯示窗口的頂端邊界時，生成啟動提示信息。
[0052]步驟三，瀏覽器根據(jù)該啟動提示信息生成播放縮略窗口 SI，并如圖4所示，將該播放縮略窗口 Si以懸浮方式顯示于當(dāng)前瀏覽器窗口所顯示的頁面上，再獲取播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的播放進(jìn)度，在生成的懸浮式的播放縮略窗口 Si中進(jìn)行同步播放顯示。
[0053]播放縮略窗口 SI中播放顯示的內(nèi)容與播放器窗口中的內(nèi)容一致，并且播放進(jìn)度也一致，所以播放縮略窗口 SI保證了用戶即使在觀看評論區(qū)域時，也可以繼續(xù)觀看視頻內(nèi)容，從而不會因為用戶進(jìn)行評論等操作時錯過視頻內(nèi)容。
[0054]播放縮略窗口 SI在頁面中的初始位置是隨機(jī)選取的，但通常情況下顯示在頁面的中間位置，懸浮顯示后，播放縮略窗口 Si的位置可以根據(jù)用戶的拖拽動作任意移動，在一種方式下，用戶的鼠標(biāo)指針移動至該播放縮略窗口 Si的范圍中時，該播放縮略窗口 SI中不再顯示視頻內(nèi)容，而是如圖4所示，顯示文字提示信息，以提示用戶該播放縮略窗口 SI可進(jìn)行拖動，從而增加了用戶的瀏覽體驗。
[0055]在用戶對播放縮略窗口 SI拖動后，瀏覽器將記錄播放縮略窗口 SI新的位置，瀏覽器以頁面中的位置坐標(biāo)值的方式進(jìn)行記錄，同樣可以寫入至相應(yīng)的HTML文件中。播放縮略窗口 SI將在被記錄的位置上顯示，即使關(guān)閉瀏覽器，用戶再使用瀏覽器觀看視頻時，該播放縮略窗口 SI仍會在被記錄的位置上顯示。
[0056]此外，播放縮略窗口 SI的尺寸在初始顯示時為標(biāo)定尺寸，即330*195px，用戶可以對該播放縮略窗口 Si進(jìn)行尺寸調(diào)整，同樣，調(diào)整后的尺寸也將被瀏覽器進(jìn)行記錄，即使再次生成該播放縮略窗口 Si，也將根據(jù)調(diào)整后的尺寸進(jìn)行顯示。
[0057]步驟四，在監(jiān)測到播放器窗口上的位置標(biāo)線LI再次出現(xiàn)在瀏覽器顯示窗口內(nèi)時，生成關(guān)閉提示信息并根據(jù)該關(guān)閉提示信息將懸浮顯示的所述縮略窗口關(guān)閉。
[0058]在本實施例中，播放縮略窗口 SI上具有與播放器窗口上同樣的控制鍵，用戶可以直接在播放縮略窗口 SI中對視頻的播放進(jìn)行控制操作。
[0059]實施例四
如圖5所示，為本申請實施例四所述的一種顯示懸浮式播放窗口的系統(tǒng)，與瀏覽器相率禹接，該系統(tǒng)包括:標(biāo)記單元501、監(jiān)測單元502、顯示單元503以及播放單元504,其中，所述標(biāo)記單元501，與瀏覽器和監(jiān)測單元502相耦接，用于在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線。
[0060]所述監(jiān)測單元502，與標(biāo)記單元501和顯示單元503相耦接，用于監(jiān)測標(biāo)記單元501生成的所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息發(fā)送至顯示單元503。
[0061]所述顯示單元503，與監(jiān)測單元502和播放單元504相耦接，用于根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中。
[0062]所述播放單元504，用于獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放。
[0063]本實施例中，所述監(jiān)測單元502，具體還用于在監(jiān)測到所述播放器窗口的所述位置標(biāo)線出現(xiàn)在所述瀏覽窗口內(nèi)的頁面中時生成關(guān)閉提示信息。那么，顯示單元503，將根據(jù)所述關(guān)閉提示信息將懸浮顯示的所述縮略窗口關(guān)閉。
[0064]生成的播放縮略窗口的尺寸大小至少為330*195px (Pixel，像素)，即播放縮略窗口以330*195像素為初始尺寸顯示于所述瀏覽窗口內(nèi)的頁面中，播放縮略窗口位于瀏覽窗口的最表層，即該播放縮略窗口懸浮在視頻播放頁面的其他內(nèi)容中。在本實施例中，該播放縮略窗口還可以根據(jù)用戶的操作指示(如:點擊、拖拽等)進(jìn)行移動。
[0065]具體而言，用戶對播放縮略窗口進(jìn)行拖動時，顯示單元503將根據(jù)接收到的拖動指示信息將所述播放縮略窗口在所述瀏覽窗口內(nèi)進(jìn)行移動，記錄該播放縮略窗口移動后的位置，生成位置數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述位置數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0066]用戶對播放縮略窗口的尺寸進(jìn)行調(diào)整時，顯示單元503將根據(jù)接收到的尺寸調(diào)整指示信息對所述播放縮略窗口的顯示尺寸進(jìn)行調(diào)整，記錄該播放縮略窗口調(diào)整后的尺寸，生成尺寸數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述尺寸數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
[0067]由于方法部分已經(jīng)對本申請實施例進(jìn)行了詳細(xì)描述，這里對實施例中涉及的系統(tǒng)與方法對應(yīng)部分的展開描述省略，不再贅述。對于系統(tǒng)中具體內(nèi)容的描述可參考方法實施例的內(nèi)容，這里不再具體限定。
[0068]與現(xiàn)有技術(shù)相比，本申請所述的一種顯示懸浮式播放窗口的方法和系統(tǒng)，達(dá)到了如下效果:
I)本申請通過在頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線，并對位置標(biāo)線進(jìn)行實時監(jiān)測，若位置標(biāo)線的位于瀏覽窗口的頂端邊界，則表示播放器窗口已經(jīng)滾動到了瀏覽窗口的顯示范圍之外，便立即在當(dāng)前的瀏覽窗口中顯示懸浮式播放窗口，從而可以使用戶繼續(xù)觀看當(dāng)前播放的視頻，有效解決了由于頁面中的視頻播放窗口固定嵌入頁面中，跟隨頁面一同滾動至瀏 覽器窗口的顯示范圍以外便無法觀看的問題。
[0069]2)本申請中的懸浮式播放窗口的可以在頁面中隨意拖動，其顯示尺寸也可以根據(jù)用戶喜好進(jìn)行調(diào)整，并且該懸浮式播放窗口上設(shè)置有與播放相關(guān)的控制鍵，用戶可以隨時控制視頻的播放，因而可以給予用戶良好的瀏覽體驗。
[0070]3)本申請中的懸浮式播放窗口可以應(yīng)用與不同的瀏覽器以及不同的終端中，實用性強(qiáng)。
[0071]還需要說明的是，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、商品或者系統(tǒng)不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、商品或者系統(tǒng)所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、商品或者系統(tǒng)中還存在另外的相同要素。
[0072]本領(lǐng)域技術(shù)人員應(yīng)明白，本申請的實施例可提供為方法、系統(tǒng)或計算機(jī)程序產(chǎn)品。因此，本申請可采用完全硬件實施例、完全軟件實施例或結(jié)合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機(jī)可用程序代碼的計算機(jī)可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等)上實施的計算機(jī)程序產(chǎn)品的形式。
[0073]以上所述僅為本申請的實施例而已，并不用于限制本申請。對于本領(lǐng)域技術(shù)人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原理之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本申請的權(quán)利要求范圍之內(nèi)。
【權(quán)利要求】
1.一種顯不懸浮式播放窗口的方法，其特征在于，包括: 在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線.監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息； 根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中； 獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放。
2.如權(quán)利要求1所述的顯示懸浮式播放窗口的方法，其特征在于，還包括: 在監(jiān)測到所述播放器窗口的所述位置標(biāo)線出現(xiàn)在所述瀏覽窗口內(nèi)的頁面中時生成關(guān)閉提示信息，并根據(jù)該關(guān)閉提示信息將懸浮顯示的所述縮略窗口關(guān)閉。
3.如權(quán)利要求1所述的顯示懸浮式播放窗口的方法，其特征在于，根據(jù)接收到的拖動指示信息將所述播放縮略窗口在所述瀏覽窗口內(nèi)進(jìn)行移動，記錄該播放縮略窗口移動后的位置，生成位置數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述位置數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
4.如權(quán)利要求1中所述的顯示懸浮式播放窗口的方法，其特征在于，所述播放縮略窗口以330*195像素為初始尺寸顯示于所述瀏覽窗口內(nèi)的頁面中。
5.如權(quán)利要求4所述的顯示懸浮式播放窗口的方法，其特征在于，根據(jù)接收到的尺寸調(diào)整指示信息對所述播放縮略窗口的顯示尺寸進(jìn)行調(diào)整，記錄該播放縮略窗口調(diào)整后的尺寸，生成尺寸數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述尺寸數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
6.一種顯示懸浮式播放窗口的系統(tǒng)，與瀏覽器相耦接，其特征在于，該系統(tǒng)包括:標(biāo)記單元、監(jiān)測單元、顯示單元以及播放單元，其中， 所述標(biāo)記單元，用于在瀏覽窗口內(nèi)顯示的頁面中，針對該頁面上的播放器窗口的底端邊緣處生成位置標(biāo)線； 所述監(jiān)測單元，用于監(jiān)測所述位置標(biāo)線在所述瀏覽窗口中的位置，當(dāng)監(jiān)測到所述位置標(biāo)線位于該瀏覽窗口的頂端邊界時，生成啟動提示信息； 所述顯示單元，用于根據(jù)該啟動提示信息生成播放縮略窗口并將該播放縮略窗口以懸浮方式顯示于當(dāng)前所述瀏覽窗口內(nèi)的頁面中； 所述播放單元，用于獲取所述播放器窗口中所播放視頻的視頻流數(shù)據(jù)以及當(dāng)前視頻的時間進(jìn)度數(shù)據(jù)，在生成的所述播放縮略窗口中進(jìn)行同步播放。
7.如權(quán)利要求6所述的顯示懸浮式播放窗口的系統(tǒng)，其特征在于， 所述監(jiān)測單元，還用于:在監(jiān)測到所述播放器窗口的所述位置標(biāo)線出現(xiàn)在所述瀏覽窗口內(nèi)的頁面中時生成關(guān)閉提示信息； 所述顯示單元，還用于:根據(jù)所述關(guān)閉提示信息將懸浮顯示的所述縮略窗口關(guān)閉。
8.如權(quán)利要求6所述的顯示懸浮式播放窗口的系統(tǒng)，其特征在于，所述顯示單元，進(jìn)一步用于根據(jù)接收到的拖動指示信息將所述播放縮略窗口在所述瀏覽窗口內(nèi)進(jìn)行移動，記錄該播放縮略窗口移動后的位置，生成位置數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述位置數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
9.如權(quán)利要求6中所述的顯示懸浮式播放窗口的系統(tǒng)，其特征在于，所述播放縮略窗口以330*195像素為初始尺寸顯示于所述瀏覽窗口內(nèi)的頁面中。
10.如權(quán)利要求9所述的顯示懸浮式播放窗口的系統(tǒng)，其特征在于，所述顯示單元，進(jìn)一步還用于:根據(jù)接收到的尺寸調(diào)整指示信息對所述播放縮略窗口的顯示尺寸進(jìn)行調(diào)整，記錄該播放縮略窗口調(diào)整后的尺寸，生成尺寸數(shù)據(jù)并進(jìn)行存儲，在所述播放縮略窗口再次顯示時，讀取存儲的所述尺寸數(shù)據(jù)并以懸浮方式顯示于所述瀏覽窗口內(nèi)的頁面中。
【文檔編號】H04N21/431GK103986962SQ201410241420
【公開日】2014年8月13日 申請日期:2014年6月3日 優(yōu)先權(quán)日:2014年6月3日
【發(fā)明者】李歆, 孫昆明, 郭慧敏, 唐桂堯, 姚鍵, 潘柏宇, 盧述奇 申請人:合一網(wǎng)絡(luò)技術(shù)(北京)有限公司