CN110662118A - 弹幕的加载方法、系统、电子设备及介质 - Google Patents

弹幕的加载方法、系统、电子设备及介质 Download PDF

Info

Publication number
CN110662118A
CN110662118A CN201910933347.4A CN201910933347A CN110662118A CN 110662118 A CN110662118 A CN 110662118A CN 201910933347 A CN201910933347 A CN 201910933347A CN 110662118 A CN110662118 A CN 110662118A
Authority
CN
China
Prior art keywords
bullet screen
class
file
attribute
style sheet
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
Application number
CN201910933347.4A
Other languages
English (en)
Inventor
黄君
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ctrip Travel Network Technology Shanghai Co Ltd
Original Assignee
Ctrip Travel Network Technology Shanghai Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Ctrip Travel Network Technology Shanghai Co Ltd filed Critical Ctrip Travel Network Technology Shanghai Co Ltd
Priority to CN201910933347.4A priority Critical patent/CN110662118A/zh
Publication of CN110662118A publication Critical patent/CN110662118A/zh
Pending legal-status Critical Current

Links

Images

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/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/488—Data services, e.g. news ticker
    • H04N21/4884—Data services, e.g. news ticker for displaying subtitles
    • 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
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • 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/47—End-user applications
    • H04N21/475—End-user interface for inputting end-user data, e.g. personal identification number [PIN], preference data
    • H04N21/4756—End-user interface for inputting end-user data, e.g. personal identification number [PIN], preference data for rating content, e.g. scoring a recommended movie
    • 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/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明公开了一种弹幕的加载方法、系统、电子设备及介质，其中所述弹幕的加载方法包括：在超文本文件中添加多媒体文件和弹幕的标签；在所述标签的类属性中定义所述多媒体文件的类，以及定义所述弹幕的类；在层叠样式表文件中设置所述弹幕的类的样式；利用所述超文本文件调用所述层叠样式表文件。本发明通过在层叠样式表文件设置弹幕的类的样式，可以使得超文本文件调用层叠样式表文件，将弹幕在层叠样式表文件设置的各种类型的样式及布局显示于多媒体文件上，实现在网页中的视频或者图片上进行丰富多彩的弹幕展示，提高用户的良好体验感受。

Description

弹幕的加载方法、系统、电子设备及介质
技术领域
本发明涉及数据处理领域，尤其涉及一种弹幕的加载方法、系统、电子设备及介质。
背景技术
现在的视频网站，为增加用户在观看视频时的趣味性，会在视频的显示画面上漂浮并移动显示用户的评论字幕，即弹幕。
但现在的视频上显示的弹幕，显示的文字字体很单调，只限于普通的字体，功能单一，用户体验度不是很好。
发明内容
本发明要解决的技术问题是为了克服现有技术中视频中现在的视频上显示的弹幕，显示的文字字体很单调，用户体验度不是很好的缺陷，提供一种弹幕的加载方法、系统、电子设备及介质。
本发明是通过下述技术方案来解决上述技术问题：
一种弹幕的加载方法，所述弹幕的加载方法包括：
在超文本文件中添加多媒体文件和弹幕的标签，所述弹幕为对所述多媒体文件的评价；
在所述标签的类属性中定义所述多媒体文件的类，以及定义所述弹幕的类；
在层叠样式表文件中设置所述弹幕的类的样式；
利用所述超文本文件调用所述层叠样式表文件。
优选地，在所述标签的类属性中定义所述多媒体文件的类的步骤包括：
在所述多媒体文件的类中分别设置所述多媒体文件的类型和源地址。
优选地，所述在层叠样式表文件中设置所述弹幕的类的样式的步骤包括：
设置包容所述弹幕的容器的样式为父级相对定位属性；
在所述弹幕的类的样式中设置子级绝对定位属性和动画属性。
优选地，所述在所述弹幕的类的样式中设置子级绝对定位属性和动画属性的步骤包括：
在所述子级绝对定位属性中设置left、right、top、bottom中的至少一种；
在所述动画属性中设置所述弹幕的移动方向、抖动、渐隐渐现中的至少一种。
一种弹幕的加载系统，所述弹幕的加载系统包括超文本模块、层叠样式表模块和调用模块；
所述超文本模块用于在超文本文件中添加多媒体文件和弹幕的标签，以及在所述标签的类属性中定义所述多媒体文件的类，以及定义所述弹幕的类，所述弹幕为对所述多媒体文件的评价；
所述层叠样式表模块用于在层叠样式表文件中设置所述弹幕的类的样式；
所述调用模块用于利用所述超文本文件调用所述层叠样式表文件。
优选地，所述超文本模块还用于在所述多媒体文件的类中分别设置所述多媒体文件的类型和源地址。
优选地，所述层叠样式表模块还用于设置包容所述弹幕的容器的样式为父级相对定位属性，以及在所述弹幕的类的样式中设置子级绝对定位属性和动画属性。
优选地，所述层叠样式表模块还用于在所述子级绝对定位属性中设置left、right、top、bottom中的至少一种，以及在所述动画属性中设置所述弹幕的移动方向、抖动、渐隐渐现中的至少一种。
一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的RN代码自动生成方法。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的RN代码自动生成方法的步骤。
本发明的积极进步效果在于：
本发明通过在层叠样式表文件设置弹幕的类的样式，可以使得超文本文件调用层叠样式表文件，将弹幕在层叠样式表文件设置的各种类型的样式及布局显示于多媒体文件上，实现在网页中的视频或者图片上进行丰富多彩的弹幕展示，提高用户的良好体验感受。
附图说明
图1为本发明的实施例1的弹幕的加载方法的流程图。
图2为本发明的实施例1的弹幕的加载方法的步骤12的流程图。
图3为本发明的实施例2的弹幕的加载系统的模块示意图。
图4为本发明的实施例3提供的一种电子设备的结构示意图。
具体实施方式
下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。
实施例1
本实施例提供一种弹幕的加载方法，如图1所示，弹幕的加载方法包括：
步骤11、在超文本文件中添加多媒体文件和弹幕的标签。
多媒体文件一般为视频或图片，弹幕为对多媒体文件的评价。
步骤12、在标签的类属性中定义多媒体文件的类，以及定义弹幕的类。
更具体的，如图2所示，步骤12还包括：
步骤121、在多媒体文件的类中分别设置多媒体文件的类型和源地址。
以图片上加载弹幕为例，示例代码如下：
Figure BDA0002220926770000031
Figure BDA0002220926770000041
步骤122、设置包容弹幕的容器的样式为父级相对定位属性。
步骤123、在弹幕的类的样式中设置子级绝对定位属性和动画属性。
在子级绝对定位属性中设置left、right、top、bottom中的至少一种。
在动画属性中设置弹幕的移动方向、抖动、渐隐渐现中的至少一种。
步骤13、在层叠样式表文件中设置弹幕的类的样式。
示例代码如下：
步骤14、利用超文本文件调用层叠样式表文件。
本实施例利用超文本文件(HTML)在浏览器中加载带有图片或者视频的网页，并获取该网页的网址信息和其中播放视频或者图片的源地址和类型信息；依据网址信息获取对应于视频或者图片的评论，可以实现为网页上的视频或者图片增加弹幕功能。
通过采用css(层叠样式表)就可以在视频或者图片上做出跟现有的视频一样的弹幕效果，并且更加多样化，可以实现改变弹幕内容的透明度、文字抖动等更多特效，有因为css样式的特点，还可以很随意地改变弹幕内容的颜色、产生阴影、透明效果等，实现丰富多彩的弹幕展示，提高用户的良好体验感受。另外，层叠样式表文件本身占有的空间容量更小但携带的信息没有削减，几乎支持所有的浏览器，移动端设备，通用性也很强。
实施例2
本实施例提供一种弹幕的加载系统，如图3所示，弹幕的加载系统包括超文本模块21、层叠样式表模块22和调用模块23。
超文本模块21用于在超文本文件中添加多媒体文件和弹幕的标签，以及在标签的类属性中定义多媒体文件的类，以及定义弹幕的类。
多媒体文件包括视频或图片，弹幕为对多媒体文件的评价。
层叠样式表模块22用于在层叠样式表文件中设置弹幕的类的样式；
调用模块23用于利用超文本文件调用层叠样式表文件。
超文本模块21还用于在多媒体文件的类中分别设置多媒体文件的类型和源地址。
以图片上加载弹幕为例，示例代码如下：
Figure BDA0002220926770000051
层叠样式表模块22还用于设置包容弹幕的容器的样式为父级相对定位属性，以及在弹幕的类的样式中设置子级绝对定位属性和动画属性。
层叠样式表模块22还用于在子级绝对定位属性中设置left、right、top、bottom中的至少一种，以及在动画属性中设置弹幕的移动方向、抖动、渐隐渐现中的至少一种。
示例代码如下：
Figure BDA0002220926770000061
本实施例利用超文本文件(HTML)在浏览器中加载带有图片或者视频的网页，并获取该网页的网址信息和其中播放视频或者图片的源地址和类型信息；依据网址信息获取对应于视频或者图片的评论，可以实现为网页上的视频或者图片增加弹幕功能。
通过采用css(层叠样式表)就可以在视频或者图片上做出跟现有的视频一样的弹幕效果，并且更加多样化，可以实现改变弹幕内容的透明度、文字抖动等更多特效，有因为css样式的特点，还可以很随意地改变弹幕内容的颜色、产生阴影、透明效果等，实现丰富多彩的弹幕展示，提高用户的良好体验感受。另外，层叠样式表文件本身占有的空间容量更小但携带的信息没有削减，几乎支持所有的浏览器，移动端设备，通用性也很强。
实施例3
图4为本发明实施例3提供的一种电子设备的结构示意图。电子设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现实施例1的弹幕的加载方法。图4显示的电子设备30仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图4所示，电子设备30可以以通用计算设备的形式表现，例如其可以为服务器设备。电子设备30的组件可以包括但不限于：上述至少一个处理器31、上述至少一个存储器32、连接不同系统组件(包括存储器32和处理器31)的总线33。
总线33包括数据总线、地址总线和控制总线。
存储器32可以包括易失性存储器，例如随机存取存储器(RAM)321和/或高速缓存存储器322，还可以进一步包括只读存储器(ROM)323。
存储器32还可以包括具有一组(至少一个)程序模块324的程序/实用工具325，这样的程序模块324包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
处理器31通过运行存储在存储器32中的计算机程序，从而执行各种功能应用以及数据处理，例如本发明实施例1所提供的弹幕的加载方法。
电子设备30也可以与一个或多个外部设备34(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(I/O)接口35进行。并且，模型生成的设备30还可以通过网络适配器36与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器36通过总线33与模型生成的设备30的其它模块通信。应当明白，尽管图中未示出，可以结合模型生成的设备30使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID(磁盘阵列)系统、磁带驱动器以及数据备份存储系统等。
应当注意，尽管在上文详细描述中提及了电子设备的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。
实施例4
本实施例提供了一种计算机可读存储介质，其上存储有计算机程序，程序被处理器执行时实现实施例1所提供的弹幕的加载方法的步骤。
其中，可读存储介质可以采用的更具体可以包括但不限于：便携式盘、硬盘、随机存取存储器、只读存储器、可擦拭可编程只读存储器、光存储器件、磁存储器件或上述的任意合适的组合。
在可能的实施方式中，本发明还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在终端设备上运行时，程序代码用于使终端设备执行实现实施例1的弹幕的加载方法中的步骤。
其中，可以以一种或多种程序设计语言的任意组合来编写用于执行本发明的程序代码，程序代码可以完全地在用户设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户设备上部分在远程设备上执行或完全在远程设备上执行。
虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。

Claims (10)

1.一种弹幕的加载方法，其特征在于，所述弹幕的加载方法包括：
在超文本文件中添加多媒体文件和弹幕的标签，所述弹幕为对所述多媒体文件的评价；
在所述标签的类属性中定义所述多媒体文件的类，以及定义所述弹幕的类；
在层叠样式表文件中设置所述弹幕的类的样式；
利用所述超文本文件调用所述层叠样式表文件。
2.如权利要求1所述的弹幕的加载方法，其特征在于，所述多媒体文件包括视频或图片；
和/或，
在所述标签的类属性中定义所述多媒体文件的类的步骤包括：
在所述多媒体文件的类中分别设置所述多媒体文件的类型和源地址。
3.如权利要求1所述的弹幕的加载方法，其特征在于，所述在层叠样式表文件中设置所述弹幕的类的样式的步骤包括：
设置包容所述弹幕的容器的样式为父级相对定位属性；
在所述弹幕的类的样式中设置子级绝对定位属性和动画属性。
4.如权利要求3所述的弹幕的加载方法，其特征在于，所述在所述弹幕的类的样式中设置子级绝对定位属性和动画属性的步骤包括：
在所述子级绝对定位属性中设置left、right、top、bottom中的至少一种；
在所述动画属性中设置所述弹幕的移动方向、抖动、渐隐渐现中的至少一种。
5.一种弹幕的加载系统，其特征在于，所述弹幕的加载系统包括超文本模块、层叠样式表模块和调用模块；
所述超文本模块用于在超文本文件中添加多媒体文件和弹幕的标签，以及在所述标签的类属性中定义所述多媒体文件的类，以及定义所述弹幕的类，所述弹幕为对所述多媒体文件的评价；
所述层叠样式表模块用于在层叠样式表文件中设置所述弹幕的类的样式；
所述调用模块用于利用所述超文本文件调用所述层叠样式表文件。
6.如权利要求5所述的弹幕的加载系统，其特征在于，所述超文本模块还用于在所述多媒体文件的类中分别设置所述多媒体文件的类型和源地址；
和/或，所述多媒体文件包括视频或图片。
7.如权利要求5所述的弹幕的加载系统，其特征在于，所述层叠样式表模块还用于设置包容所述弹幕的容器的样式为父级相对定位属性，以及在所述弹幕的类的样式中设置子级绝对定位属性和动画属性。
8.如权利要求7所述的弹幕的加载系统，其特征在于，所述层叠样式表模块还用于在所述子级绝对定位属性中设置left、right、top、bottom中的至少一种，以及在所述动画属性中设置所述弹幕的移动方向、抖动、渐隐渐现中的至少一种。
9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1-4中任一项所述的弹幕的加载方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-4中任一项所述的弹幕的加载方法的步骤。
CN201910933347.4A 2019-09-29 2019-09-29 弹幕的加载方法、系统、电子设备及介质 Pending CN110662118A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910933347.4A CN110662118A (zh) 2019-09-29 2019-09-29 弹幕的加载方法、系统、电子设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910933347.4A CN110662118A (zh) 2019-09-29 2019-09-29 弹幕的加载方法、系统、电子设备及介质

Publications (1)

Publication Number Publication Date
CN110662118A true CN110662118A (zh) 2020-01-07

Family

ID=69039814

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910933347.4A Pending CN110662118A (zh) 2019-09-29 2019-09-29 弹幕的加载方法、系统、电子设备及介质

Country Status (1)

Country Link
CN (1) CN110662118A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105100869A (zh) * 2015-07-13 2015-11-25 腾讯科技（深圳）有限公司 弹幕显示方法及装置
CN105224197A (zh) * 2015-09-09 2016-01-06 网易（杭州）网络有限公司 一种图片评论方法及系统
US20160007174A1 (en) * 2011-12-30 2016-01-07 Linkedin Corporation Systems and methods for mobile device pairing
CN106658204A (zh) * 2015-11-02 2017-05-10 天脉聚源（北京）科技有限公司 一种视频直播弹幕播放方法及系统
CN106973329A (zh) * 2017-03-23 2017-07-21 上海幻电信息科技有限公司 一种基于html5的弹幕播放器及其方法
CN107943475A (zh) * 2017-12-20 2018-04-20 上海携程商务有限公司 基于css展示网页的方法和装置
CN109640154A (zh) * 2018-12-14 2019-04-16 苏州好玩友网络科技有限公司 网页弹幕显示方法、装置、设备及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160007174A1 (en) * 2011-12-30 2016-01-07 Linkedin Corporation Systems and methods for mobile device pairing
CN105100869A (zh) * 2015-07-13 2015-11-25 腾讯科技（深圳）有限公司 弹幕显示方法及装置
CN105224197A (zh) * 2015-09-09 2016-01-06 网易（杭州）网络有限公司 一种图片评论方法及系统
CN106658204A (zh) * 2015-11-02 2017-05-10 天脉聚源（北京）科技有限公司 一种视频直播弹幕播放方法及系统
CN106973329A (zh) * 2017-03-23 2017-07-21 上海幻电信息科技有限公司 一种基于html5的弹幕播放器及其方法
CN107943475A (zh) * 2017-12-20 2018-04-20 上海携程商务有限公司 基于css展示网页的方法和装置
CN109640154A (zh) * 2018-12-14 2019-04-16 苏州好玩友网络科技有限公司 网页弹幕显示方法、装置、设备及存储介质

Similar Documents

Publication Publication Date Title
US10346522B2 (en) Optimization for rendering web pages
US8453051B1 (en) Dynamic display dependent markup language interface
US7434174B2 (en) Method and system for zooming in and out of paginated content
CN108256062B (zh) 网页动画实现方法、装置、电子设备、存储介质
CN111796823A (zh) 页面更新、页面展示的方法、装置及页面维护系统
CN109842818A (zh) 一种视频播放方法、装置、计算机设备及存储介质
CN110769300B (zh) 一种呈现信息流中横屏视频的方法与设备
CN112099790A (zh) 确定页面主题的方法、装置、设备以及存储介质
US20160188558A1 (en) Information processing device, information processing method, and program
CN102982164A (zh) 一种浏览器页面呈现方法和浏览器
CN106874023A (zh) 动态页面加载方法和装置
CN103034710A (zh) 用于浏览器的页面呈现方法和装置
CN109753644B (zh) 一种富文本编辑方法、装置、移动终端及存储介质
CN116775916A (zh) 一种多媒体内容播放方法、装置、设备及存储介质
US10747943B2 (en) Method, device, client apparatus, and electronic device for presenting webpages
US20120216132A1 (en) Embedding User Selected Content In A Web Browser Display
US20230325451A1 (en) Method, apparatus, device and storage medium for search recommendation
US11250207B1 (en) Dynamic creation and storage of narratives in multiple languages
US20200344308A1 (en) Electronic device and control method therefor
CN110662118A (zh) 弹幕的加载方法、系统、电子设备及介质
CN110569460B (zh) 推送信息展示方法、装置及存储介质
CN109240660B (zh) 一种广告数据的接入方法、存储介质、电子设备及系统
CN114866801B (zh) 视频数据的处理方法、装置、设备及计算机可读存储介质
WO2018063837A1 (en) Video generation of project revision history
CN112911367B (zh) 视频播放界面的处理方法、装置和电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for 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: 20200107