基于瀏覽器的字幕顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明設(shè)及視頻播放技術(shù)領(lǐng)域，尤其設(shè)及一種基于瀏覽器的字幕顯示方法及裝 置。
【背景技術(shù)】
[000引 目前，在線視頻越來(lái)越受到人們的歡迎。人們通過(guò)在線視頻觀看美劇、韓劇等外國(guó) 視頻時(shí)，甚至在觀看國(guó)產(chǎn)視頻時(shí)，通常需要借助字幕來(lái)理解視頻內(nèi)容。
[0003] 在線視頻一般包括兩種字幕，一種是內(nèi)嵌字幕，運(yùn)種字幕內(nèi)嵌在視頻文件內(nèi)部，不 需要額外保存字幕文件，但是內(nèi)嵌字幕不具備可調(diào)節(jié)性，不能更換字幕的類型。另一種是外 掛字幕，外掛字幕可W更換字幕的類型，可W提供多種字幕，用戶可W根據(jù)自己的喜好選擇 相應(yīng)的字幕類型?，F(xiàn)有的外掛字幕一般由播放器進(jìn)行字幕解析，播放器需要將視頻帖序列 與相應(yīng)的字幕一一合成后進(jìn)行顯示，加大了播放器的運(yùn)行壓力，甚至導(dǎo)致在播放視頻的過(guò) 程中出現(xiàn)卡屏現(xiàn)象。

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

[0004] 本發(fā)明的主要目的在于提供一種基于瀏覽器的字幕顯示方法及裝置，旨在降低播 放器的運(yùn)行壓力，進(jìn)而避免在播放視頻的過(guò)程中出現(xiàn)卡屏現(xiàn)象。
[0005] 本發(fā)明提供的基于瀏覽器的字幕顯示方法包括：
[0006] 在基于瀏覽器播放視頻時(shí)，所述瀏覽器獲取與當(dāng)前播放視頻對(duì)應(yīng)的字幕數(shù)據(jù)；
[0007] 所述瀏覽器解析獲取的所述字幕數(shù)據(jù)，并生成字幕信息W及與各個(gè)所述字幕信息 對(duì)應(yīng)的字幕顯示時(shí)間信息；
[0008] 所述瀏覽器根據(jù)所述字幕顯示時(shí)間信息在當(dāng)前播放界面上的相應(yīng)位置顯示所述 字幕信息。
[0009] 優(yōu)選地，在所述字幕顯示時(shí)間信息為時(shí)間區(qū)間時(shí)，所述瀏覽器根據(jù)所述字幕顯示 時(shí)間信息在當(dāng)前播放界面上的相應(yīng)位置顯示所述字幕信息的步驟包括：
[0010] 所述瀏覽器獲取當(dāng)前播放視頻的播放時(shí)間點(diǎn)；
[0011] 所述瀏覽器確定當(dāng)前播放視頻的播放時(shí)間點(diǎn)所在的時(shí)間區(qū)間；
[0012] 所述瀏覽器在當(dāng)前播放界面上的相應(yīng)位置顯示所述播放時(shí)間點(diǎn)所在的時(shí)間區(qū)間 對(duì)應(yīng)的字幕信息。
[0013] 優(yōu)選地，所述瀏覽器根據(jù)所述字幕顯示時(shí)間信息在當(dāng)前播放界面上的相應(yīng)位置顯 示所述字幕信息的步驟包括：
[0014] 所述瀏覽器獲取當(dāng)前播放窗口的位置信息；
[0015] 所述瀏覽器根據(jù)所述當(dāng)前播放窗口的位置信息確定所述字幕信息的顯示位置；
[0016] 所述瀏覽器按照所述字幕顯示時(shí)間信息和確定的顯示位置顯示所述字幕信息。
[0017] 優(yōu)選地，所述瀏覽器根據(jù)所述字幕顯示時(shí)間信息在當(dāng)前播放界面上的相應(yīng)位置顯 示所述字幕信息的步驟之前，所述基于瀏覽器的字幕顯示方法還包括：
[0018] 所述瀏覽器在接收到字幕修改指令時(shí)，根據(jù)所述字幕修改指令更新所述字幕信 息。
[0019] 優(yōu)選地，所述基于瀏覽器的字幕顯示方法還包括：
[0020] 在基于瀏覽器播放視頻時(shí)，所述瀏覽器接收彈幕數(shù)據(jù)；
[0021] 所述瀏覽器在當(dāng)前播放界面上的相應(yīng)位置顯示所述彈幕數(shù)據(jù)。
[0022] 優(yōu)選地，所述在基于瀏覽器播放視頻時(shí)，所述瀏覽器獲取與當(dāng)前播放視頻對(duì)應(yīng)的 字幕數(shù)據(jù)的步驟包括：
[0023] 在基于瀏覽器播放視頻時(shí)，所述瀏覽器基于化vaScript腳本獲取與當(dāng)前播放視 頻對(duì)應(yīng)的字幕數(shù)據(jù)。
[0024] 此外，本發(fā)明提供的基于瀏覽器的字幕顯示裝置包括：
[00巧]獲取模塊，用于在基于瀏覽器播放視頻時(shí)，獲取與當(dāng)前播放視頻對(duì)應(yīng)的字幕數(shù) 據(jù)；
[0026] 解析模塊，用于解析獲取的所述字幕數(shù)據(jù)，并生成字幕信息W及與各個(gè)所述字幕 信息對(duì)應(yīng)的字幕顯示時(shí)間信息；
[0027] 第一顯示模塊，用于根據(jù)所述字幕顯示時(shí)間信息在當(dāng)前播放界面上的相應(yīng)位置顯 示所述字幕信息。
[0028] 優(yōu)選地，在所述字幕顯示時(shí)間信息為時(shí)間區(qū)間時(shí)，所述第一顯示模塊包括：
[0029] 第一獲取單元，用于獲取當(dāng)前播放視頻的播放時(shí)間點(diǎn)；
[0030] 第一確定單元，用于確定當(dāng)前播放視頻的播放時(shí)間點(diǎn)所在的時(shí)間區(qū)間；
[0031] 第一顯示單元，用于在當(dāng)前播放界面上的相應(yīng)位置顯示所述播放時(shí)間點(diǎn)所在的時(shí) 間區(qū)間對(duì)應(yīng)的字幕信息。
[0032] 優(yōu)選地，所述第一顯示模塊包括：
[0033] 第二獲取單元，用于獲取當(dāng)前播放窗口的位置信息；
[0034] 第二確定單元，用于根據(jù)所述當(dāng)前播放窗口的位置信息確定所述字幕信息的顯示 位置；
[0035] 第二顯示單元，用于按照所述字幕顯示時(shí)間信息和確定的顯示位置顯示所述字幕 f目息。
[0036] 優(yōu)選地，所述基于瀏覽器的字幕顯示裝置還包括：
[0037] 更新模塊，用于在接收到字幕修改指令時(shí)，根據(jù)所述字幕修改指令更新所述字幕 信息。
[0038] 優(yōu)選地，所述基于瀏覽器的字幕顯示裝置還包括：
[0039] 接收模塊，用于在基于瀏覽器播放視頻時(shí)，接收彈幕數(shù)據(jù)；
[0040] 第二顯示模塊，用于在當(dāng)前播放界面上的相應(yīng)位置顯示所述彈幕數(shù)據(jù)。
[0041] 優(yōu)選地，所述獲取模塊具體用于在基于瀏覽器播放視頻時(shí)，所述瀏覽器基于 化raScript腳本獲取與當(dāng)前播放視頻對(duì)應(yīng)的字幕數(shù)據(jù)。
[0042] 本發(fā)明提供的基于瀏覽器的字幕顯示方法及裝置，在基于瀏覽器播放視頻時(shí)，通 過(guò)瀏覽器獲取與當(dāng)前播放視頻對(duì)應(yīng)的字幕數(shù)據(jù)，且瀏覽器解析獲取的字幕數(shù)據(jù)，并生成字 幕信息W及與各個(gè)所述字幕信息對(duì)應(yīng)的字幕顯示時(shí)間信息，最后瀏覽器根據(jù)字幕顯示時(shí)間 信息在當(dāng)前播放界面上的相應(yīng)位置顯示字幕信息，通過(guò)瀏覽器執(zhí)行字幕獲取和解析的工 作，對(duì)應(yīng)的播放器不需要獲取和解析字幕，減小了播放器因需要對(duì)字幕和圖像合成而帶來(lái) 的運(yùn)算量，從而降低了播放器的運(yùn)行壓力，進(jìn)而避免了在播放視頻的過(guò)程中出現(xiàn)卡屏現(xiàn)象。
【附圖說(shuō)明】
[0043] 圖1為本發(fā)明基于瀏覽器的字幕顯示方法第一實(shí)施例的流程示意圖；
[0044] 圖2為本發(fā)明基于瀏覽器的字幕顯示方法中顯示字幕信息步驟第一實(shí)施例的細(xì) 化流程示意圖；
[0045] 圖3為本發(fā)明基于瀏覽器的字幕顯示方法中顯示字幕信息步驟第二實(shí)施例的流 程示意圖；
[0046] 圖4為本發(fā)明基于瀏覽器的字幕顯示方法的第二實(shí)施例的流程示意圖；
[0047] 圖5為本發(fā)明基于瀏覽器的字幕顯示裝置第一實(shí)施例的功能模塊示意圖；
[0048] 圖6為本發(fā)明基于瀏覽器的字幕顯示裝置中第一顯示模塊第一實(shí)施例的細(xì)化功 能板塊不意圖；
[0049] 圖7為本發(fā)明基于瀏覽器的字幕顯示裝置中第一顯示模塊第二實(shí)施例的流程示 意圖；
[0050] 圖8為本發(fā)明基于瀏覽器的字幕顯示裝置的第二實(shí)施例的功能模塊示意圖。
[005。 本發(fā)明目的的實(shí)現(xiàn)、功能特點(diǎn)及優(yōu)點(diǎn)將結(jié)合實(shí)施例，參照附圖做進(jìn)一步說(shuō)明。
【具體實(shí)施方式】
[0052] 應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用W解釋本發(fā)明，并不用于限定本發(fā)明。
[0053] 本發(fā)明提供一種基于瀏覽器的字幕顯示方法。
[0054] 參照?qǐng)D1，圖1為本發(fā)明基于瀏覽器的字幕顯示方法第一實(shí)施例的流程示意圖。所 述基于瀏覽器的字幕顯示方法包括：
[0055] 步驟S10,在基于瀏覽器播放視頻時(shí)，所述瀏覽器獲取與當(dāng)前播放視頻對(duì)應(yīng)的字幕 數(shù)據(jù)；
[0056] 在本實(shí)施例中，基于瀏覽器播放視頻時(shí)，瀏覽器可根據(jù)當(dāng)前網(wǎng)頁(yè)獲取視頻地址和 與視頻對(duì)應(yīng)的字幕數(shù)據(jù)地址，并根據(jù)獲取的字幕數(shù)據(jù)地址獲取字幕數(shù)據(jù)。優(yōu)選地，在基于瀏 覽器播放視頻時(shí)，所述瀏覽器基于化vaScript腳本獲取與當(dāng)前播放視頻對(duì)應(yīng)的字幕數(shù)據(jù)， 可W通過(guò)化vaScript腳本獲取字幕并實(shí)現(xiàn)對(duì)字幕的布局、顯示。例如，可通過(guò)化vaScript 腳本添加一個(gè)MediaText對(duì)象擴(kuò)展，分別在Wet)kit瀏覽器源代碼中添加 MediaText. idl、 MediaText. h、MediaText. cpp 文件，并在 CPP 文件中實(shí)現(xiàn) getTextUrl 0、addToText 0、 removeRromTextO、show〇、hide〇等方法，其中，通過(guò)getTextUrl 0方法來(lái)獲取字幕數(shù)據(jù) 的地址，通過(guò)addToText 0方法向外置字幕文件中添加新增字幕，通過(guò)remove化omText 0 方法刪除原有字幕文件中不需要的部分字幕，通過(guò)show 0方法顯示字幕數(shù)據(jù)，通過(guò)hide 0 方法隱藏字幕。
[0057] 優(yōu)選地，還可W通過(guò)化vaScript腳本添加一個(gè)MediaTextL