CN111158678A - 视频播放的方法、设备、客户端装置及电子设备 - Google Patents
视频播放的方法、设备、客户端装置及电子设备 Download PDFInfo
- Publication number
- CN111158678A CN111158678A CN201811327423.9A CN201811327423A CN111158678A CN 111158678 A CN111158678 A CN 111158678A CN 201811327423 A CN201811327423 A CN 201811327423A CN 111158678 A CN111158678 A CN 111158678A
- Authority
- CN
- China
- Prior art keywords
- video
- page
- native
- weex
- overlay
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
公开了一种视频播放的方法、设备、客户端装置及电子设备。其中,该方法包括:响应于针对覆盖页功能按钮的点击操作,Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JS Bundle文件,所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容;所述Native端将所述第一JS Bundle文件预加载至Native App中;所述Native端创建所述Weex视频覆盖页;所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
Description
技术领域
本发明涉及计算机软件技术领域,更具体地,涉及一种视频播放的方法、设备、客户端装置及电子设备。
背景技术
在目前的应用开发过程中,使用具有“发布即更新”、“一条URL可适配多端”的H5技术进行开发页面应用,虽然简单高效,但很是很难获取原生(Native)应用的富交互的性能体验。因此,可以兼顾开发效率和性能体验的应用开发框架,例如Weex框架应运而生。
目前,通过Weex这类应用框架开发的应用,例如视频播放应用,通常会通过原生(Native)组件实现视频播放功能。在视频播放时会存在打开例如支付、信息介绍等功能页的需求。在视频播放时,若用户点击了打开功能页对应的按钮,就需要从视频播放页面跳转至对应的功能页。
通常,这些功能页是通过非原生组件实现的。从原生页面跳转至非原生页面耗时较长,容易出现卡顿现象,用户体验不好。
发明内容
本公开的一个目的是提供一种视频播放的新技术方案。
根据本公开的第一方面,提供了一种视频播放的方法,其中,所述方法包括:
响应于针对覆盖页功能按钮的点击操作,Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JS Bundle文件,所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容;
所述Native端将所述第一JS Bundle文件预加载至Native App中;
所述Native端创建所述Weex视频覆盖页;
所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
可选地,其中,所述Native端从所述Native APP中获取所述待显示内容,在所述Weex视频覆盖页中进行显示的步骤之后,所述方法还包括:
响应于针对所述待显示内容的点击操作,所述Weex视频覆盖页向所述Native端传递事件消息;
所述Native端根据所述事件消息,执行对应的事件处理操作;
所述Native端在所述事件处理操作结束后,向所述Weex视频覆盖页传递事件处理结果;
所述Weex视频覆盖页根据所述事件处理结果进行更新。
可选地,所述方法还包括:
响应于针对待播放视频的播放请求,所述Native端创建Weex视频播放页;
所述Weex视频播放页创建播放器,设置播放器参数并传递给所述Native端;
所述Native端判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮,所述覆盖页功能按钮用于打开所述Weex视频覆盖页。
可选地,其中,所述Native端创建Weex视频播放页的步骤,包括:
所述Native端获取所述待播放视频的URL,并从所述待播放视频的URL中获取第二JS Bundle文件,所述第二JS Bundle文件用于描述所述Weex视频播放页的待显示内容;
所述Native端将所述第二JS Bundle文件预加载至所述Native App中;
所述Native端创建所述Weex视频播放页;
所述Native端从所述Native App中的所述第二JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
可选地,其中,所述播放器参数至少包括:视频源、视频对应的h5页面地址、视频标题、配置参数以及播放状态;
其中,所述配置参数中至少包括视频覆盖页参数及播放列表参数。
可选地,其中,所述方法还包括:
响应于针对所述Weex视频播放页的页面返回操作,所述Weex视频播放页向所述Native端传递页面返回事件;
所述Native端根据所述页面返回事件,销毁所述Weex视频播放页。
可选地,其中,所述Native端判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮的步骤,具体包括:
当所述播放器处于全屏状态,所述Native端在判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮。
根据本公开的第二方面,提供了一种用于视频播放的设备,其中,包括:
用于响应于针对覆盖页功能按钮的点击操作,使Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JS Bundle文件的装置,所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容;
用于使所述Native端将所述第一JS Bundle文件预加载至Native App中的装置;
用于使所述Native端创建所述Weex视频覆盖页的装置;
用于使所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示的装置。
根据本公开的第三方面,提供了一种客户端装置,其中,包括根据本公开的第二方面所述的用于视频播放的设备,或者被设计成用于执行根据本公开的第一方面中的任何一项所述的视频播放的方法中的操作。
根据本公开的第四方面,提供了一种电子设备,其中,包括本公开第三方面所述的客户端装置;或者,所述电子设备包括存储器和处理器,所述存储器用于存储指令;所述指令用于控制所述处理器进行操作,以执行如本公开的第一方面中任意一项所述的视频播放的方法。
根据本公开的一个实施例,可以通过Weex技术实现Native视频播放,并在播放器上构建Weex视频覆盖页,实现Weex视频覆盖页的快速打开,提升用户体验。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。
图1示出了根据本公开的实施例的视频播放的方法的流程示意图。
图2示出了根据本公开的实施例的Weex视频播放页创建方法的流程示意图。
图3示出了根据本公开的实施例的客户端装置的示意性框图。
图4示出了根据本公开的实施例的电子设备的示意性框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
下面,参照附图描述根据本公开的各个实施例和例子。
<方法实施例>
图1示出了根据本公开的实施例的视频播放的方法的流程示意图。本实施例的视频播放的方法具体可以由移动终端,如手机、平板电脑等电子设备执行。
如图1所示,在步骤1100,响应于针对覆盖页功能按钮的点击操作,Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JS Bundle文件。
其中,覆盖页功能按钮用于打开所述Weex视频覆盖页。在所述Weex视频覆盖页中,可以承载许多功能需求,例如,可以承载视频推荐列表,实现视频列表的点击播放功能。又例如,可以承载付费视频购买功能,根据用户输入的点击操作,暂停播放视频,引导用户付费购买该视频,在付费成功后继续播放该视频。在此不一一列举。
所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容。例如,所述Weex视频覆盖页中承载视频推荐列表功能,所述待显示内容为视频推荐列表;若所述Weex视频覆盖页中承载付费视频购买功能,所述待显示内容就是与视频付费相关的信息,例如价格、简介、购买链接等。本实施例对此不做具体限定。
在获取所述第一JS Bundle文件后,进入步骤1200,所述Native端将所述第一JSBundle文件预加载至Native App中。
具体地,所述Native端可以通过预加载机制,将所述第一JS Bundle文件预加载至Native App中,以此来实现Weex视频覆盖页的快速打开。
实际应用中,所述Weex视频覆盖页打开后,在顶部会显示一个用于触发页面返回操作的返回按钮,当用户点击该返回按钮时,会触发页面返回操作。响应于针对所述Weex视频覆盖页的页面返回操作,所述Weex视频覆盖页向所述Native端传递页面返回事件;所述Native端根据所述页面返回事件,销毁所述Weex视频覆盖页,并返回到所述Weex视频覆盖页打开前的状态。
在步骤1300,所述Native端创建所述Weex视频覆盖页。
在创建所述Weex视频覆盖页后,进入步骤1400,所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
由于在上述步骤1200中,所述Native端已经将所述第一JS Bundle文件预加载至所述Native App中,因此,在本步骤中,所述Native端可以直接从所述Native App中获取所述第一JS Bundle文件中的待显示内容进行显示。不需要从原生页面跳转至非原生页面,耗时较短,从而实现了Weex视频覆盖页的快速打开,提升了用户体验。
在实际应用的过程中,若用户对所述Weex视频覆盖页中的待显示内容感兴趣,输入了点击操作,则会触发所述Native端执行相应的事件处理操作。
具体的,响应于针对所述待显示内容的点击操作,所述Weex视频覆盖页向所述Native端传递事件消息。所述Native端根据所述事件消息,执行对应的事件处理操作。所述Native端在所述事件处理操作结束后,向所述Weex视频覆盖页传递事件处理结果。所述Weex视频覆盖页根据所述事件处理结果进行更新。
实际应用中当用户点击所述Weex视频覆盖页以外的区域时,会发送exitPage事件给所述Native端,所述Native收到所述exitPage事件后将所述Weex视频覆盖页销毁。
需要说明的是,由于所述Weex视频覆盖页是一个JS文件,在本实施例中,将所述JS文件预先下发到所述Native端来提高打开速度。如果要修改所述Weex视频覆盖页的功能,只需要修改JS文件,并重新下发到所述Native端来实现最新的功能,整个过程不需要要依赖Native发版,灵活性非常高。
在一个例子中,所述Weex视频覆盖页中的待显示内容为视频推荐列表。用户在打开所述Weex视频覆盖页后,对视频推荐列表中的某个视频感兴趣,点击该视频,会触发播放视频事件,以播放该视频。该播放视频事件由所述Weex视频覆盖页传递至所述Native端,所述Native端接收到该播放视频事件后,对该播放视频事件进行解析,并播放对应的视频。
在另一个例子中,所述Weex视频覆盖页中的待显示内容为付费视频。用户在打开所述Weex视频覆盖页后,点击了该付费视频,则所述Weex视频覆盖层会弹出一个提示窗口,引导用户付费购买,如果用户购买成功则继续播放该付费视频。
具体地,如果用户用的是Android设备,则购买行为可以直接在所述Weex覆盖页完成。如果用户使用的是iOS设备,则所述Weex覆盖页需要发一个iap.pay的通知给所述Native端,所述Native端会启动苹果内购流程,完成付费视频的购买,购买成功后所述Native端会向所述Weex覆盖页发送一个iap.onPaymentStateChange通知购买结果。
进一步地,在实际应用中,在创建所述Weex视频覆盖页之前,需要先创建Weex视频播放页,所述覆盖页功能按钮设置在所述Weex视频播放页上。
具体的,如图2所示,创建所述Weex视频播放页的步骤如下:
在步骤2100,响应于针对待播放视频的播放请求,所述Native端创建Weex视频播放页。
需要说明的是,所述Weex视频播放页是播放器的承载页面,其内部内嵌播放器组件,并可以根据当前播放内容为所述播放器组件设置不同的参数值,以实现不同的播放体验。
本步骤中,创建所述Weex视频播放页的方法与上述创建所述Weex视频覆盖页的方法相同。
具体的,所述Native端获取所述待播放视频的URL,并从所述待播放视频的URL中获取第二JS Bundle文件,所述第二JS Bundle文件用于描述所述Weex视频播放页的待显示内容。所述Native端将所述第二JS Bundle文件预加载至所述Native App中。所述Native端创建所述Weex视频播放页。所述Native端从所述Native App中的所述第二JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
在创建所述Weex视频播放页后,进入步骤2200,所述Weex视频播放页创建播放器,设置播放器参数并传递给所述Native端。
其中,播放器是Native视频播放组件在Weex视频播放页的实现,Weex端通过修改播放器参数来实现播放器的播放、暂停等功能。当播放器被初始化时,播放器参数会传递到所述Native端所述Native端通过所述播放器参数值来展示所述Weex视频播放页和所述Weex视频覆盖页。
具体的,所述播放器参数至少包括:视频源、视频对应的h5页面地址、视频标题、配置参数以及播放状态。为了实现连播、定制视频覆盖层等功能,可以在配置参数中增加对应的功能参数。例如,所述配置参数中至少包括视频覆盖页参数及播放列表参数。
将所述播放器参数传递给所述Native端后,进入步骤2300,所述Native端判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮,所述覆盖页功能按钮用于打开所述Weex视频覆盖页。
在一种可行的实现方式中,可以设置当所述播放器处于全屏状态,所述Native端在判断出所述播放器参数中包含视频覆盖页参数时,在所述播放器上显示所述覆盖页功能按钮。即,在所述播放器处于全屏状态时,若所述Native端判断出所述播放器参数中包含所述视频覆盖页参数,在所述Weex视频播放页的底部显示所述覆盖页功能按钮。用户可以通过点击所述覆盖页功能按钮,在当前的播放器窗口上打开一个Weex视频覆盖页。
实际应用中,所述Weex视频播放页打开后,在顶部会显示一个用于触发页面返回操作的返回按钮,当用户点击该返回按钮时,会触发页面返回操作。响应于针对所述Weex视频播放页的页面返回操作,所述Weex视频播放页向所述Native端传递页面返回事件;所述Native端根据所述页面返回事件,销毁所述Weex视频播放页,并返回到所述Weex视频覆盖页打开前的状态。
本实施例的视频播放的方法,通过构建Weex视频播放页、内嵌在Weex视频播放页的播放器以及Weex视频覆盖页,Native端响应于针对覆盖页功能按钮的点击操作,获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取用于描述Weex视频覆盖页的待显示内容的第一JS Bundle文件;并将所述第一JS Bundle文件预加载至Native App中;然后创建所述Weex视频覆盖页;从Native App获取第一JS Bundle文件中的待显示内容,从而实现了Weex视频覆盖页的快速打开,提升了用户体验。
<设备>
本领域技术人员应当理解,在电子技术领域中,可以通过软件、硬件以及软件和硬件结合的方式,将上述方法体现在产品中本领域技术人员很容易基于上面公开的方法,产生一种用于视频播放的设备,所述用于视频播放的设备包括用于执行根据上述实施例的视频播放的方法中的各个操作的装置。例如,所述设备包括:用于响应于针对覆盖页功能按钮的点击操作,使Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JSBundle文件的装置,所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容;用于使所述Native端将所述第一JS Bundle文件预加载至Native App中的装置;用于使所述Native端创建所述Weex视频覆盖页的装置;用于使所述Native端从所述Native App中的所述第一JSBundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示的装置。
本领域技术人员应当明白,可以通过各种方式来实现用于视频播放的设备。例如,可以通过指令配置处理器来实现用于视频播放的设备。例如,可以将指令存储在ROM中,并且当启动设备时,将指令从ROM读取到可编程器件中来实现用于视频播放的设备。例如,可以将用于视频播放的设备固化到专用器件(例如ASIC)中。可以将用于视频播放的设备分成相互独立的单元,或者可以将它们合并在一起实现。用于视频播放的设备可以通过上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。
<客户端装置>
可以在诸如手机、平板电脑等的客户端装置(或客户端应用)中实现根据本公开的至少一个实施例。
图3示出了根据本公开的实施例的客户端装置的示意性框图。如图3所示,客户端装置3000包括视频播放的设备3010。视频播放的设备3010可以是根据上述实施例的用于视频播放的设备。
此外,如前面所述,也可以基于前面所述的方法产生一种客户端装置,它可以被设计成用于执行参照图1~图2所述的实施例的方案中的步骤。
本领域技术人员公知的是,随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势,要明确划分计算机系统软、硬件界限已经显得比较困难了。因为,任何操作可以软件来实现,也可以由硬件来实现。任何指令的执行可以由硬件完成,同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案,取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。对于技术人员来说,软件实现方式和硬件实现方式是等同的。技术人员可以根据需要选择软件或硬件来实现上述方案。因此,这里不对具体的软件或硬件进行限制。
<电子设备>
可以在诸如手机、平板电脑等的电子设备中实现上述实施例中的任何一个。例如,所述电子设备可以包括上述实施例中的用于视频播放的设备或者包括上述实施例中的客户端装置。
此外,图4示出了根据本公开的实施例的电子设备的示意性框图。如图4所示,电子设备4000可以包括处理器4010、存储器4020、接口装置4030、通信装置4040、显示装置4050、输入装置4060、扬声器4070、麦克风4080,等等。
处理器4010例如可以是中央处理器(CPU)、微处理器(MCU)等。存储器4020例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置4030例如包括USB接口、耳机接口等。
通信装置4040例如能够进行有有线或无线通信。
显示装置4050例如是液晶显示屏、触摸显示屏等。输入装置4060例如可以包括触摸屏、键盘等。用户可以通过扬声器4070和麦克风4080输入/输出语音信息。
图4所示的电子设备仅是解释性的,并且决不是为了要限制本发明、其应用或用途。
在这个实施例中,所述存储器4020用于存储指令,所述指令在所述电子设备4000运行时控制所述处理器4010执行前面参照图1~图2所述的视频播放的方法中的操作。本领域技术人员应当理解,尽管在图4中示出了多个装置,但是,本发明可以仅涉及其中的部分装置,例如,处理器4010和存储器4020等。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
本领域技术人员公知的是,随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势,要明确划分计算机系统软、硬件界限已经显得比较困难了。因为,任何操作可以软件来实现,也可以由硬件来实现。任何指令的执行可以由硬件完成,同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案,取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。对于技术人员来说,软件实现方式和硬件实现方式是等同的。技术人员可以根据需要选择软件或硬件来实现上述方案。因此,这里不对具体的软件或硬件进行限制。
本发明可以是设备、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (10)
1.一种视频播放的方法,其中,所述方法包括:
响应于针对覆盖页功能按钮的点击操作,Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JS Bundle文件,所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容;
所述Native端将所述第一JS Bundle文件预加载至Native App中;
所述Native端创建所述Weex视频覆盖页;
所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
2.根据权利要求1所述的方法,其中,所述Native端从所述Native APP中获取所述待显示内容,在所述Weex视频覆盖页中进行显示的步骤之后,所述方法还包括:
响应于针对所述待显示内容的点击操作,所述Weex视频覆盖页向所述Native端传递事件消息;
所述Native端根据所述事件消息,执行对应的事件处理操作;
所述Native端在所述事件处理操作结束后,向所述Weex视频覆盖页传递事件处理结果;
所述Weex视频覆盖页根据所述事件处理结果进行更新。
3.根据权利要求1所述的方法,其中,所述方法还包括:
响应于针对待播放视频的播放请求,所述Native端创建Weex视频播放页;
所述Weex视频播放页创建播放器,设置播放器参数并传递给所述Native端;
所述Native端判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮,所述覆盖页功能按钮用于打开所述Weex视频覆盖页。
4.根据权利要求3所述的方法,其中,所述Native端创建Weex视频播放页的步骤,包括:
所述Native端获取所述待播放视频的URL,并从所述待播放视频的URL中获取第二JSBundle文件,所述第二JS Bundle文件用于描述所述Weex视频播放页的待显示内容;
所述Native端将所述第二JS Bundle文件预加载至所述Native App中;
所述Native端创建所述Weex视频播放页;
所述Native端从所述Native App中的所述第二JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示。
5.根据权利要求3所述的方法,其中,所述播放器参数至少包括:视频源、视频对应的h5页面地址、视频标题、配置参数以及播放状态;
其中,所述配置参数中至少包括视频覆盖页参数及播放列表参数。
6.根据权利要求3所述的方法,其中,所述方法还包括:
响应于针对所述Weex视频播放页的页面返回操作,所述Weex视频播放页向所述Native端传递页面返回事件;
所述Native端根据所述页面返回事件,销毁所述Weex视频播放页。
7.根据权利要求3所述的方法,其中,所述Native端判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮的步骤,具体包括:
当所述播放器处于全屏状态,所述Native端在判断出所述播放器参数中包含视频覆盖页时,在所述播放器上显示所述覆盖页功能按钮。
8.一种用于视频播放的设备,其中,包括:
用于响应于针对覆盖页功能按钮的点击操作,使Native端获取视频覆盖层的URL,并从所述视频覆盖层的URL中获取第一JS Bundle文件的装置,所述第一JS Bundle文件用于描述Weex视频覆盖页的待显示内容;
用于使所述Native端将所述第一JS Bundle文件预加载至Native App中的装置;
用于使所述Native端创建所述Weex视频覆盖页的装置;
用于使所述Native端从所述Native App中的所述第一JS Bundle文件中获取所述待显示内容,在所述Weex视频覆盖页中进行显示的装置。
9.一种客户端装置,其中,包括根据权利要求8所述的用于视频播放的设备,或者被设计成用于执行根据权利要求1-7中的任何一项所述的视频播放的方法中的操作。
10.一种电子设备,其中,包括权利要求9所述的客户端装置;或者,所述电子设备包括存储器和处理器,所述存储器用于存储指令;所述指令用于控制所述处理器进行操作,以执行如权利要求1-7中任意一项所述的视频播放的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811327423.9A CN111158678B (zh) | 2018-11-08 | 2018-11-08 | 视频播放的方法、设备、客户端装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811327423.9A CN111158678B (zh) | 2018-11-08 | 2018-11-08 | 视频播放的方法、设备、客户端装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111158678A true CN111158678A (zh) | 2020-05-15 |
CN111158678B CN111158678B (zh) | 2023-05-05 |
Family
ID=70555182
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811327423.9A Active CN111158678B (zh) | 2018-11-08 | 2018-11-08 | 视频播放的方法、设备、客户端装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111158678B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113626130A (zh) * | 2021-10-14 | 2021-11-09 | 中航信移动科技有限公司 | 视频应用程序的处理方法、装置、计算机设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120139940A1 (en) * | 2010-12-02 | 2012-06-07 | Philippe Chavanne | Video Overlay Techniques |
WO2015197013A1 (zh) * | 2014-06-27 | 2015-12-30 | 贝壳网际(北京)安全技术有限公司 | 一种视频播放应用程序的视频播放方法及装置 |
CN106792089A (zh) * | 2016-12-15 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 视频播放方法和装置 |
CN107948740A (zh) * | 2017-10-30 | 2018-04-20 | 广州虎牙信息科技有限公司 | 视频播放控制方法、装置及终端 |
CN108153588A (zh) * | 2016-12-06 | 2018-06-12 | 阿里巴巴集团控股有限公司 | 一种页面导航方法及装置、一种内存分配方法及装置 |
CN108170497A (zh) * | 2016-12-05 | 2018-06-15 | 阿里巴巴集团控股有限公司 | 一种页面渲染的方法及装置 |
-
2018
- 2018-11-08 CN CN201811327423.9A patent/CN111158678B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120139940A1 (en) * | 2010-12-02 | 2012-06-07 | Philippe Chavanne | Video Overlay Techniques |
WO2015197013A1 (zh) * | 2014-06-27 | 2015-12-30 | 贝壳网际(北京)安全技术有限公司 | 一种视频播放应用程序的视频播放方法及装置 |
CN108170497A (zh) * | 2016-12-05 | 2018-06-15 | 阿里巴巴集团控股有限公司 | 一种页面渲染的方法及装置 |
CN108153588A (zh) * | 2016-12-06 | 2018-06-12 | 阿里巴巴集团控股有限公司 | 一种页面导航方法及装置、一种内存分配方法及装置 |
CN106792089A (zh) * | 2016-12-15 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 视频播放方法和装置 |
CN107948740A (zh) * | 2017-10-30 | 2018-04-20 | 广州虎牙信息科技有限公司 | 视频播放控制方法、装置及终端 |
Non-Patent Citations (2)
Title |
---|
XIAO-KANG XIA 等: "Realization of Cross - platform Minority Language Translation System Based on H5" * |
呙森林 等: "Weex 跨平台开发方案研究与应用" * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113626130A (zh) * | 2021-10-14 | 2021-11-09 | 中航信移动科技有限公司 | 视频应用程序的处理方法、装置、计算机设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111158678B (zh) | 2023-05-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107451162B (zh) | 网络资源访问设备、混合设备及方法 | |
KR20160123377A (ko) | 크리에이티브의 랜딩 페이지와 함께 기능적 확장들을 제공하는 방법들 및 시스템들 | |
CN107168780B (zh) | 虚拟现实场景的加载方法、设备及虚拟现实设备 | |
CN113190314B (zh) | 互动内容生成方法、装置、存储介质及电子设备 | |
CN110088788B (zh) | 数字媒体内容相关事件的个性化日历 | |
CN108876431B (zh) | 用户权益的管理方法及装置 | |
EP4300980A1 (en) | Video processing method and apparatus, and electronic device and storage medium | |
CN102255951A (zh) | 资产可解析书签 | |
WO2017105542A1 (en) | Video player framework for a media distribution and management platform | |
CN111930973A (zh) | 多媒体数据的播放方法、装置、电子设备及存储介质 | |
CN113221040B (zh) | 用于展示评论信息的方法及相关装置 | |
CN108256894B (zh) | 广告展示控制方法、设备、服务器及客户端 | |
CN108449255B (zh) | 评论交互方法、设备、客户端装置及电子设备 | |
CN112925463A (zh) | 信息流的发布处理方法、装置、介质及电子设备 | |
CN110781349A (zh) | 用于短视频生成的方法、设备、客户端装置及电子设备 | |
CN115190366B (zh) | 一种信息展示方法、装置、电子设备、计算机可读介质 | |
US20200066304A1 (en) | Device-specific video customization | |
CN112801684A (zh) | 广告的播放方法及装置 | |
CN111125480A (zh) | 背景音乐的播放方法、设备、客户端装置及电子设备 | |
CN111818279A (zh) | 字幕的生成方法、展示方法及交互方法 | |
CN111158802B (zh) | 音频播放的方法、设备、客户端装置及电子设备 | |
CN111158678B (zh) | 视频播放的方法、设备、客户端装置及电子设备 | |
CN110753246A (zh) | 视频播放方法、客户端、服务器及系统 | |
JP2021056989A (ja) | 音声スキル推薦方法、装置、機器及び記憶媒体 | |
CN111104545A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |