CN105704582A - 基于浏览器的字幕显示方法及装置 - Google Patents
基于浏览器的字幕显示方法及装置 Download PDFInfo
- Publication number
- CN105704582A CN105704582A CN201510238056.5A CN201510238056A CN105704582A CN 105704582 A CN105704582 A CN 105704582A CN 201510238056 A CN201510238056 A CN 201510238056A CN 105704582 A CN105704582 A CN 105704582A
- Authority
- CN
- China
- Prior art keywords
- browser
- caption
- currently playing
- information
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8173—End-user applications, e.g. Web browser, game
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明公开了一种基于浏览器的字幕显示方法，所述基于浏览器的字幕显示方法包括：在基于浏览器播放视频时，所述浏览器获取与当前播放视频对应的字幕数据；所述浏览器解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。本发明还公开了一种基于浏览器的字幕显示装置。本发明通过浏览器执行字幕获取和解析的工作，对应的播放器不需要获取和解析字幕，减小了播放器因需要对字幕和图像合成而带来的运算量，从而降低了播放器的运行压力，进而避免了在播放视频的过程中出现卡屏现象。
Description
技术领域
本发明涉及视频播放技术领域，尤其涉及一种基于浏览器的字幕显示方法及装置。
背景技术
目前，在线视频越来越受到人们的欢迎。人们通过在线视频观看美剧、韩剧等外国视频时，甚至在观看国产视频时，通常需要借助字幕来理解视频内容。
在线视频一般包括两种字幕，一种是内嵌字幕，这种字幕内嵌在视频文件内部，不需要额外保存字幕文件，但是内嵌字幕不具备可调节性，不能更换字幕的类型。另一种是外挂字幕，外挂字幕可以更换字幕的类型，可以提供多种字幕，用户可以根据自己的喜好选择相应的字幕类型。现有的外挂字幕一般由播放器进行字幕解析，播放器需要将视频帧序列与相应的字幕一一合成后进行显示，加大了播放器的运行压力，甚至导致在播放视频的过程中出现卡屏现象。
发明内容
本发明的主要目的在于提供一种基于浏览器的字幕显示方法及装置，旨在降低播放器的运行压力，进而避免在播放视频的过程中出现卡屏现象。
本发明提供的基于浏览器的字幕显示方法包括：
在基于浏览器播放视频时，所述浏览器获取与当前播放视频对应的字幕数据；
所述浏览器解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；
所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。
优选地，在所述字幕显示时间信息为时间区间时，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息的步骤包括：
所述浏览器获取当前播放视频的播放时间点；
所述浏览器确定当前播放视频的播放时间点所在的时间区间；
所述浏览器在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。
优选地，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息的步骤包括：
所述浏览器获取当前播放窗口的位置信息；
所述浏览器根据所述当前播放窗口的位置信息确定所述字幕信息的显示位置；
所述浏览器按照所述字幕显示时间信息和确定的显示位置显示所述字幕信息。
优选地，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息的步骤之前，所述基于浏览器的字幕显示方法还包括：
所述浏览器在接收到字幕修改指令时，根据所述字幕修改指令更新所述字幕信息。
优选地，所述基于浏览器的字幕显示方法还包括：
在基于浏览器播放视频时，所述浏览器接收弹幕数据；
所述浏览器在当前播放界面上的相应位置显示所述弹幕数据。
优选地，所述在基于浏览器播放视频时，所述浏览器获取与当前播放视频对应的字幕数据的步骤包括：
在基于浏览器播放视频时，所述浏览器基于JavaScript脚本获取与当前播放视频对应的字幕数据。
此外，本发明提供的基于浏览器的字幕显示装置包括：
获取模块，用于在基于浏览器播放视频时，获取与当前播放视频对应的字幕数据；
解析模块，用于解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；
第一显示模块，用于根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。
优选地，在所述字幕显示时间信息为时间区间时，所述第一显示模块包括：
第一获取单元，用于获取当前播放视频的播放时间点；
第一确定单元，用于确定当前播放视频的播放时间点所在的时间区间；
第一显示单元，用于在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。
优选地，所述第一显示模块包括：
第二获取单元，用于获取当前播放窗口的位置信息；
第二确定单元，用于根据所述当前播放窗口的位置信息确定所述字幕信息的显示位置；
第二显示单元，用于按照所述字幕显示时间信息和确定的显示位置显示所述字幕信息。
优选地，所述基于浏览器的字幕显示装置还包括：
更新模块，用于在接收到字幕修改指令时，根据所述字幕修改指令更新所述字幕信息。
优选地，所述基于浏览器的字幕显示装置还包括：
接收模块，用于在基于浏览器播放视频时，接收弹幕数据；
第二显示模块，用于在当前播放界面上的相应位置显示所述弹幕数据。
优选地，所述获取模块具体用于在基于浏览器播放视频时，所述浏览器基于JavaScript脚本获取与当前播放视频对应的字幕数据。
本发明提供的基于浏览器的字幕显示方法及装置，在基于浏览器播放视频时，通过浏览器获取与当前播放视频对应的字幕数据，且浏览器解析获取的字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息，最后浏览器根据字幕显示时间信息在当前播放界面上的相应位置显示字幕信息，通过浏览器执行字幕获取和解析的工作，对应的播放器不需要获取和解析字幕，减小了播放器因需要对字幕和图像合成而带来的运算量，从而降低了播放器的运行压力，进而避免了在播放视频的过程中出现卡屏现象。
附图说明
图1为本发明基于浏览器的字幕显示方法第一实施例的流程示意图；
图2为本发明基于浏览器的字幕显示方法中显示字幕信息步骤第一实施例的细化流程示意图；
图3为本发明基于浏览器的字幕显示方法中显示字幕信息步骤第二实施例的流程示意图；
图4为本发明基于浏览器的字幕显示方法的第二实施例的流程示意图；
图5为本发明基于浏览器的字幕显示装置第一实施例的功能模块示意图；
图6为本发明基于浏览器的字幕显示装置中第一显示模块第一实施例的细化功能模块示意图；
图7为本发明基于浏览器的字幕显示装置中第一显示模块第二实施例的流程示意图；
图8为本发明基于浏览器的字幕显示装置的第二实施例的功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明提供一种基于浏览器的字幕显示方法。
参照图1，图1为本发明基于浏览器的字幕显示方法第一实施例的流程示意图。所述基于浏览器的字幕显示方法包括：
步骤S10，在基于浏览器播放视频时，所述浏览器获取与当前播放视频对应的字幕数据；
在本实施例中，基于浏览器播放视频时，浏览器可根据当前网页获取视频地址和与视频对应的字幕数据地址，并根据获取的字幕数据地址获取字幕数据。优选地，在基于浏览器播放视频时，所述浏览器基于JavaScript脚本获取与当前播放视频对应的字幕数据，可以通过JavaScript脚本获取字幕并实现对字幕的布局、显示。例如，可通过JavaScript脚本添加一个MediaText对象扩展，分别在Webkit浏览器源代码中添加MediaText.idl、MediaText.h、MediaText.cpp文件，并在CPP文件中实现getTextUrl()、addToText()、removeFromText()、show()、hide()等方法，其中，通过getTextUrl()方法来获取字幕数据的地址，通过addToText()方法向外置字幕文件中添加新增字幕，通过removeFromText()方法删除原有字幕文件中不需要的部分字幕，通过show()方法显示字幕数据，通过hide()方法隐藏字幕。
优选地，还可以通过JavaScript脚本添加一个MediaTextList对象扩展，用来存放MediaText对象列表，每个MediaText对象对应一个外置字幕文件，当有多个外置字幕文件时，需要多个MediaText对象来对应，将这些MediaText对象存储在MediaTextList列表中，并对每一个MediaText对象赋予相应的id值，以便根据id值控制MediaText对象的切换，即控制相应字幕文件间的切换。例如，可在浏览器界面设置字幕文件选择控件，例如可以包括中文字幕控件、英文字幕控件和韩文字幕控件，每一个控件对应一个id值，在触发相应的控件时，则浏览器显示与该控件对应的id值所对应的字幕文件。
步骤S20，所述浏览器解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；
在本实施例中，浏览器直接获取的字幕数据文件一般为二进制文件、字符串流文件或其他格式的文件，通过浏览器将获取的字幕数据文件转换为文字信息，即上述字幕信息，以在浏览器界面上显示，每一字幕数据文件一般包括若干条字幕信息；此外，浏览器还可以在获取的字幕数据文件中提取字幕显示时间信息，根据字幕显示时间信息来实现对各条字幕信息所显示时间段的控制。例如，所述字幕显示时间信息为一时间区间信息(例如可以为一时间区间表)，所述时间区间表中的每一时间区间对应一条字幕信息。例如，表1为时间区间与字幕信息的对应关系表：
表1
| 时间区间 | 字幕信息 |
| 0-3s | A |
| 3-8s | null |
| 8-15s | B |
| 15-18s | C |
| 18-20s | null |
如表1所示，第0-3s时间区间对应的字幕信息为A，第3-8s时间区间对应的字幕信息为空(即此时间段没有字幕信息)，第8-15s时间区间对应的字幕信息为B，第15-18s时间区间对应的字幕信息为C，第18-20s时间区间对应的字幕信息为空。
步骤S30，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。
在本实施例中，在浏览器解析字幕数据完成后，即浏览器生成了上述时间区间与字幕信息的对应关系表之后，则浏览器根据上述时间区间表与字幕信息的对应关系表显示字幕信息。
具体地，可以通过以下方式根据字幕显示时间信息在当前播放界面上的相应位置显示字幕信息。
方式一，为了进一步提高字幕信息与播放画面之间同步的准确性，参照图2，图2为本发明基于浏览器的字幕显示方法中显示字幕信息步骤第一实施例的细化流程示意图，步骤S30包括：
步骤S31，所述浏览器获取当前播放视频的播放时间点；
在本实施例中，播放时间点即为当前播放视频的播放时刻，播放器与浏览器之间添加一IPC(Inter-ProcessCommunication，进程间通信)通信机制，浏览器可以实时或定时的通过IPC通信机制向播放器获取当前播放视频的播放时间点，或者播放器实时或定时的通过IPC通信机制向浏览器发送当前播放视频的播放时间点。优选地，浏览器实时获取当前播放视频的时间点，从而能够使得浏览器显示的字幕信息始终与播放器的播放画面同步。
步骤S32，所述浏览器确定当前播放视频的播放时间点所在的时间区间；
在本实施例中，如表1所示，若当前播放视频的播放时间点为第10s，则当前播放视频的播放时间点所在的时间区间为第8-15s。应当说明的是，对于时间区间的公共时间点来说，将该公共时间点所在的时间区间确定为其作为起始点所在的时间区间，例如，第8s为时间区间3-8s的终止点，也为时间区间8-15s起始点，在当前播放视频的播放时间点为第8s时，则确定第8s所在的时间区间为8-15s。
步骤S33，所述浏览器在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。即当前播放界面上仅显示所述播放时间点所在的时间区间对应的字幕信息。
在本实施例中，优选地，在确定了当前播放视频的播放时间点所在的时间区间后，还要判断当前播放界面上显示的字幕信息是否与确定的所述时间区间对应的字幕信息一致；
在当前播放界面上显示的字幕信息与确定的所述时间区间对应的字幕信息不一致时，将当前播放界面上显示的字幕信息清屏，并在当前播放界面上的相应位置显示确定的所述时间区间对应的字幕信息。
在当前播放界面上显示的字幕信息与确定的所述时间区间对应的字幕信息一致时，则保持当前播放界面上显示的字幕信息不变。
若当前播放视频的播放时间点为第10s，当前播放界面上显示的字幕信息为B，第10s所在的时间区间为8-15s，对应的字幕信息为B，因此保持当前播放界面上显示的字幕信息不变。
若当前播放视频的播放时间点为第8s，当前播放界面上未显示字幕信息，由于第8s所在的时间区间为8-15s，对应的字幕信息为B，因此在当前播放界面上显示字幕信息B。
方式二，参照图3，图3为本发明基于浏览器的字幕显示方法中显示字幕信息步骤第二实施例的流程示意图，为了进一步提高字幕信息与播放画面之间同步的准确性，步骤S30包括：
步骤S34，所述浏览器获取当前播放窗口的位置信息；
在本实施例中，当前播放窗口即为播放器的播放窗口。在基于浏览器播放视频时，由浏览器设定当前播放窗口的位置。因此，可直接通过浏览器获取当前播放窗口的位置信息。
步骤S35，所述浏览器根据所述当前播放窗口的位置信息确定所述字幕信息的显示位置；
步骤S36，所述浏览器按照所述字幕显示时间信息和确定的显示位置显示所述字幕信息。
在本实施例中，在确定了当前播放窗口的位置信息后，浏览器可以基于预设的规则确定字幕的显示位置。上述预设的规则例如可以为预设播放窗口坐标与字幕坐标的对应关系，具体可以根据实际需要进行设置。
应当说明的是，在显示字幕信息时，可以将上述方式一和方式二可以结合。
进一步的，为了进一步提高字幕信息与播放画面之间同步的准确性，所述基于浏览器的字幕显示方法还包括：
在浏览器接收到字幕切换指令时，获取当前播放视频的播放时间点；
所述浏览器确定当前播放视频的播放时间点所在的时间区间；
所述浏览器在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。
在本实施例中，在浏览器接收到由一种字幕格式切换至另一种字幕格式时，例如由中文字幕切换至英文字幕时，视为接收到了字幕切换指令。上述浏览器在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息的过程可参照上述实施例，在此不再赘述。本实施例通过实时侦测字幕切换指令，从而在进行字幕切换时能够及时将当前播放界面上显示的字幕信息进行更新。
本发明提供的基于浏览器的字幕显示方法，在基于浏览器播放视频时，通过浏览器获取与当前播放视频对应的字幕数据，且浏览器解析获取的字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息，最后浏览器根据字幕显示时间信息在当前播放界面上的相应位置显示字幕信息，通过浏览器执行字幕获取和解析的工作，对应的播放器不需要获取和解析字幕，减小了播放器因需要对字幕和图像合成而带来的运算量，从而降低了播放器的运行压力，进而避免了在播放视频的过程中出现卡屏现象。
进一步地，基于上述基于浏览器的字幕显示方法的第一实施例，本发明还提出基于浏览器的字幕显示方法的第二实施例，参照图4，图4为本发明基于浏览器的字幕显示方法的第二实施例的流程示意图，在步骤S30之前，所述基于浏览器的字幕显示方法还包括：
步骤S40，所述浏览器在接收到字幕修改指令时，根据所述字幕修改指令更新所述字幕信息。
在本实施例中，如果某部分字幕需要修改，可直接通过JavaScript脚本进行修改，例如，若把字幕中的“TCL集团”修改为“TCL多媒体”，则通过JavaScript脚本：If(Text＝＝“TCL集团”)Text＝“TCL多媒体”即可实现。本实施例提供的基于浏览器的字幕显示方法，在需要修改字幕时，不需要修改字幕文件本身，只需要通过JavaScript脚本即可进行字幕内容、样式的修改，避免了页面开发人员修改字幕文件带来的繁琐工作，简化了修改字幕的过程，使得修改字幕更加灵活。
进一步地，基于上述基于浏览器的字幕显示方法的第一和第二实施例，本发明还提出基于浏览器的字幕显示方法的第三实施例，为了丰富字幕显示内容，使得用户之间交流更加方便，所述基于浏览器的字幕显示方法还包括：
在基于浏览器播放视频时，所述浏览器接收弹幕数据；
所述浏览器在当前播放界面上的相应位置显示所述弹幕数据。
在本实施例中，弹幕时间即为JS字幕，为一种用户基于浏览器的输入模块输入的弹幕时间。
在浏览器上显示弹幕数据的具体方法可参照上述字幕信息的显示方法，与之不同的是弹幕数据不依赖于字幕显示时间信息，而是依赖于用户的输入时间。弹幕数据显示时间的长短可以根据实际需要进行设置，例如，每条弹幕数据可以显示1秒、2秒或其他时间。
本发明进一步提供一种基于浏览器的字幕显示装置。
参照图5，图5为本发明基于浏览器的字幕显示装置第一实施例的功能模块示意图。所述基于浏览器的字幕显示装置包括：
获取模块10，用于在基于浏览器播放视频时，获取与当前播放视频对应的字幕数据；
在本实施例中，基于浏览器播放视频时，获取模块10可根据当前网页获取视频地址和与视频对应的字幕数据地址，并根据获取的字幕数据地址获取字幕数据。优选地，获取模块10具体用于在基于浏览器播放视频时，所述浏览器基于JavaScript脚本获取与当前播放视频对应的字幕数据，可以通过JavaScript脚本获取字幕并实现对字幕的布局、显示。例如，可通过JavaScript脚本添加一个MediaText对象扩展，分别在Webkit浏览器源代码中添加MediaText.idl、MediaText.h、MediaText.cpp文件，并在CPP文件中实现getTextUrl()、addToText()、removeFromText()、show()、hide()等方法，其中，通过getTextUrl()方法来获取字幕数据的地址，通过addToText()方法向外置字幕文件中添加新增字幕，通过removeFromText()方法删除原有字幕文件中不需要的部分字幕，通过show()方法显示字幕数据，通过hide()方法隐藏字幕。
优选地，还可以通过JavaScript脚本添加一个MediaTextList对象扩展，用来存放MediaText对象列表，每个MediaText对象对应一个外置字幕文件，当有多个外置字幕文件时，需要多个MediaText对象来对应，将这些MediaText对象存储在MediaTextList列表中，并对每一个MediaText对象赋予相应的id值，以便根据id值控制MediaText对象的切换，即控制相应字幕文件间的切换。例如，可在浏览器界面设置字幕文件选择控件，例如可以包括中文字幕控件、英文字幕控件和韩文字幕控件，每一个控件对应一个id值，在触发相应的控件时，则浏览器显示与该控件对应的id值所对应的字幕文件。
解析模块20，用于解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；
在本实施例中，获取模块10直接获取的字幕数据文件一般为二进制文件、字符串流文件或其他格式的文件，通过解析模块20将获取的字幕数据文件转换为文字信息，即上述字幕信息，以在浏览器界面上显示，每一字幕数据文件一般包括若干条字幕信息；此外，解析模块20还可以在获取的字幕数据文件中提取字幕显示时间信息，根据字幕显示时间信息来实现对各条字幕信息所显示时间段的控制。例如，所述字幕显示时间信息为一时间区间信息(例如可以为一时间区间表)，所述时间区间表中的每一时间区间对应一条字幕信息。
如表1所示，第0-3s时间区间对应的字幕信息为A，第3-8s时间区间对应的字幕信息为空(即此时间段没有字幕信息)，第8-15s时间区间对应的字幕信息为B，第15-18s时间区间对应的字幕信息为C，第18-20s时间区间对应的字幕信息为空。
第一显示模块30，用于根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。
在本实施例中，在解析模块20解析字幕数据完成后，即解析模块20生成了上述时间区间与字幕信息的对应关系表之后，则显示模块30根据上述时间区间表与字幕信息的对应关系表显示字幕信息。
具体地，可以通过以下方式根据字幕显示时间信息在当前播放界面上的相应位置显示字幕信息。
方式一，为了进一步提高字幕信息与播放画面之间同步的准确性，参照图6，图6为本发明基于浏览器的字幕显示装置中第一显示模块第一实施例的细化功能模块示意图，第一显示模块30包括：
第一获取单元31，用于获取当前播放视频的播放时间点；
在本实施例中，播放时间点即为当前播放视频的播放时刻，播放器与浏览器之间添加一IPC(Inter-ProcessCommunication，进程间通信)通信机制，获取单元31可以实时或定时的通过IPC通信机制向播放器获取当前播放视频的播放时间点，或者播放器实时或定时的通过IPC通信机制向获取单元31发送当前播放视频的播放时间点。优选地，浏览器实时获取当前播放视频的时间点，从而能够使得浏览器显示的字幕信息始终与播放器的播放画面同步。
第一确定单元32，用于确定当前播放视频的播放时间点所在的时间区间。
在本实施例中，如表1所示，若当前播放视频的播放时间点为第10s，则当前播放视频的播放时间点所在的时间区间为第8-15s。应当说明的是，对于时间区间的公共时间点来说，将该公共时间点所在的时间区间确定为其作为起始点所在的时间区间，例如，第8s为时间区间3-8s的终止点，也为时间区间8-15s起始点，在当前播放视频的播放时间点为第8s时，则确定第8s所在的时间区间为8-15s。
第一显示单元33，用于在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。即当前播放界面上仅显示所述播放时间点所在的时间区间对应的字幕信息。
在本实施例中，优选地，在确定了当前播放视频的播放时间点所在的时间区间后，还要判断当前播放界面上显示的字幕信息是否与确定的所述时间区间对应的字幕信息一致；
在当前播放界面上显示的字幕信息与确定的所述时间区间对应的字幕信息不一致时，将当前播放界面上显示的字幕信息清屏，并在当前播放界面上的相应位置显示确定的所述时间区间对应的字幕信息。
在当前播放界面上显示的字幕信息与确定的所述时间区间对应的字幕信息一致时，则保持当前播放界面上显示的字幕信息不变。
若当前播放视频的播放时间点为第10s，当前播放界面上显示的字幕信息为B，第10s所在的时间区间为8-15s，对应的字幕信息为B，因此保持当前播放界面上显示的字幕信息不变。
若当前播放视频的播放时间点为第8s，当前播放界面上未显示字幕信息，由于第8s所在的时间区间为8-15s，对应的字幕信息为B，因此在当前播放界面上显示字幕信息B。
方式二，参照图7，图7为本发明基于浏览器的字幕显示装置中第一显示模块第二实施例的流程示意图，为了进一步提高字幕信息与播放画面之间同步的准确性，所述第一显示模块30包括：
第二获取单元34，用于获取当前播放窗口的位置信息；
在本实施例中，当前播放窗口即为播放器的播放窗口。在基于浏览器播放视频时，由浏览器设定当前播放窗口的位置。因此，可直接通过第二获取模块40获取当前播放窗口的位置信息。
第二确定单元35，用于根据所述当前播放窗口的位置信息确定所述字幕信息的显示位置；
第二显示单元36，用于按照所述字幕显示时间信息和确定的显示位置显示所述字幕信息。
在本实施例中，在确定了当前播放窗口的位置信息后，确定模块50可以基于预设的规则确定字幕的显示位置。上述预设的规则例如可以为预设播放窗口坐标与字幕坐标的对应关系，具体可以根据实际需要进行设置。
应当说明的是，在显示字幕信息时，可以将上述方式一和方式二可以结合。
进一步的，为了进一步提高字幕信息与播放画面之间同步的准确性，所述获取模块还用于在接收到字幕切换指令时，获取当前播放视频的播放时间点；
所述基于浏览器的字幕显示装置还包括确定模块，所述确定模块用于确定当前播放视频的播放时间点所在的时间区间；
所述第一显示模块还用于在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。。
在本实施例中，在浏览器接收到由一种字幕格式切换至另一种字幕格式时，例如由中文字幕切换至英文字幕时，视为接收到了字幕切换指令。上述浏览器在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息的过程可参照上述实施例，在此不再赘述。本实施例通过实时侦测字幕切换指令，从而在进行字幕切换时能够及时将当前播放界面上显示的字幕信息进行更新。
本发明提供的基于浏览器的字幕显示装置，在基于浏览器播放视频时，通过浏览器获取与当前播放视频对应的字幕数据，且浏览器解析获取的字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息，最后浏览器根据字幕显示时间信息在当前播放界面上的相应位置显示字幕信息，通过浏览器执行字幕获取和解析的工作，对应的播放器不需要获取和解析字幕，减小了播放器因需要对字幕和图像合成而带来的运算量，从而降低了播放器的运行压力，进而避免了在播放视频的过程中出现卡屏现象
进一步地，基于上述基于浏览器的字幕显示装置的第一实施例，本发明还提出基于浏览器的字幕显示装置的第二实施例，参照图8，图8为本发明基于浏览器的字幕显示装置的第二实施例的功能模块示意图，所述基于浏览器的字幕显示装置还包括：
更新模块40，用于在接收到字幕修改指令时，根据所述字幕修改指令更新所述字幕信息。
在本实施例中，如果某部分字幕需要修改，可直接通过JavaScript脚本进行修改，例如，若把字幕中的“TCL集团”修改为“TCL多媒体”，则通过JavaScript脚本：If(Text＝＝“TCL集团”)Text＝“TCL多媒体”即可实现。本实施例提供的基于浏览器的字幕显示方法，在需要修改字幕时，不需要修改字幕文件本身，只需要通过JavaScript脚本即可进行字幕内容、样式的修改，避免了页面开发人员修改字幕文件带来的繁琐工作，简化了修改字幕的过程，使得修改字幕更加灵活。
进一步地，基于上述基于浏览器的字幕显示装置的第一和第二实施例，本发明还提出基于浏览器的字幕显示装置的第三实施例，为了丰富字幕显示内容，使得用户之间交流更加方便，所述基于浏览器的字幕显示装置还包括：
接收模块，用于在基于浏览器播放视频时，接收弹幕数据；
第二显示模块，用于在当前播放界面上的相应位置显示所述弹幕数据。
在本实施例中，弹幕时间即为JS字幕，为一种用户基于浏览器的输入模块输入的弹幕时间。
在浏览器上显示弹幕数据的具体方法可参照上述字幕信息的显示方法，与之不同的是弹幕数据不依赖于字幕显示时间信息，而是依赖于用户的输入时间。弹幕数据显示时间的长短可以根据实际需要进行设置，例如，每条弹幕数据可以显示1秒、2秒或其他时间。
以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (12)
1.一种基于浏览器的字幕显示方法，其特征在于，所述基于浏览器的字幕显示方法包括：
在基于浏览器播放视频时，所述浏览器获取与当前播放视频对应的字幕数据；
所述浏览器解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；
所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。
2.如权利要求1所述的基于浏览器的字幕显示方法，其特征在于，在所述字幕显示时间信息为时间区间时，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息的步骤包括：
所述浏览器获取当前播放视频的播放时间点；
所述浏览器确定当前播放视频的播放时间点所在的时间区间；
所述浏览器在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。
3.如权利要求1所述的基于浏览器的字幕显示方法，其特征在于，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息的步骤包括：
所述浏览器获取当前播放窗口的位置信息；
所述浏览器根据所述当前播放窗口的位置信息确定所述字幕信息的显示位置；
所述浏览器按照所述字幕显示时间信息和确定的显示位置显示所述字幕信息。
4.如权利要求1所述的基于浏览器的字幕显示方法，其特征在于，所述浏览器根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息的步骤之前，所述基于浏览器的字幕显示方法还包括：
所述浏览器在接收到字幕修改指令时，根据所述字幕修改指令更新所述字幕信息。
5.如权利要求1所述的基于浏览器的字幕显示方法，其特征在于，所述基于浏览器的字幕显示方法还包括：
在基于浏览器播放视频时，所述浏览器接收弹幕数据；
所述浏览器在当前播放界面上的相应位置显示所述弹幕数据。
6.如权利要求1所述的基于浏览器的字幕显示方法，其特征在于，所述在基于浏览器播放视频时，所述浏览器获取与当前播放视频对应的字幕数据的步骤包括：
在基于浏览器播放视频时，所述浏览器基于JavaScript脚本获取与当前播放视频对应的字幕数据。
7.一种基于浏览器的字幕显示装置，其特征在于，所述基于浏览器的字幕显示装置包括：
获取模块，用于在基于浏览器播放视频时，获取与当前播放视频对应的字幕数据；
解析模块，用于解析获取的所述字幕数据，并生成字幕信息以及与各个所述字幕信息对应的字幕显示时间信息；
第一显示模块，用于根据所述字幕显示时间信息在当前播放界面上的相应位置显示所述字幕信息。
8.如权利要求7所述的基于浏览器的字幕显示装置，其特征在于，在所述字幕显示时间信息为时间区间时，所述第一显示模块包括：
第一获取单元，用于获取当前播放视频的播放时间点；
第一确定单元，用于确定当前播放视频的播放时间点所在的时间区间；
第一显示单元，用于在当前播放界面上的相应位置显示所述播放时间点所在的时间区间对应的字幕信息。
9.如权利要求7所述的基于浏览器的字幕显示装置，其特征在于，所述第一显示模块包括：
第二获取单元，用于获取当前播放窗口的位置信息；
第二确定单元，用于根据所述当前播放窗口的位置信息确定所述字幕信息的显示位置；
第二显示单元，用于按照所述字幕显示时间信息和确定的显示位置显示所述字幕信息。
10.如权利要求7所述的基于浏览器的字幕显示装置，其特征在于，所述基于浏览器的字幕显示装置还包括：
更新模块，用于在接收到字幕修改指令时，根据所述字幕修改指令更新所述字幕信息。
11.如权利要求7所述的基于浏览器的字幕显示装置，其特征在于，所述基于浏览器的字幕显示装置还包括：
接收模块，用于在基于浏览器播放视频时，接收弹幕数据；
第二显示模块，用于在当前播放界面上的相应位置显示所述弹幕数据。
12.如权利要求7所述的基于浏览器的字幕显示装置，其特征在于，所述获取模块具体用于在基于浏览器播放视频时，所述浏览器基于JavaScript脚本获取与当前播放视频对应的字幕数据。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510238056.5A CN105704582A (zh) | 2015-05-11 | 2015-05-11 | 基于浏览器的字幕显示方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510238056.5A CN105704582A (zh) | 2015-05-11 | 2015-05-11 | 基于浏览器的字幕显示方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105704582A true CN105704582A (zh) | 2016-06-22 |
Family
ID=56227902
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510238056.5A Pending CN105704582A (zh) | 2015-05-11 | 2015-05-11 | 基于浏览器的字幕显示方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105704582A (zh) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106791494A (zh) * | 2016-12-19 | 2017-05-31 | 腾讯科技（深圳）有限公司 | 视频字幕的生成方法和装置 |
| CN106804011A (zh) * | 2017-02-10 | 2017-06-06 | 深圳创维数字技术有限公司 | 一种播放视频时加载字幕文件的方法及系统 |
| CN106954095A (zh) * | 2017-04-17 | 2017-07-14 | 腾讯科技（深圳）有限公司 | 一种多媒体文件的播放方法及装置 |
| CN108650557A (zh) * | 2018-04-27 | 2018-10-12 | Oppo广东移动通信有限公司 | 一种显示弹幕的方法、装置及移动终端 |
| CN109672919A (zh) * | 2018-12-26 | 2019-04-23 | 新华三技术有限公司合肥分公司 | 字幕显示方法、装置及用户终端 |
| CN110475139A (zh) * | 2019-07-30 | 2019-11-19 | 腾讯音乐娱乐科技（深圳）有限公司 | 一种视频字幕的遮挡方法、装置、存储介质及电子设备 |
| CN113127785A (zh) * | 2021-05-18 | 2021-07-16 | 深圳Tcl新技术有限公司 | 字幕处理方法、装置、计算机设备及存储介质 |
| CN114640874A (zh) * | 2022-03-09 | 2022-06-17 | 湖南国科微电子股份有限公司 | 字幕同步方法、装置、机顶盒及计算机可读存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070300261A1 (en) * | 2006-06-23 | 2007-12-27 | Barton James M | Method and apparatus for advertisement placement in a user dialog on a set-top box |
| CN102426842A (zh) * | 2011-12-15 | 2012-04-25 | 深圳Tcl新技术有限公司 | 基于浏览器的歌词显示方法及终端 |
| CN202231825U (zh) * | 2011-07-20 | 2012-05-23 | 苏州工业职业技术学院 | 一种实现个性化界面显示的iptv系统 |
| CN102752664A (zh) * | 2012-06-29 | 2012-10-24 | 奇智软件（北京）有限公司 | 一种网页中文本字幕信息的显示方法和装置 |
| CN103517104A (zh) * | 2012-06-15 | 2014-01-15 | 深圳市快播科技有限公司 | 一种机顶盒和基于网络点播的视频字幕复合方法 |
-
2015
- 2015-05-11 CN CN201510238056.5A patent/CN105704582A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070300261A1 (en) * | 2006-06-23 | 2007-12-27 | Barton James M | Method and apparatus for advertisement placement in a user dialog on a set-top box |
| CN202231825U (zh) * | 2011-07-20 | 2012-05-23 | 苏州工业职业技术学院 | 一种实现个性化界面显示的iptv系统 |
| CN102426842A (zh) * | 2011-12-15 | 2012-04-25 | 深圳Tcl新技术有限公司 | 基于浏览器的歌词显示方法及终端 |
| CN103517104A (zh) * | 2012-06-15 | 2014-01-15 | 深圳市快播科技有限公司 | 一种机顶盒和基于网络点播的视频字幕复合方法 |
| CN102752664A (zh) * | 2012-06-29 | 2012-10-24 | 奇智软件（北京）有限公司 | 一种网页中文本字幕信息的显示方法和装置 |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106791494A (zh) * | 2016-12-19 | 2017-05-31 | 腾讯科技（深圳）有限公司 | 视频字幕的生成方法和装置 |
| CN106791494B (zh) * | 2016-12-19 | 2019-02-26 | 腾讯科技（深圳）有限公司 | 视频字幕的生成方法和装置 |
| CN106804011A (zh) * | 2017-02-10 | 2017-06-06 | 深圳创维数字技术有限公司 | 一种播放视频时加载字幕文件的方法及系统 |
| CN106954095A (zh) * | 2017-04-17 | 2017-07-14 | 腾讯科技（深圳）有限公司 | 一种多媒体文件的播放方法及装置 |
| CN108650557A (zh) * | 2018-04-27 | 2018-10-12 | Oppo广东移动通信有限公司 | 一种显示弹幕的方法、装置及移动终端 |
| CN109672919A (zh) * | 2018-12-26 | 2019-04-23 | 新华三技术有限公司合肥分公司 | 字幕显示方法、装置及用户终端 |
| CN110475139A (zh) * | 2019-07-30 | 2019-11-19 | 腾讯音乐娱乐科技（深圳）有限公司 | 一种视频字幕的遮挡方法、装置、存储介质及电子设备 |
| CN113127785A (zh) * | 2021-05-18 | 2021-07-16 | 深圳Tcl新技术有限公司 | 字幕处理方法、装置、计算机设备及存储介质 |
| CN114640874A (zh) * | 2022-03-09 | 2022-06-17 | 湖南国科微电子股份有限公司 | 字幕同步方法、装置、机顶盒及计算机可读存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105704582A (zh) | 基于浏览器的字幕显示方法及装置 | |
| JP6122768B2 (ja) | 情報処理装置、表示方法およびコンピュータプログラム | |
| CN107820132B (zh) | 直播互动方法、装置及系统 | |
| CN112437353B (zh) | 视频处理方法、视频处理装置、电子设备和可读存储介质 | |
| MX2021008335A (es) | Metodo de interaccion de video y dispositivo electronico. | |
| CN102868928A (zh) | 一种实现字幕隐藏的视频图像显示方法和装置 | |
| CN110971847B (zh) | 屏幕显示内容叠加方法、装置、电子设备以及存储介质 | |
| JP2012231383A (ja) | Ｉｐｔｖサービスを利用した情報表示制御装置、表示用情報提供サーバ、情報表示制御方法、情報配信方法、情報表示制御用プログラム、および情報配信用プログラム | |
| US11895370B2 (en) | Modifying playback of replacement content responsive to detection of remote control signals that control a device providing video to the playback device | |
| EP3197176A1 (en) | Android platform-based multimedia recommendation method and terminal device | |
| CN111898388A (zh) | 视频字幕翻译编辑方法、装置、电子设备及存储介质 | |
| EP3375182A1 (en) | Apparatus and method for concurrent video viewing with user-added realtime content | |
| US11937026B2 (en) | Responsive to detection of remote control signals that modify operation of the playback device | |
| CN102567435A (zh) | 多媒体信息源的整合方法及其超链接装置与电子装置 | |
| CN107484035B (zh) | 隐藏字幕显示方法、装置及计算机可读存储介质 | |
| CN111107283A (zh) | 一种信息显示方法、电子设备及存储介质 | |
| US11617017B2 (en) | Systems and methods of presenting video overlays | |
| CN108965983A (zh) | 可隐藏字幕数据解析方法、智能电视、存储介质及装置 | |
| CN114245193A (zh) | 显示控制方法、装置和电子设备 | |
| CN107656947B (zh) | 一种多媒体信息播放方法及装置 | |
| US20150382053A1 (en) | Method, electronic device, and computer program product | |
| US20230007335A1 (en) | Systems and methods of presenting video overlays | |
| JP2016092769A (ja) | 受信機 | |
| JP2009239528A (ja) | デジタル放送受信装置 | |
| CN115474072A (zh) | 面向多个终端设备的内容协同分发处理方法、装置及设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160622 |