CN113495664A - 基于媒体信息流的信息展示方法、装置、设备及存储介质 - Google Patents
基于媒体信息流的信息展示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN113495664A CN113495664A CN202010253334.5A CN202010253334A CN113495664A CN 113495664 A CN113495664 A CN 113495664A CN 202010253334 A CN202010253334 A CN 202010253334A CN 113495664 A CN113495664 A CN 113495664A
- Authority
- CN
- China
- Prior art keywords
- live
- playing
- interactive
- content
- barrage
- 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
- 238000000034 method Methods 0.000 title claims abstract description 82
- 230000002452 interceptive effect Effects 0.000 claims abstract description 242
- 230000008569 process Effects 0.000 claims abstract description 36
- 230000004044 response Effects 0.000 claims abstract description 8
- 230000015654 memory Effects 0.000 claims description 25
- 238000005096 rolling process Methods 0.000 claims description 25
- 238000009877 rendering Methods 0.000 claims description 20
- 239000000463 material Substances 0.000 claims description 14
- 238000007667 floating Methods 0.000 claims description 12
- 230000000007 visual effect Effects 0.000 claims description 10
- 238000010586 diagram Methods 0.000 description 15
- 230000000694 effects Effects 0.000 description 9
- 238000012545 processing Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 230000003068 static effect Effects 0.000 description 5
- 230000008034 disappearance Effects 0.000 description 3
- 238000013519 translation Methods 0.000 description 3
- 238000010367 cloning Methods 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 238000005562 fading Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000014509 gene expression Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000009191 jumping Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/74—Browsing; Visualisation therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明提供了一种基于媒体信息流的信息展示方法、装置、设备及存储介质;方法包括:呈现包括直播视频的媒体信息流页面;响应于针对所述媒体信息流页面的滑动操作,在所述媒体信息流页面中滑动所述直播视频;当所述直播视频滑动至所述媒体信息流页面中的目标区域时,播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,所述互动弹幕基于所述直播视频对应的直播间内的互动内容所生成。通过本发明,能够在媒体信息流页面中,播放直播视频的直播内容的过程中,实时播放直播视频对应的直播间内与直播内容相关联的互动弹幕。
Description
技术领域
本发明涉及移动互联网技术领域,尤其涉及一种基于媒体信息流的信息展示方法、装置、设备及存储介质。
背景技术
在主流的资讯应用中,以短视频尤其是直播视频为代表的多媒体形式,借助于移动互联网得到了广泛的传播。在实际应用中,用户通常是通过进入直播视频对应的直播间观看直播视频的直播内容以及对应互动评论的互动弹幕,而在资讯应用的媒体信息流页面中,当用户滑动媒体信息流页面使得直播视频停留在页面中心区域时,相关技术中的直播视频仅是从静态缩略图转换为自动加载视频画面以播放直播内容,内容展示单一。
发明内容
本发明实施例提供一种基于媒体信息流的信息展示方法、装置、设备及存储介质,能够在媒体信息流页面中,播放直播视频的直播内容的过程中,实时播放直播视频对应的直播间内与直播内容相关联的互动弹幕。
本发明实施例的技术方案是这样实现的:
本发明实施例提供一种基于媒体信息流的信息展示方法,包括:
呈现包括直播视频的媒体信息流页面;
响应于针对所述媒体信息流页面的滑动操作,在所述媒体信息流页面中滑动所述直播视频;
当所述直播视频滑动至所述媒体信息流页面中的目标区域时,播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,所述互动弹幕基于所述直播视频对应的直播间内的互动内容所生成。
本发明实施例提供一种基于媒体信息流的信息展示装置,包括:
呈现模块,用于呈现包括直播视频的媒体信息流页面;
滑动模块,用于响应于针对所述媒体信息流页面的滑动操作,在所述媒体信息流页面中滑动所述直播视频;
播放模块,用于当所述直播视频滑动至所述媒体信息流页面中的目标区域时,播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,所述互动弹幕基于所述直播视频对应的直播间内的互动内容所生成。
上述方案中,所述播放模块,还用于通过第一播放窗口播放所述直播内容,并在播放所述直播内容的过程中,通过与所述第一播放窗口并排存在的第二播放窗口,采用竖屏模式实时播放与所述直播内容相关联的互动弹幕。
上述方案中,所述播放模块,还用于通过主播放窗口播放所述直播视频所对应的直播内容,并通过悬浮于所述主播放窗口的子播放窗口,播放与所述直播内容相关联的互动弹幕。
上述方案中,所述播放模块,还用于通过第三播放窗口,采用横屏模式或竖屏模式,播放所述直播视频所对应的直播内容;并
在播放所述直播内容的过程中,在所述第三播放窗口中以浮层形式,实时滚动播放与所述直播内容相关联的互动弹幕。
上述方案中,所述播放模块,还用于基于目标用户的登录信息,确定对应所述目标用户的用户画像;
从所述互动弹幕所包括的多条互动弹幕中,选取与所述用户画像相匹配的目标互动弹幕;
通过第四播放窗口播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,在所述第四播放窗口中以浮层形式,实时滚动播放所述目标互动弹幕。
上述方案中,所述播放模块,还用于在用于播放所述互动弹幕的弹幕播放窗口中,由下至上滚动播放所述互动弹幕,或者,
在用于播放所述互动弹幕的弹幕播放窗口中,由右至左水平匀速播放所述互动弹幕。
上述方案中,所述播放模块,还用于获取所述直播视频对应的直播间的页面宽度,所述直播间中单位时间内接收到的互动弹幕的第一数量、每个所述互动弹幕的弹幕长度和对应的第一播放速度,以及用于播放所述互动弹幕的弹幕播放窗口单位时间内播放互动弹幕的第二数量;
将所述弹幕长度与所述页面宽度之和、与所述第一播放速度的比值,确定为相应的所述互动弹幕在所述直播间的存在时长;
将所述存在时长与、所述第一数量和所述第二数量的乘积的比值,确定为相应的所述互动弹幕在所述弹幕播放窗口内的第二播放速度;
在所述弹幕播放窗口,根据所述第二播放速度实时播放与所述直播内容相关联的互动弹幕。
上述方案中,所述播放模块,还用于获取与所述直播视频对应的互动弹幕的弹幕类别;
基于所述弹幕类别,在用于播放与所述互动弹幕的弹幕播放窗口中,以与所述弹幕类别相匹配的字体样式,实时播放与所述直播内容相关联的互动弹幕。
上述方案中,当所述直播视频在所述媒体信息流页面的呈现形式为直播卡片时,所述装置还包括目标区域确定模块,
所述目标区域确定模块,用于获取所述直播视频所对应的直播卡片的卡片高度、所述直播卡片在所述媒体信息流页面所处的位置高度、以及所述媒体信息流页面的可视高度和滚动高度;
将所述可视高度与所述卡片高度之间的高度差的一半,与所述滚动高度进行求和处理,得到对应所述直播卡片的参考高度;
当所述位置高度超过所述滚动高度、且所述位置高度低于所述参考高度时,确定所述直播视频滑动至所述媒体信息流页面中的目标区域。
上述方案中,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕之前,所述装置还包括互动弹幕生成模块,
所述互动弹幕生成模块,用于发送针对所述直播视频的播放请求,所述播放请求中携带所述直播视频的视频标识,所述视频标识用于供查找到所述直播视频所对应的直播内容、以及与所述直播内容相关联的互动内容;
接收所述直播内容及与所述直播内容相关联的互动内容;
基于所述互动内容,进行素材替换及渲染生成所述互动弹幕。
上述方案中,所述播放模块,还用于当所述直播视频滑出所述媒体信息流页面中的目标区域时,停止播放所述直播视频所对应的直播内容,以及与所述直播内容相关联的互动弹幕。
本发明实施例提供一种电子设备,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现本发明实施例提供的基于媒体信息流的信息展示方法。
本发明实施例提供一种计算机可读存储介质,存储有可执行指令,用于引起处理器执行时,实现本发明实施例提供的基于媒体信息流的信息展示方法。
本发明实施例具有以下有益效果:
针对媒体信息流页面中呈现的直播视频,当用户实施滑动操作,使得直播视频滑动至媒体信息流页面的目标区域时,不仅自动播放直播视频所对应的直播内容,还在播放直播内容的过程中,实时播放基于直播视频对应的直播间内的互动内容所生成的互动弹幕,进而使得用户更直观全面的了解直播视频所对应的直播间内的直播互动情况,提高用户的观感体验。
附图说明
图1为本发明实施例提供的基于媒体信息流的信息展示系统的一个可选的架构示意图;
图2为本发明实施例提供的基于媒体信息流的信息展示设备的一个可选的结构示意图;
图3为本发明实施例提供的基于媒体信息流的信息展示方法的一个可选的流程示意图;
图4为本发明实施例提供的媒体信息流页面呈现的界面示意图;
图5为本发明实施例提供的目标区域的确定方法的一个可选的流程示意图;
图6A-6F为本发明实施例提供的播放界面示意图;
图7为本发明实施例提供的基于媒体信息流的信息展示方法的一个可选的流程示意图;
图8为本发明实施例提供的基于媒体信息流的信息展示方法的一个可选的流程示意图;
图9为本发明实施例提供的弹幕处理流程示意图;
图10为本发明实施例提供的弹幕视频流的生成的流程示意图;
图11为本发明实施例提供的基于媒体信息流的信息展示装置的结构组成示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,所描述的实施例不应视为对本发明的限制,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
在以下的描述中,涉及到“一些实施例”,其描述了所有可能实施例的子集,但是可以理解,“一些实施例”可以是所有可能实施例的相同子集或不同子集,并且可以在不冲突的情况下相互结合。
在以下的描述中,所涉及的术语“第一\第二\第三…”仅仅是区别类似的对象,不代表针对对象的特定排序,可以理解地,“第一\第二\第三…”在允许的情况下可以互换特定的顺序或先后次序,以使这里描述的本发明实施例能够以除了在这里图示或描述的以外的顺序实施。
除非另有定义,本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本发明实施例的目的,不是旨在限制本发明。
对本发明实施例进行进一步详细说明之前,对本发明实施例中涉及的名词和术语进行说明,本发明实施例中涉及的名词和术语适用于如下的解释。
1)视频卡片:是指媒体信息流页面中,通过卡片的形式展示相关联视频的视频信息(如视频封面信息)的信息展示形式,当视频卡片被滑动至媒体信息流页面中特定区域时,在视频卡片对应的区域播放相关联的视频。
2)直播卡片:属于视频卡片的一种,与直播间的直播视频相关联,当直播卡片被滑动至媒体信息流页面中特定区域时,在直播卡片对应的区域播放相关联的直播间的直播视频。
3)互动弹幕:是指视频播放过程中通过弹幕形式呈现的用户针对视频的互动内容,如评论性文字、点赞。
参见图1,图1为本发明实施例提供的基于媒体信息流的信息展示系统100的一个可选的架构示意图,为实现支撑一个示例性应用,终端400(示例性示出了终端400-1和终端400-2)通过网络300连接服务器200,网络300可以是广域网或者局域网,又或者是二者的组合,使用无线链路实现数据传输。
在实际应用中,终端上设置有应用客户端,如QQ、微博等,当用户打开应用客户端上的某一应用,如QQ上的看点时,终端400用于,在图形界面410(示例性示出了图形界面410-1和图形界面410-2)呈现包括直播视频的媒体信息流页面;当用户滑动媒体信息流页面时,终端400用于响应于针对媒体信息流页面的滑动操作,在媒体信息流页面中滑动直播视频;当直播视频滑动至媒体信息流页面中的目标区域时,发送针对直播视频的播放请求至服务器200;
服务器200,用于基于播放请求,获取并返回直播视频对应的直播内容及与直播内容相关联的互动弹幕至终端400;
终端400,还用于在图形界面410呈现的媒体信息流页面中,播放直播视频所对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕,其中,互动弹幕基于直播视频对应的直播间内的互动内容所生成。
这里,在实际应用中,服务器200既可以为单独配置的支持各种业务的一个服务器,亦可以配置为一个服务器集群。
在实际应用中,终端可以为智能手机、平板电脑、笔记本电脑等各种类型的用户终端,还可以为可穿戴计算设备、个人数字助理(PDA)、台式计算机、蜂窝电话、媒体播放器、导航设备、游戏机、电视机、或者这些数据处理设备或其他数据处理设备中任意两个或多个的组合。
基于上述对基于媒体信息流的信息展示系统的说明,接下来对本发明实施例提供的基于媒体信息流的信息展示装置进行说明。基于媒体信息流的信息展示装置位于电子设备中,用以实施本发明实施例的基于媒体信息流的信息展示方法,本发明实施例提供的电子设备可以实施为硬件或者软硬件结合的方式,下面说明本发明实施例提供的电子设备的各种示例性实施。
在实际应用中,本发明实施例提供的电子设备可以为智能手机、平板电脑、笔记本电脑等各种类型的终端,还可以为服务器。参见图2,图2为用于实施本发明实施例提供的基于媒体信息流的信息展示方法的电子设备500的一个可选的结构示意图,可以理解,图2仅仅示出了电子设备的示例性结构而非全部结构,根据需要可以实施图2示出的部分结构或全部结构,例如可以省略下文所描述的部分组件,或者,增设下文所未记载的组件以适应某些应用的特殊需求。
图2所示的电子设备500包括:至少一个处理器510、存储器550、至少一个网络接口520和用户接口530。电子设备500中的各个组件通过总线系统540耦合在一起。可理解,总线系统540用于实现这些组件之间的连接通信。总线系统540除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图2中将各种总线都标为总线系统540。
处理器510可以是一种集成电路芯片,具有信号的处理能力,例如通用处理器、数字信号处理器(DSP,Digital Signal Processor),或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等,其中,通用处理器可以是微处理器或者任何常规的处理器等。
用户接口530包括使得能够呈现媒体内容的一个或多个输出装置531,包括一个或多个扬声器和/或一个或多个视觉显示屏。用户接口530还包括一个或多个输入装置532,包括有助于用户输入的用户接口部件,比如键盘、鼠标、麦克风、触屏显示屏、摄像头、其他输入按钮和控件。
存储器550可以是可移除的,不可移除的或其组合。示例性的硬件设备包括固态存储器,硬盘驱动器,光盘驱动器等。存储器550可选地包括在物理位置上远离处理器510的一个或多个存储设备。
存储器550包括易失性存储器或非易失性存储器,也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(ROM,Read Only Memory),易失性存储器可以是随机存取存储器(RAM,Random Access Memory)。本发明实施例描述的存储器550旨在包括任意适合类型的存储器。
在一些实施例中,存储器550能够存储数据以支持各种操作,这些数据的示例包括程序、模块和数据结构或者其子集或超集,下面示例性说明。
操作系统551,包括用于处理各种基本系统服务和执行硬件相关任务的系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务;
网络通信模块552,用于经由一个或多个(有线或无线)网络接口520到达其他计算设备,示例性的网络接口520包括:蓝牙、无线相容性认证(WiFi)、和通用串行总线(USB,Universal Serial Bus)等;
呈现模块553,用于经由一个或多个与用户接口530相关联的输出装置531(例如,显示屏、扬声器等)使得能够呈现信息(例如,用于操作外围设备和显示内容和信息的用户接口);
输入处理模块554,用于对一个或多个来自一个或多个输入装置532之一的一个或多个用户输入或互动进行检测以及翻译所检测的输入或互动。
在一些实施例中,本发明实施例提供的基于媒体信息流的信息展示装置可以采用软件方式实现,图2示出了存储在存储器550中的基于媒体信息流的信息展示装置555,其可以是程序和插件等形式的软件,包括以下软件模块:呈现模块5551、滑动模块5552及播放模块5553,这些模块是逻辑上的,因此根据所实现的功能可以进行任意的组合或进一步拆分。
将在下文中说明各个模块的功能。
在另一些实施例中,本发明实施例提供的基于媒体信息流的信息展示装置可以采用硬件方式实现,作为示例,本发明实施例提供的基于媒体信息流的信息展示装置可以是采用硬件译码处理器形式的处理器,其被编程以执行本发明实施例提供的基于媒体信息流的信息展示方法,例如,硬件译码处理器形式的处理器可以采用一个或多个应用专用集成电路(ASIC,Application Specific Integrated Circuit)、DSP、可编程逻辑器件(PLD,Programmable Logic Device)、复杂可编程逻辑器件(CPLD,Complex Programmable LogicDevice)、现场可编程门阵列(FPGA,Field-Programmable Gate Array)或其他电子元件。
将结合前述的基于媒体信息流的信息展示系统及装置,说明实现本发明实施例提供的基于媒体信息流的信息展示方法。
参见图3,图3为本发明实施例提供的基于媒体信息流的信息展示方法的一个可选的流程示意图,将结合图3示出的步骤进行说明。
步骤101:终端呈现包括直播视频的媒体信息流页面。
在实际应用中,终端上设置有客户端,如社交客户端、新闻客户端、视频播放客户端、微博客户端等,响应于用户对于客户端的触发,终端运行客户端并呈现媒体信息流页面。
这里,媒体信息流包括关注信息流、推荐信息流或视频信息流等。媒体信息流页面中的直播视频可以以直播卡片的形式存在,其中,直播卡片属于视频卡片的一种,视频卡片与目标视频相关联,直播卡片与对应的直播间的直播视频相关联,可以播放直播间中直播视频所对应的直播内容,直播内容可为音频、视频或音视频。
例如,参见图4,图4为本发明实施例提供的媒体信息流页面呈现的界面示意图,如图4所示,当用户打开QQ上的“看点”这一应用时,可在“看点”这一应用上查看“关注”、“推荐”、“视频”、“图片社”等类型的媒体信息流,当用户选择“推荐”这一类型的信息流时,终端上呈现推荐信息流页面,推荐信息流页面上呈现推荐给用户的多种类型的信息,如图片、文本和直播卡片中的直播视频等多种类型的信息。
需要说明的是,当视频卡片为直播卡片时,在直播卡片播放之前,媒体信息流页面上呈现的直播卡片以静态缩略图的形式存在,即直播卡片处于初始化的待播状态。在实际实施时,在对直播卡片进行初始化时,终端首先获取与直播卡片相关联的直播信息,如直播标识、封面图、直播状态等;然后基于直播信息构建待播状态的用户界面;最后对用户界面进行渲染,得到渲染后的用户界面,在渲染的过程,对封面图进行克隆,其中一份做放大虚化效果放置在背景层,另外一份叠加在虚化效果的上方,如此,可避免在播放直播内容时,和视频同时渲染导致的性能问题。
步骤102:响应于针对媒体信息流页面的滑动操作,在媒体信息流页面中滑动直播视频。
在实际应用中,当用户滑动媒体信息流页面时,终端接收到相应的滑动操作,并基于接收到的滑动操作使媒体信息流页面上呈现的信息随着滑动,相应的,随着用户对媒体信息流页面的滑动,直播视频在媒体信息流页面上的相对位置也会随着变动。
步骤103:当直播视频滑动至媒体信息流页面中的目标区域时,播放直播视频所对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕。
其中,互动弹幕基于直播视频对应的直播间内的互动内容所生成。
在实际应用中,当直播视频滑动到媒体信息流页面的目标区域,如直播卡片滑动至媒体信息流页面的中上位置时,直播视频从静态缩略图转换为自动加载视频画面以播放直播内容。
参见图5,图5为本发明实施例提供的目标区域的确定方法的一个可选的流程示意图,在一些实施例中,当直播视频在媒体信息流页面的呈现形式为直播卡片时,图3示出的步骤103中直播视频滑动至媒体信息流页面中的目标区域的确定方式,可通过如图5所示的步骤1031-1033来实现:
步骤1031:获取直播卡片的卡片高度、直播卡片在媒体信息流页面所处的位置高度、以及媒体信息流页面的可视高度和滚动高度。
步骤1032:将可视高度与卡片高度之间的高度差的一半,与滚动高度进行求和处理,得到对应直播卡片的参考高度。
步骤1033:当位置高度超过滚动高度、且位置高度低于参考高度时,确定直播卡片滑动至媒体信息流页面中的目标区域。
通过上述方式,当直播卡片的位置高度超过媒体信息流页面的滚动高度、且直播卡片的位置高度低于视频卡片的参考高度时,确定直播卡片位于媒体信息流页面的中上位置;否则,确定直播卡片位于媒体信息流页面的非中上位置。
在一些实施例中,当播放直播视频所对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕之前,终端可通过如下方式获取与直播内容相关联的互动弹幕:
发送针对直播视频的播放请求,其中,播放请求中携带直播视频的视频标识,视频标识用于供查找到直播视频所对应的直播内容、以及与直播内容相关联的互动内容;接收直播内容及直播内容相关联的互动内容;基于互动内容,进行素材替换及渲染生成互动弹幕。
通过上述方式,终端从后端服务器拉取直播视频的直播内容及直播内容相关联的互动内容,并在终端进行素材替换及渲染,生成互动弹幕,在展示互动弹幕时,需对互动弹幕的弹幕展示样式和特效进行编写,通常情况下,互动弹幕在直播卡片中的弹幕样式与直播视频中互动弹幕的弹幕样式会出现不一致的情况,难以还原针对直播视频的真实互动场景。
在一些实施例中,在播放直播视频对应的直播内容,以及与直播内容相关联的互动弹幕之前,终端还可通过如下方式获取相应的直播内容及互动弹幕:
发送针对直播视频的播放请求;接收返回的直播视频对应的直播内容及与直播内容相关联的互动弹幕,其中,互动弹幕基于与直播内容相关联的文本评论信息进行素材替换及渲染所得到。
这里,终端发送针对直播视频的播放请求至服务器,服务器基于接收到的播放请求,获取直播视频对应的直播内容以及与直播内容相关联的弹幕评论信息,并对弹幕评论信息进行素材替换以及对替换后的弹幕评论信息进行渲染,得到对应弹幕评论信息的弹幕视频流,并将弹幕视频流作为与直播内容相关联的互动弹幕返回至终端,终端接收到服务器返回的直播内容及互动弹幕。
通过上述方式,在实际实施时,后端服务器将与直播内容相关联的弹幕评论信息(即互动内容)转换为弹幕视频流,并将弹幕视频流交由终端进行渲染生成互动弹幕,如此,可保证视频卡片中互动弹幕的弹幕样式与直播视频中互动弹幕的弹幕样式的一致性,从而有效还原针对直播视频的真实互动场景。
在一些实施例中,在获取直播视频对应的直播内容,以及与直播内容相关联的互动弹幕之前,终端还可通过如下方式确定呈现视频卡片的应用所处的网络环境:
检测呈现视频卡片的应用的网络连接,确定应用使用的网络连接属于预设类型的网络连接时,发送针对直播视频的播放请求。
这里,在获取直播视频的直播内容及互动弹幕之前,判断呈现直播卡片的应用使用的网络连接是否属于预设类型的网络连接,如果网络连接为预设类型的网络连接,如不按流量计费的通信方式移动热点WiFi或大网卡等时,才加载相应的直播内容及互动弹幕,以避免上网流量的过多消耗,节省上网费用。
在一些实施例中,终端可通过如下方式播放直播视频所对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕:
通过第一播放窗口播放直播内容,并在播放直播内容的过程中,通过与第一播放窗口并排存在的第二播放窗口,采用竖屏模式实时播放与直播内容相关联的互动弹幕。
这里,用于播放直播视频对应的直播内容的第一播放窗口,与用于播放与直播内容关联的互动弹幕的第二播放窗口并排存在,例如,当直播视频在媒体信息流页面的呈现形式为直播卡片时,第一播放窗口与第二播放窗口并排位于媒体信息流页面中直播卡片对应的区域,其中,第二播放窗口采用竖屏模式实时播放与直播内容关联的互动弹幕,且播放互动弹幕的形式可以自定义,如淡入淡出的弹出方式,或平移、跃动、滚动等移动方式,如在一些实施例中,终端可通过如下方式播放与直播内容相关联的互动弹幕:在用于播放互动弹幕的弹幕播放窗口中,由下至上滚动播放互动弹幕,或者,在用于播放互动弹幕的弹幕播放窗口中,由右至左水平匀速播放互动弹幕。除此之外,弹幕显示方式还可以为其他方式,对此,本发明实施例不作限定。
参见图6A-6B,图6A-6B为本发明实施例提供的播放界面示意图,如图6A所示,媒体信息流页面中直播卡片对应的区域为A1,用于播放直播视频对应的直播内容的第一播放窗口为A2,用于播放与直播内容关联的互动弹幕的第二播放窗口为A3,其中,第一播放窗口A2和第二播放窗口A3是两个相互独立的播放窗口且并排位于A1区域中,第二播放窗口A3位于第一播放窗口A2的左侧,第二播放窗口A3采用竖屏模式实时播放与直播内容关联的互动弹幕,如第二播放窗口A3中的弹幕呈现3条、由下至上移动消失。
如图6B所示,媒体信息流页面中直播卡片对应的区域为B1,用于播放直播视频对应的直播内容的第一播放窗口为B2,用于与直播内容关联的播放互动弹幕的第二播放窗口为B3,其中,第一播放窗口B2和第二播放窗口B3是两个相互独立的播放窗口且并排位于B1区域中,第二播放窗口B3位于第一播放窗口B2的右侧,第二播放窗口B3采用竖屏模式实时播放与直播内容关联的互动弹幕,如第二播放窗口B3中的弹幕同步呈现4条,由右至左移动消失。
在一些实施例中,终端还可通过如下方式播放直播视频对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕:
通过主播放窗口播放直播视频对应的直播内容,并通过悬浮于主播放窗口的子播放窗口,播放与直播内容相关联的互动弹幕。
这里,用于播放互动弹幕的子播放窗口悬浮在用于播放直播内容的主播放窗口中,两者是相互独立的播放窗口,用户可拖拉子播放窗口至主播放窗口的任意区域。子播放窗口播放弹幕的形式可以为淡入淡出的弹出方式,或平移、跃动、滚动等移动方式,还可为其他方式,对此,本发明实施例不作限定。
在一些实施例中,除了子播放窗口悬浮于主播放窗口这一形式外,主播放窗口和子播放窗口还可以画中画的形式存在,在实际实施时,可先获取画中画模板,然后将直播内容流和互动弹幕分别设置于画中画模板中的相应位置,如主播放窗口在媒体信息流页面中直播卡片对应的区域以全屏播放直播内容的同时,在主播放窗口的小面积区域上以子播放窗口播放互动弹幕。
需要说明的是,当直播视频在媒体信息流页面的呈现形式为直播卡片时,主播放窗口和子播放窗口在媒体信息流页面中直播卡片对应的区域中的位置是可以切换的,如当用户对互动弹幕比较感兴趣时,可切换子播放窗口与主播放窗口的位置,使用于播放互动弹幕的子播放窗口切换为主播放窗口,以全屏播放互动弹幕,与此同时,用于播放直播内容的主播放窗口切换为子播放窗口,在小面积区域上播放直播内容。
参见图6C-6D,图6C-6D为本发明实施例提供的播放界面示意图,如图6C所示,媒体信息流页面中直播卡片对应的区域为C1,用于播放直播内容的主播放窗口为C2,用于播放互动弹幕的子播放窗口为C3,子播放窗口C3悬浮于主播放窗口C2内,用户可随意拖动子播放窗口C3至主播放窗口C2的任意区域。
如图6D所示,媒体信息流页面中直播卡片对应的区域为D1,用于播放直播内容的主播放窗口为D2,用于播放互动弹幕的子播放窗口为D3,子播放窗口D3与主播放窗口D2以画中画的形式存在,子播放窗口D3位于主播放窗口D2的小面积区域上播放互动弹幕。
在一些实施例中,终端还可通过如下方式播放直播视频对应的直播内容,并在播放直播内容的过程中,实时播放以及与直播内容相关联的互动弹幕:
通过第三播放窗口,采用横屏模式或竖屏模式播放直播视频对应的直播内容;并在播放直播内容的过程中,在第三播放窗口中以浮层形式,实时滚动播放与直播内容相关联的互动弹幕。
这里,在实际应用中,为了保证最佳视觉感受,在媒体信息流页面中播放直播内容时,采用与直播间的直播视频相同的播放模式播放直播内容,若直播间直播视频时采用横屏模式播放直播内容,则在第三播放窗口也采用横屏模式播放直播内容;若直播间直播视频时采用竖屏模式播放直播内容,则在第三播放窗口也采用竖屏模式播放直播内容。
参见图6E-6F,图6E-6F为本发明实施例提供的播放界面示意图,如图6E所示,媒体信息流页面中直播视频对应的区域为E1,用于播放直播内容的第三播放窗口为E2,第三播放窗口E2采用横屏模型播放直播内容,即第三播放窗口E2在区域E1以全屏播放直播内容,互动弹幕以浮层形式E3在第三播放窗口E2的顶部位置实时滚动播放。
如图6F所示,媒体信息流页面中直播视频对应的区域为F1,用于播放直播内容的第三播放窗口为F2,用于呈现互动弹幕的为F3,第三播放窗口F2采用竖屏模型播放直播内容,即第三播放窗口F2在区域E1的部分区域播放直播内容,互动弹幕以浮层形式F3在第三播放窗口E2的底部位置实时滚动播放。
在一些实施例中,终端还可通过如下方式播放直播视频对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕:
基于目标用户的登录信息,确定对应目标用户的用户画像;从互动弹幕所包括的多条互动弹幕中,选取与用户画像相匹配的目标互动弹幕;在播放直播内容的过程中,通过第四播放窗口播放直播内容,并在第四播放窗口中,以浮层形式实时滚动播放目标弹互动幕。
这里,在实际实施时,当终端发送针对直播视频的播放请求后,服务器返回对应的直播内容及互动弹幕,终端将接收到的互动弹幕与目标用户的用户画像进行匹配,确定与用户画像相匹配的目标互动弹幕,并在第四播放窗口至以浮层形式实时滚动播放。在一些实施例中,也可由服务器接收到终端发送针对直播视频的播放请求后,基于播放请求确定目标用户的用户画像,然后将与直播内容相关联的互动弹幕与用户画像进行匹配,得到与目标用户相匹配的互动弹幕,并将直播内容及与目标用户相匹配的互动弹幕返回给终端;如此,对互动弹幕进行过滤,避免过多互动弹幕给目标用户带来干扰。
在一些实施例中,终端还可通过如下方式播放直播视频对应的直播内容,并在播放直播内容的过程中,实时播放与直播内容相关联的互动弹幕:
在媒体信息流页面中视频卡片对应的区域,通过第五播放窗口实时播放直播视频的直播内容,以及与直播视频的播放进度相对应的互动弹幕。
在一些实施例中,终端还可通过如下方式实时播放与直播内容相关联的互动弹幕:
获取直播视频对应的直播间的页面宽度,直播间中单位时间内接收到的弹幕的第一数量、每个弹幕的弹幕长度和对应的第一播放速度,以及用于播放互动弹幕的弹幕播放窗口单位时间内播放弹幕的第二数量;将弹幕长度与页面宽度之和、与第一播放速度的比值,确定为相应的弹幕在直播间的存在时长;将存在时长与、第一数量和第二数量的乘积的比值,确定为相应的弹幕在弹幕播放窗口内的第二播放速度;在弹幕播放窗口,根据第二播放速度播放相应的弹幕。
这里,根据直播间互动弹幕的数量调整弹幕播放窗口中互动弹幕的移动速度。在实际实施时,首先,获取同一时刻直播间接收到的弹幕的第一数量,每个弹幕的弹幕长度与对应的第一播放速度;其次,获取直播间每个弹幕从出现到消失的存在时长,存在时长=(第一播放速度+直播间页面宽度)/第一播放速度;最后,设置直播卡片中弹幕播放窗口播放每个弹幕的第二播放速度,第二播放速度=存在时长/第一数量/弹幕播放窗口单位时间内播放弹幕的第二数量。
通过上述方式,将直播间互动弹幕的动画速度和弹幕数量,转化为媒体信息流页面中弹幕播放窗口播放单个弹幕的速度,保证了在媒体信息流页面中,弹幕播放窗口播放的互动弹幕与直播间的互动弹幕显示一致,避免媒体信息流页面中弹幕播放窗口中播放的弹幕与直播间直播内容的断层,提高了观感体验。
在一些实施例中,终端还可通过如下方式实时播放与直播内容相关联的互动弹幕:
获取与直播视频对应的互动弹幕的弹幕类别;基于弹幕类别,在用于播放与互动弹幕的弹幕浮窗中,以与弹幕类别相匹配的字体样式,实时播放与直播内容相关联的互动弹幕。
这里,根据互动弹幕的弹幕类别的不同,采用不同的字体、字体颜色、显示背景色、字体透明度等字体样式播放相应的互动弹幕,丰富了互动弹幕的展示方式,提高用户的观感体验。
在一些实施例中,当直播视频滑出媒体信息流页面中的目标区域时,停止播放直播视频所对应的直播内容,以及与直播内容相关联的互动弹幕。
这里,当直播视频滑出媒体信息流页面中的目标区域时,说明用户看完了直播视频呈现的内容或对直播视频中播放的内容不感兴趣,此时停止播放并停止拉取与直播视频相关联的直播内容的有关信息。
接下来以直播视频在媒体信息流页面的呈现形式为直播卡片为例,继续对本发明实施例提供的基于媒体信息流的信息展示方法进行说明,参见图7,图7为本发明实施例提供的基于媒体信息流的信息展示方法的一个可选的流程示意图,将结合图7示出的步骤进行说明。
步骤701:响应于目标用户的点击操作,终端呈现包括与直播视频相关联的直播卡片的推荐信息流页面。
在实际应用中,终端上设置有应用客户端,如腾讯QQ、新浪微博等,当用户打开应用客户端上的应用,如用户点击QQ上的“看点”这一应用的“推荐”类型的信息流阅读资讯时,终端上呈现包括直播卡片的推荐信息流页面,其中,直播卡片与对应的直播应用相关联,可以播放直播应用中直播的视频画面。
步骤702:终端基于推荐信息流页面,接收到用于滑动直播卡片的滑动操作。
步骤703:终端确定直播卡片滑动至推荐信息流页面的中上位置时,发送针对直播视频的播放请求至服务器。
这里,在实际实施时,在获取直播视频的直播内容及互动弹幕之前,还可判断呈现直播卡片的应用使用的网络连接是否属于不按流量计费的通信方式WiFi或大网卡等,当确定网络连接属于WiFi或大网卡等,才发送播放请求以加载相应的直播内容及互动弹幕,以避免上网流量的过多消耗,节省上网费用。
步骤704:服务器基于播放请求,确定直播视频对应的直播内容及与直播内容相关联的弹幕评论信息。
这里,在实际实施时,播放请求中携带有针对直播视频的直播间标识和视频标识,服务器对接收到的播放请求进行解析,得到对应的直播间标识和视频标识,并基于直播间标识和视频标识去拉取相关的直播内容及弹幕评论信息。
步骤705:服务器对弹幕评论信息进行素材替换,得到替换后的弹幕评论信息。
步骤706:服务器对替换后的弹幕评论信息进行渲染,得到对应弹幕评论信息的弹幕视频流。
这里,服务器将与直播内容相关联的弹幕评论信息转换为弹幕视频流,并将弹幕视频流交由终端进行渲染生成互动弹幕,如此,可保证直播卡片中互动弹幕的弹幕样式与直播视频中互动弹幕的弹幕样式的一致性,从而有效还原直播间中有关直播视频的真实互动场景。
步骤707:服务器返回直播内容及弹幕视频流至终端。
步骤708:终端根据直播间弹幕评论信息的弹幕数量和动画速度,确定弹幕播放窗口中弹幕视频流中每个互动弹幕的播放速度。
这里,根据直播间弹幕评论信息的弹幕数量和动画速度,调整弹幕播放窗口中弹幕的移动速度。在实际实施时,首先,获取同一时刻直播间接收到的弹幕的第一数量,每个弹幕的弹幕长度与对应的第一播放速度;其次,获取直播间每个弹幕从出现到消失的存在时长,存在时长=(第一播放速度+直播间页面宽度)/第一播放速度;最后,设置直播卡片中弹幕播放窗口弹幕视频流(即互动弹幕)的每个弹幕的播放速度=存在时长/第一数量/弹幕播放窗口单位时间内播放弹幕的第二数量。
通过上述方式,将直播间互动弹幕的动画速度和弹幕数量,转化为直播卡片中弹幕播放窗口播放单个弹幕的速度,保证了在媒体信息流页面中视频卡片对应的区域中,弹幕播放窗口播放的互动弹幕与直播间的互动弹幕显示一致,避免直播卡片的弹幕播放窗口中播放的弹幕与直播间直播内容的断层,提高了观感体验。
步骤709:终端通过直播内容播放窗口播放直播内容,并通过弹幕播放窗口,以弹幕视频流中每个互动弹幕的播放速度实时播放弹幕视频流。
其中,直播内容播放窗口与弹幕播放窗口可左右并排、或上下并排存在于推荐信息流页面中直播卡片对应的区域。
步骤710:终端确定直播卡片滑出推荐信息流页面中的中上位置时,在推荐信息流页面中,停止播放直播视频对应的直播内容,以及与直播内容相关联的弹幕视频流。
下面,将说明本发明实施例在一个实际的应用场景中的示例性应用。
目前,在主流的资讯应用中,信息流页面通常包括与直播应用相关联的直播卡片,当用户滑动直播卡片至信息流页面的中间区域时,相关技术中的直播卡片仅仅能够从静态缩略图转换为自动加载视频画面以播放直播内容,但却无法呈现直播间中与直播内容相关的互动弹幕,使得用户无法感受到直播间的互动情况。针对这一问题,本发明实施例提供了一种信息展示方法,能够在直播卡片自动加载实时直播画面的同时,实时呈现用户的互动评论信息,用弹幕的方式实时滚动显示,方便用户更直观的感受到直播现场的互动氛围。
参加图8,图8为本发明实施例提供的基于媒体信息流的信息展示方法的一个可选的流程示意图,将结合图8示出的步骤进行说明。
步骤801:终端呈现待播状态的直播卡片。
这里,直播卡片与对应的直播应用相关联,可以播放直播间中直播视频对应的直播内容。当用户在QQ看点的推荐视频流阅读资讯时,直播卡片可能处于推荐信息流页面的中下位置,此时,直播卡片以静态缩略图的形式呈现在推荐信息流页面上,即直播卡片处于待播状态,也即初始化状态。在对直播卡片进行初始化时,终端首先获取与直播卡片相关联的直播信息,如直播标识、封面图、直播状态等;然后基于获取的直播信息构建待播状态的用户界面;最后对用户界面进行渲染,得到渲染后的用户界面,在渲染的过程,对封面图进行克隆,其中一份做放大虚化效果放置在背景层,另外一份叠加在虚化效果的上方,如此,可避免在播放直播内容时,与视频同时渲染导致的性能问题。
步骤802:判断终端所处的网络连接状态是否符合预设条件,若是,执行步骤804;否则,执行步骤803。
这里,在用户滑动推荐信息流页面之前,终端获取用户的网络连接状态,判断呈现直播卡片的应用使用的网络连接是否属于不按流量计费的通信方式,如终端所处的网络为WiFi或终端所对应的通信业务为目标业务(如不按流量计费的大网卡)等,在实际实施时,WiFi环境的判断可通过QQ jsapi getNetwor kInfo(callback)获取;目前手机QQ内已集成王卡SDK,用于判断用户是否为大王卡用户。当确定网络连接属于WiFi或大网卡等,才加载相应的直播内容及互动弹幕,可以避免上网流量的过多消耗,节省上网费用。
步骤803:终端接收到用户针对直播卡片的点击操作。
步骤804:接收到用于滑动直播卡片的滑动操作,并判断直播卡片是否滑动至推荐信息流页面的中上位置;当确定直播卡片滑动至推荐信息流页面的中上位置时,执行步骤805;否则执行步骤801。
在实际实施时,首先获取直播卡片的卡片高度D、视频卡片在推荐信息流页面所处的位置高度A、以及推荐信息流页面的滚动高度B和可视高度C;然后,通过判断公式:A>=B&&A<(B+(C-D)/2),判断直播卡片是否滑动至推荐信息流页面的中上位置,当判断结果返回“真”时,认为直播卡片滑动至推荐信息流页面的中上位置;反之,则认为直播卡片未滑动至推荐信息流页面的中上位置。
步骤805:在直播卡片画中画中,播放直播视频对应的直播内容以及与直播内容相关联的弹幕视频流。
在实际应用中,当终端确定直播卡片滑出推荐信息流页面中的中上位置时,在推荐信息流页面中,停止播放直播视频对应的直播内容,以及与直播内容相关联的弹幕视频流(即互动弹幕)。
在实际实施时,在播放直播内容及与直播内容相关联的弹幕视频流之前,终端发送针对直播视频的播放请求至服务器,并接收服务器返回的直播视频对应的直播内容及与直播内容相关联的弹幕视频流,其中,弹幕视频流基于与直播内容相关联的文本评论信息进行素材替换及渲染所得到。
这里,在实际实施时,终端发送的播放请求中携带有针对直播视频的直播间标识和视频标识。服务器对接收到的播放请求进行解析,得到对应的直播间标识和视频标识,并基于直播间标识和视频标识去拉取相关的直播内容及弹幕评论信息;然后对弹幕评论信息进行素材替换,得到替换后的弹幕评论信息;最后对替换后的弹幕评论信息进行渲染,得到对应弹幕评论信息的弹幕视频流。
如图8所示,首先,服务器对直播间用户发送的弹幕评论信息进行弹幕数据处理,针对用户发送弹幕的弹幕文案、用户信息、直播标识、弹幕速度等进行收集,对收集的弹幕进行排序,得到弹幕序列。然后,对弹幕序列中的弹幕评论信息进行视频渲染,得到对应的弹幕视频流,具体地,在进行视频渲染的过程中,对图形视频处理软件(AE,Adobe AfterEffect)弹幕模板文件中的头像、文本、特效、过渡时间等进行替换,以对弹幕序列中的弹幕评论信息进行素材替换,并调用AE程序的核心渲染器(AE Render)渲染AE模板,得到弹幕视频流。
在实际应用中,参见图9,图9为本发明实施例提供的弹幕处理流程示意图,如图9所示,设计师通常会将弹幕样式(sketch/psd稿件)和弹幕特效(AE文件)合并为一个新的AE文件,并将新AE文件提供给到开发人员。
参见图10,图10为本发明实施例提供的弹幕视频流的生成的流程示意图,如图10所示,开发人员将用户新发送的弹幕信息(新AE文件)中的素材资源通过nexrender进行素材替换,替换AE弹幕模板文件中的头像、文本、特效、过渡时间等,保留弹幕样式和动画,素材替换后调用AE程序的核心渲染器(AE Render)渲染AE模板,得到弹幕视频流。
在直播卡片的画中画(即推荐信息流页面中直播卡片对应的区域)中播放弹幕视频流时,需根据直播间弹幕评论信息的弹幕数量和动画速度,调整弹幕播放窗口中弹幕的移动速度。在实际实施时,首先,获取同一时刻直播间接收到的弹幕的第一数量,每个弹幕的弹幕长度与对应的第一播放速度;其次,获取直播间每个弹幕从出现到消失的存在时长,即存在时长=(第一播放速度+直播间页面宽度)/第一播放速度;最后,设置直播卡片中弹幕播放窗口弹幕信息流的每个弹幕的播放速度=存在时长/第一数量/弹幕播放窗口单位时间内播放弹幕的第二数量;如此,在直播卡片的画中画中播放弹幕视频流时,按照对应直播卡片的每个弹幕的播放速度进行播放。
需要说明的是,用于播放直播视频的直播内容播放窗口与用于播放弹幕视频流的弹幕播放窗口在直播卡片的画中画区域中,可左右并排、或上下并排存存在。弹幕播放窗口播放弹幕视频流的形式可以有多种形式,如淡入淡出的弹出方式,或平移、跃动、滚动等移动方式,除此之外,弹幕视频流的展示方式还可以为其他方式,对此,本发明实施例不作具体限定。
通过上述方式,由于弹幕评论信息通常会加入各种动画特效和多端复用问题,后端的服务器将与直播内容相关联的弹幕评论信息转换为弹幕视频流,并将弹幕视频流交由终端进行渲染生成互动弹幕,如此,解决了直播卡片中互动弹幕的弹幕样式与直播视频中互动弹幕的弹幕样式不一致的问题,从而有效还原针对直播视频的真实互动场景;同时,将直播间互动弹幕的动画速度和弹幕数量,转化为直播卡片中用于播放弹幕视频流的弹幕播放窗口播放单个弹幕的速度,保证了在信息流中直播画面中播放的互动弹幕与直播间的互动弹幕显示一致,避免直播卡片的播放的互动弹幕与直播间直播内容的断层,提高了观感体验。
下面继续说明本发明实施例提供的基于媒体信息流的信息展示装置555的实施为软件模块的示例性结构,在一些实施例中,参见图11,图11为本发明实施例提供的基于媒体信息流的信息展示装置的结构组成示意图,如图11所示,本发明实施例提供的基于媒体信息流的信息展示装置555,包括:
呈现模块5551,用于呈现包括直播视频的媒体信息流页面;
滑动模块5552,用于响应于针对所述媒体信息流页面的滑动操作,在所述媒体信息流页面中滑动所述直播视频;
播放模块5553,用于当所述直播视频滑动至所述媒体信息流页面中的目标区域时,播放所述直播视频对应的直播内容,并
在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,所述互动弹幕基于所述直播视频对应的直播间内的互动内容所生成。
在一些实施例中,所述播放模块,还用于通过第一播放窗口播放所述直播内容,并在播放所述直播内容的过程中,通过与所述第一播放窗口并排存在的第二播放窗口,采用竖屏模式实时播放与所述直播内容相关联的互动弹幕。
在一些实施例中,所述播放模块,还用于通过主播放窗口播放所述直播视频所对应的直播内容,并通过悬浮于所述主播放窗口的子播放窗口,播放与所述直播内容相关联的互动弹幕。
在一些实施例中,所述播放模块,还用于通过第三播放窗口,采用横屏模式或竖屏模式,播放所述直播视频所对应的直播内容;并
在播放所述直播内容的过程中,在所述第三播放窗口中以浮层形式,实时滚动播放与所述直播内容相关联的互动弹幕。
在一些实施例中,所述播放模块,还用于基于目标用户的登录信息,确定对应所述目标用户的用户画像;
从所述互动弹幕所包括的多条互动弹幕中,选取与所述用户画像相匹配的目标互动弹幕;
通过第四播放窗口播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,在所述第四播放窗口中以浮层形式,实时滚动播放所述目标互动弹幕。
在一些实施例中,所述播放模块,还用于在用于播放所述互动弹幕的弹幕播放窗口中,由下至上滚动播放所述互动弹幕,或者,
在用于播放所述互动弹幕的弹幕播放窗口中,由右至左水平匀速播放所述互动弹幕。
在一些实施例中,所述播放模块,还用于获取所述直播视频对应的直播间的页面宽度,所述直播间中单位时间内接收到的互动弹幕的第一数量、每个所述互动弹幕的弹幕长度和对应的第一播放速度,以及用于播放所述互动弹幕的弹幕播放窗口单位时间内播放互动弹幕的第二数量;
将所述弹幕长度与所述页面宽度之和、与所述第一播放速度的比值,确定为相应的所述互动弹幕在所述直播间的存在时长;
将所述存在时长与、所述第一数量和所述第二数量的乘积的比值,确定为相应的所述互动弹幕在所述弹幕播放窗口内的第二播放速度;
在所述弹幕播放窗口,根据所述第二播放速度实时播放与所述直播内容相关联的互动弹幕。
在一些实施例中,所述播放模块,还用于获取与所述直播视频对应的互动弹幕的弹幕类别;
基于所述弹幕类别,在用于播放与所述互动弹幕的弹幕播放窗口中,以与所述弹幕类别相匹配的字体样式,实时播放与所述直播内容相关联的互动弹幕。
在一些实施例中,当所述直播视频在所述媒体信息流页面的呈现形式为直播卡片时,所述装置还包括目标区域确定模块,
所述目标区域确定模块,用于获取所述直播视频所对应的直播卡片的卡片高度、所述直播卡片在所述媒体信息流页面所处的位置高度、以及所述媒体信息流页面的可视高度和滚动高度;
将所述可视高度与所述卡片高度之间的高度差的一半,与所述滚动高度进行求和处理,得到对应所述直播卡片的参考高度;
当所述位置高度超过所述滚动高度、且所述位置高度低于所述参考高度时,确定所述直播视频滑动至所述媒体信息流页面中的目标区域。
在一些实施例中,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕之前,所述装置还包括互动弹幕生成模块,
所述互动弹幕生成模块,用于发送针对所述直播视频的播放请求,所述播放请求中携带所述直播视频的视频标识,所述视频标识用于供查找到所述直播视频所对应的直播内容、以及与所述直播内容相关联的互动内容;
接收所述直播内容及与所述直播内容相关联的互动内容;
基于所述互动内容,进行素材替换及渲染生成所述互动弹幕。
在一些实施例中,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕之后,所述播放模块,还用于当所述直播视频滑出所述媒体信息流页面中的目标区域时,停止播放所述直播视频所对应的直播内容,以及与所述直播内容相关联的互动弹幕。
本发明实施例提供一种电子设备,包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现本发明实施例提供的基于媒体信息流的信息展示方法。
本发明实施例提供一种计算机可读存储介质,存储有可执行指令,用于引起处理器执行时,实现本发明实施例提供的基于媒体信息流的信息展示方法。
在一些实施例中,存储介质可以是FRAM、ROM、PROM、EPROM、EEPROM、闪存、磁表面存储器、光盘、或CD-ROM等存储器;也可以是包括上述存储器之一或任意组合的各种设备。
在一些实施例中,可执行指令可以采用程序、软件、软件模块、脚本或代码的形式,按任意形式的编程语言(包括编译或解释语言,或者声明性或过程性语言)来编写,并且其可按任意形式部署,包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。
作为示例,可执行指令可以但不一定对应于文件系统中的文件,可以可被存储在保存其它程序或数据的文件的一部分,例如,存储在超文本标记语言(HTML,Hyper TextMarkup Language)文档中的一个或多个脚本中,存储在专用于所讨论的程序的单个文件中,或者,存储在多个协同文件(例如,存储一个或多个模块、子程序或代码部分的文件)中。
作为示例,可执行指令可被部署为在一个计算设备上执行,或者在位于一个地点的多个计算设备上执行,又或者,在分布在多个地点且通过通信网络互连的多个计算设备上执行。
以上所述,仅为本发明的实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和范围之内所作的任何修改、等同替换和改进等,均包含在本发明的保护范围之内。
Claims (15)
1.一种基于媒体信息流的信息展示方法,其特征在于,所述方法包括:
呈现包括直播视频的媒体信息流页面;
响应于针对所述媒体信息流页面的滑动操作,在所述媒体信息流页面中滑动所述直播视频;
当所述直播视频滑动至所述媒体信息流页面中的目标区域时,播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,所述互动弹幕基于所述直播视频对应的直播间内的互动内容所生成。
2.如权利要求1所述的方法,其特征在于,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,包括:
通过第一播放窗口播放所述直播内容,并在播放所述直播内容的过程中,通过与所述第一播放窗口并排存在的第二播放窗口,采用竖屏模式实时播放与所述直播内容相关联的互动弹幕。
3.如权利要求1所述的方法,其特征在于,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,包括:
通过主播放窗口播放所述直播视频所对应的直播内容,并通过悬浮于所述主播放窗口的子播放窗口,播放与所述直播内容相关联的互动弹幕。
4.如权利要求1所述的方法,其特征在于,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,包括:
通过第三播放窗口,采用横屏模式或竖屏模式,播放所述直播视频所对应的直播内容;并
在播放所述直播内容的过程中,在所述第三播放窗口中以浮层形式,实时滚动播放与所述直播内容相关联的互动弹幕。
5.如权利要求1所述的方法,其特征在于,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,包括:
基于目标用户的登录信息,确定对应所述目标用户的用户画像;
从所述互动弹幕所包括的多条互动弹幕中,选取与所述用户画像相匹配的目标互动弹幕;
通过第四播放窗口播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,在所述第四播放窗口中以浮层形式,实时滚动播放所述目标互动弹幕。
6.如权利要求1所述的方法,其特征在于,所述实时播放与所述直播内容相关联的互动弹幕,包括:
在用于播放所述互动弹幕的弹幕播放窗口中,由下至上滚动播放所述互动弹幕,或者,
在用于播放所述互动弹幕的弹幕播放窗口中,由右至左水平匀速播放所述互动弹幕。
7.如权利要求1所述的方法,其特征在于,所述实时播放与所述直播内容相关联的互动弹幕,包括:
获取所述直播视频对应的直播间的页面宽度,所述直播间中单位时间内接收到的互动弹幕的第一数量、每个所述互动弹幕的弹幕长度和对应的第一播放速度,以及用于播放所述互动弹幕的弹幕播放窗口单位时间内播放互动弹幕的第二数量;
将所述弹幕长度与所述页面宽度之和、与所述第一播放速度的比值,确定为相应的所述互动弹幕在所述直播间的存在时长;
将所述存在时长与、所述第一数量和所述第二数量的乘积的比值,确定为相应的所述互动弹幕在所述弹幕播放窗口内的第二播放速度;
在所述弹幕播放窗口,根据所述第二播放速度实时播放与所述直播内容相关联的互动弹幕。
8.如权利要求1所述的方法,其特征在于,所述实时播放与所述直播内容相关联的互动弹幕,包括:
获取与所述直播视频对应的互动弹幕的弹幕类别;
基于所述弹幕类别,在用于播放与所述互动弹幕的弹幕播放窗口中,以与所述弹幕类别相匹配的字体样式,实时播放与所述直播内容相关联的互动弹幕。
9.如权利要求1所述的方法,其特征在于,当所述直播视频在所述媒体信息流页面的呈现形式为直播卡片时,所述方法还包括:
获取所述直播视频所对应的直播卡片的卡片高度、所述直播卡片在所述媒体信息流页面所处的位置高度、以及所述媒体信息流页面的可视高度和滚动高度;
将所述可视高度与所述卡片高度之间的高度差的一半,与所述滚动高度进行求和处理,得到对应所述直播卡片的参考高度;
当所述位置高度超过所述滚动高度、且所述位置高度低于所述参考高度时,确定所述直播视频滑动至所述媒体信息流页面中的目标区域。
10.如权利要求1所述的方法,其特征在于,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕之前,所述方法还包括:
发送针对所述直播视频的播放请求,所述播放请求中携带所述直播视频的视频标识,所述视频标识用于供查找到所述直播视频所对应的直播内容、以及与所述直播内容相关联的互动内容;
接收所述直播内容及与所述直播内容相关联的互动内容;
基于所述互动内容,进行素材替换及渲染生成所述互动弹幕。
11.如权利要求1所述的方法,其特征在于,所述播放所述直播视频所对应的直播内容,并在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕之后,所述方法还包括:
当所述直播视频滑出所述媒体信息流页面中的目标区域时,停止播放所述直播视频所对应的直播内容,以及与所述直播内容相关联的互动弹幕。
12.一种基于媒体信息流的信息展示装置,其特征在于,所述装置包括:
呈现模块,用于呈现包括直播视频的媒体信息流页面;
滑动模块,用于响应于针对所述媒体信息流页面的滑动操作,在所述媒体信息流页面中滑动所述直播视频;
播放模块,用于当所述直播视频滑动至所述媒体信息流页面中的目标区域时,播放所述直播视频所对应的直播内容,并
在播放所述直播内容的过程中,实时播放与所述直播内容相关联的互动弹幕,所述互动弹幕基于所述直播视频对应的直播间内的互动内容所生成。
13.如权利要求12所述的装置,其特征在于,
所述播放模块,还用于通过第一播放窗口播放所述直播内容,并
在播放所述直播内容的过程中,通过与所述第一播放窗口并排存在的第二播放窗口,采用竖屏模式实时播放与所述直播内容相关联的互动弹幕。
14.一种电子设备,其特征在于,所述设备包括:
存储器,用于存储可执行指令;
处理器,用于执行所述存储器中存储的可执行指令时,实现权利要求1至11任一项所述的基于媒体信息流的信息展示方法。
15.一种计算机可读存储介质,其特征在于,存储有可执行指令,用于引起处理器执行时,实现权利要求1至11任一项所述的基于媒体信息流的信息展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010253334.5A CN113495664A (zh) | 2020-04-02 | 2020-04-02 | 基于媒体信息流的信息展示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010253334.5A CN113495664A (zh) | 2020-04-02 | 2020-04-02 | 基于媒体信息流的信息展示方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113495664A true CN113495664A (zh) | 2021-10-12 |
Family
ID=77993175
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010253334.5A Pending CN113495664A (zh) | 2020-04-02 | 2020-04-02 | 基于媒体信息流的信息展示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113495664A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114610428A (zh) * | 2022-03-11 | 2022-06-10 | 北京字跳网络技术有限公司 | 信息流的显示方法、装置、设备、存储介质及程序 |
CN115022269A (zh) * | 2021-12-30 | 2022-09-06 | 北京字跳网络技术有限公司 | 一种消息处理方法、装置、设备及介质 |
WO2024114461A1 (zh) * | 2022-11-29 | 2024-06-06 | 维沃移动通信有限公司 | 视频播放方法及其装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104735543A (zh) * | 2015-03-30 | 2015-06-24 | 北京奇艺世纪科技有限公司 | 一种弹幕显示方法及装置 |
CN105828164A (zh) * | 2016-04-28 | 2016-08-03 | 武汉斗鱼网络科技有限公司 | 一种避免弹幕重叠显示的方法及系统 |
CN105898610A (zh) * | 2015-10-15 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 视频列表的自动播放方法和装置 |
CN108174276A (zh) * | 2018-01-04 | 2018-06-15 | 北京奇艺世纪科技有限公司 | 一种弹幕显示方法及显示装置 |
CN108810641A (zh) * | 2018-06-04 | 2018-11-13 | 北京潘达互娱科技有限公司 | 一种视频播放方法、装置及电子设备 |
CN109451333A (zh) * | 2018-11-29 | 2019-03-08 | 北京奇艺世纪科技有限公司 | 一种弹幕显示方法、装置、终端及系统 |
-
2020
- 2020-04-02 CN CN202010253334.5A patent/CN113495664A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104735543A (zh) * | 2015-03-30 | 2015-06-24 | 北京奇艺世纪科技有限公司 | 一种弹幕显示方法及装置 |
CN105898610A (zh) * | 2015-10-15 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 视频列表的自动播放方法和装置 |
CN105828164A (zh) * | 2016-04-28 | 2016-08-03 | 武汉斗鱼网络科技有限公司 | 一种避免弹幕重叠显示的方法及系统 |
CN108174276A (zh) * | 2018-01-04 | 2018-06-15 | 北京奇艺世纪科技有限公司 | 一种弹幕显示方法及显示装置 |
CN108810641A (zh) * | 2018-06-04 | 2018-11-13 | 北京潘达互娱科技有限公司 | 一种视频播放方法、装置及电子设备 |
CN109451333A (zh) * | 2018-11-29 | 2019-03-08 | 北京奇艺世纪科技有限公司 | 一种弹幕显示方法、装置、终端及系统 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115022269A (zh) * | 2021-12-30 | 2022-09-06 | 北京字跳网络技术有限公司 | 一种消息处理方法、装置、设备及介质 |
WO2023124906A1 (zh) * | 2021-12-30 | 2023-07-06 | 北京字跳网络技术有限公司 | 一种消息处理方法、装置、设备及介质 |
CN114610428A (zh) * | 2022-03-11 | 2022-06-10 | 北京字跳网络技术有限公司 | 信息流的显示方法、装置、设备、存储介质及程序 |
CN114610428B (zh) * | 2022-03-11 | 2024-04-23 | 北京字跳网络技术有限公司 | 信息流的显示方法、装置、设备、存储介质及程序 |
WO2024114461A1 (zh) * | 2022-11-29 | 2024-06-06 | 维沃移动通信有限公司 | 视频播放方法及其装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10628021B2 (en) | Modular responsive screen grid, authoring and displaying system | |
CN111294663B (zh) | 弹幕处理方法、装置、电子设备及计算机可读存储介质 | |
TWI776066B (zh) | 圖片生成方法、裝置、終端、伺服器及儲存媒體 | |
DE112016000085B4 (de) | Gerät, Verfahren und grafische Benutzerschnittstelle für die Navigation durch Medieninhalt | |
KR102148961B1 (ko) | 표시 제어 방법, 단말, 정보처리 장치 및 프로그램 | |
CN105979339B (zh) | 一种窗口显示方法及客户端 | |
CN111405344B (zh) | 弹幕的处理方法及装置 | |
US20160034437A1 (en) | Mobile social content-creation application and integrated website | |
CN113495664A (zh) | 基于媒体信息流的信息展示方法、装置、设备及存储介质 | |
WO2023104102A1 (zh) | 一种直播评论展示方法、装置、设备、程序产品及介质 | |
CN113783997B (zh) | 一种视频发布方法、装置、电子设备及存储介质 | |
CN113253880B (zh) | 互动场景的页面的处理方法、装置及存储介质 | |
CN113286201B (zh) | 推荐信息展示方法、装置、电子设备和存储介质 | |
CN113655930B (zh) | 信息发布方法、信息的展示方法、装置、电子设备及介质 | |
EP4383054A1 (en) | Information reply method and apparatus, and electronic device, readable storage medium and program product | |
CN115225952B (zh) | 视频的播放控制方法、装置、电子设备、存储介质及产品 | |
CN114679621B (zh) | 一种视频展示方法、装置及终端设备 | |
CN111432264A (zh) | 基于媒体信息流的内容展示方法、装置、设备及存储介质 | |
CN111708959A (zh) | 页面显示方法、装置、存储介质及电子设备 | |
US20180032223A1 (en) | Methods, systems, and media for presenting messages | |
US11997062B2 (en) | Methods, systems, and media for identifying and presenting video objects linked to a source video | |
CN112543365A (zh) | 媒体信息的播放方法、装置、设备及计算机可读存储介质 | |
CN117786159A (zh) | 文本素材获取方法、装置、设备、介质和程序产品 | |
CN110971955A (zh) | 页面处理方法及装置、电子设备以及存储介质 | |
JP6665067B2 (ja) | 表示方法およびプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40053993 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |