CN111405377A - 一种视频播放方法、装置、电子设备和存储介质 - Google Patents

一种视频播放方法、装置、电子设备和存储介质 Download PDF

Info

Publication number
CN111405377A
CN111405377A CN202010196783.0A CN202010196783A CN111405377A CN 111405377 A CN111405377 A CN 111405377A CN 202010196783 A CN202010196783 A CN 202010196783A CN 111405377 A CN111405377 A CN 111405377A
Authority
CN
China
Prior art keywords
video
playing
page
screen
full
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
CN202010196783.0A
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.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology 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 Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN202010196783.0A priority Critical patent/CN111405377A/zh
Publication of CN111405377A publication Critical patent/CN111405377A/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/485—End-user interface for client configuration
    • 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
    • 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/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438—Window management, e.g. event handling following interaction with the user interface
    • 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/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种视频播放方法、装置、电子设备和存储介质，涉及小程序技术领域。具体实现方案为：在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态；响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。通过创造性地提出了新的小程序播放状态切换机制，在新机制下处于全屏播放窗口能够保留视频播放页面信息，从而在全屏播放状态下能够根据用户操作对视频播放信息进行控制，新机制下小程序无需频繁切换播放状态，提高了小程序的响应速度。

Description

一种视频播放方法、装置、电子设备和存储介质
技术领域
本申请实施例涉及计算机技术领域，尤其涉及小程序技术领域，具体涉及一种视频播放方法、装置、电子设备和存储介质。
背景技术
随着计算机技术的不断发展，各种应用走进了人们日常生活中，而小程序作为一种不需要下载安装即可使用的应用，广泛应用于工作生活的各个领域。
在应用小程序播放视频过程中，用户有视频播放信息控制需求例如有切换视频需求时，需要小程序在全屏播放状态和半屏播放状态之间频繁切换，导致小程序响应速度慢。
发明内容
本申请实施例公开一种视频播放方法、装置、电子设备和存储介质，可以提高小程序的响应速度。
第一方面，本申请实施例公开了一种视频播放方法，由小程序执行，所述方法包括：
在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态；
响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
上述申请中的一个实施例具有如下优点或有益效果：在监测到小程序的全屏播放事件时，通过对小程序的页面容器进行调整，使得页面容器展示的视频播放页面处于全屏播放状态，即创造性地提出了新的小程序播放状态切换机制，在新机制下处于全屏播放状态的小程序视频播放窗口能够保留视频播放页面信息，从而在全屏播放状态下能够根据用户操作对视频播放信息进行控制，新机制下小程序无需频繁切换播放状态，提高了小程序的响应速度。
另外，根据本申请上述实施例的视频播放方法，还可以具有如下附加的技术特征：
可选的，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态，包括：
对所述页面容器进行旋转，且根据屏幕尺寸调整所述页面容器的尺寸，使所述页面容器展示的视频播放页面处于全屏播放状态。
上述申请中的一个实施例具有如下优点或有益效果：在新的小程序播放状态切换机制下，通过对页面容器本身进行方向和尺寸调整，使页面容器展示的视频播放页面处于全屏播放状态，使得全屏播放状态下的视频播放窗口不仅包括播放器信息，还包括视频播放页面信息。
可选的，在监测到全屏播放事件时，还对小程序的原生控件、小程序的网页控件和小程序所属设备的设备控件中的至少一项进行隐藏。
上述申请中的一个实施例具有如下优点或有益效果：在新的小程序播放状态切换机制下，支持小程序业务方通过网页形式自定义业务控件，并且在播放状态切换过程中，通过对小程序的原生控件、网页控件和设备控件进行同步控制，能够避免控件冲突。
可选的，所述方法还包括：
在监测到全屏播放事件时，还调整所述视频播放页面中控件样式。
上述申请中的一个实施例具有如下优点或有益效果：在新的小程序播放状态切换机制下，在播放状态切换过程中能够调整视频播放页面中控件样式，使得控件样式与播放状态适配。
可选的，响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制，包括：
响应于用户在所述视频播放页面上的滑动操作，控制所述视频播放页面进行视频切换。
上述申请中的一个实施例具有如下优点或有益效果：在新的小程序播放状态切换机制下，在全屏播放状态过程中用户通过在视频播放页面上滑动即可实现视频切换，提高了视频切换响应速度，简化了视频切换操作，使得用户无需频繁地手动切换视频播放状态，提升了用户体验。
可选的，所述视频播放页面用于展示视频推荐列表中的视频项，且展示的每一所述视频项均具有播放器；
相应地，控制所述视频播放页面进行视频切换，包括：
通过切换所述视频推荐列表中的视频项，控制所述视频播放页面进行视频切换。
上述申请中的一个实施例具有如下优点或有益效果：在新的小程序播放状态切换机制下，通过复用视频推荐列表相关组件实现视频切换，可以提高视频切换效率和小程序开发效率。
可选的，响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制之前，还包括：
禁用所述小程序的参数滑动调节手势；其中，所述参数为音量和/或亮度。
可选的，所述视频播放页面包括参数调节控件；
相应地，所述对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态之后，还包括：
响应于用户对所述参数调节控件的触控操作，在所述视频播放页面上展示参数调节悬浮窗口，用于调节视频播放参数。
上述申请中的一个实施例具有如下优点或有益效果：通过禁用小程序的参数滑动调节手势避免参数调节与视频切换手势冲突，并且视频播放页面中的参数调节控件和参数调节悬浮窗口使得用户能够进行参数调节。
可选的，在检测到用户点击所述小程序的全屏切换按钮时，产生所述全屏播放事件；或者，
在检测到所述小程序所属设备的屏幕方向切换为横屏状态时，产生所述全屏播放事件。
上述申请中的一个实施例具有如下优点或有益效果：用户通过点击全屏切换按钮或旋转设备方向使小程序进入全屏播放，使用户对播放状态切换底层机制无感知，能够保持用户与小程序的交互效率。
第二方面，本申请实施例公开了一种视频播放装置，配置于小程序中，所述装置包括：
页面容器调整模块，用于在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态；
视频控制模块，用于响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
第三方面，本申请实施例提供了一种电子设备，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请任意实施例所述的视频播放方法。
第四方面，本申请实施例提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行本申请任意实施例所述的视频播放方法。
上述可选方式所具有的其他效果将在下文中结合具体实施例加以说明。
附图说明
附图用于更好地理解本方案，不构成对本申请的限定。其中：
图1a是根据本申请第一实施例的一种视频播放方法的流程图；
图1b是根据本申请第一实施例的一种全屏播放窗口示意图；
图1c是根据本申请第一实施例的一种半屏播放窗口示意图；
图2是根据本申请第二实施例的一种视频播放方法的流程图；
图3a是根据本申请第三实施例的一种视频播放方法的流程图；
图3b是根据本申请第三实施例的一种全屏播放窗口示意图；
图3c是根据本申请第三实施例的又一种全屏播放窗口示意图；
图3d是根据本申请第三实施例的又一种全屏播放窗口示意图；
图3e是根据本申请第三实施例的另一种全屏播放窗口示意图；
图4是根据本申请第四实施例的一种视频播放方法的流程图；
图5是根据本申请第五实施例的一种视频播放装置的结构图；
图6是用来实现本申请实施例的视频播放方法的电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
第一实施例
图1a是根据本申请第一实施例的一种视频播放方法的流程图，本实施例可适用于视频类小程序在全屏播放状态下，根据用户需求对视频播放信息进行控制的情况，该方法可由配置于小程序的视频播放装置来执行，该装置采用软件和/或硬件的方式实现，优选是配置于电子设备。如图1a所示，该方法具体包括如下：
S110、在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态。
本申请实施例中，全屏播放事件用于触发视频类小程序由半屏播放状态切换到全屏播放状态。视频类小程序包括小程序框架(即原生)部分和小程序业务(即网页)部分。其中小程序框架由诸如百度小程序、支付宝小程序和微信小程序之类的小程序平台提供，小程序业务部分由诸如爱奇艺、优酷和好看视频之类的视频业务方提供。
小程序框架包括webview(网页容器)和video(视频)之类的原生组件，网页容器用于对业务方提供的视频播放页面进行渲染且展示视频播放页面，即视频播放业务是网络页面而不是原生页面；视频组件用于为视频播放页面提供播放器。
现有技术中，小程序在全屏播放状态下，只有视频元素可以充满屏幕，视频播放窗口(window)中没有除视频元素之外的其他元素，因此现有小程序在全部播放状态下，屏幕只能展示视频播放器，不能展示其他原生元素，更不能展示网页元素。
本申请实施例创造性地提出了新的小程序播放状态切换机制，在新机制下，通过对页面容器本身进行调整，即对页面容器本身进行状态切换，使页面容器展示的视频播放页面处于全屏播放状态，即小程序处于全屏播放状态过程中，视频播放窗口能够展示页面容器本身的元素和网页元素，使得视频播放窗口能够保留页面容器本身的交互信息和业务方网页的交互信息。参考图1b，在新机制下，全屏播放窗口不仅可以展示视频播放界面还可以展示控件等交互信息。需要说明的是，本申请实施例对交互方式不做具体限定，例如全屏播放窗口无需展示交互控件，也可以支持滑动进行视频切换。
S120、响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
在本申请实施例中，视频播放信息可以为播放的视频项本身，即小程序在全屏状态下能够切换视频项；视频播放信息也可以为视频的播放进度、视频播放参数或者视频观看评价信息等。
在新机制下，由于对页面容器本身进行调整，因而全屏播放窗口保留有网页容器信息和业务方网页的信息，支持用户通过视频播放网页上的触控操作，或视频播放网页上交互控件的操作，对视频播放信息进行控制。交互控件可以由网页容器提供，也可以由业务方根据需要设置。具体的，用户可以通过视频播放网页上的交互控件，对视频进行点赞、评论和分享之类的操作；用户还可以通过在视频播放网页上的手势操作控制视频切换。
由于新机制下，全屏播放窗口保留有网页容器和业务方网页的信息，从而能够保留有交互信息，支持用户通过交互信息控制视频播放信息，提高了小程序的响应速度，避免了用户有视频控制需求时频繁切换播放状态。
本实施例的技术方案，创造性地提出了新的小程序播放状态切换机制，在新播放状态切换机制下，在监测到小程序的全屏播放事件时，通过对小程序的页面容器进行调整，使得视频播放窗口能够保留视频播放页面信息，从而在全屏播放状态下能够根据用户操作进行视频切换、调节视频播放参数或对视频进行评论、分享、点赞之类的交互操作。提高了小程序的响应速度，并且避免用户在观看过程中频繁切换播放状态，提升用户观看体验，使得用户能够沉浸式观看视频。
可选的，视频播放页面用于展示视频推荐列表中的视频项，且展示的每一所述视频项均具有播放器。参考图1c，半屏播放窗口中可以展示有视频推荐列表中至少两个视频项，且展示的每一视频项均具有播放器。在半屏播放窗口中可以播放展示的每一视频项；半屏播放窗口还可以展示视频发布者、视频热度或页面广告等其他元素。参考图1b，全屏播放窗口可以展示视频推荐列表中的一个视频项。需要说明的是，在视频切换过程中全屏播放窗口也可以同时展示视频推荐列表中的两个视频项，将在第三实施例进一步说明。通过视频窗口通过复用视频推荐列表组件(原生组件)展示视频，可以提高小程序开发效率，也可以提高视频切换效率。
可选的，在检测到用户点击所述小程序的全屏切换按钮时，产生所述全屏播放事件。
可选的，在检测到所述小程序所属设备的屏幕方向切换为横屏状态时，产生所述全屏播放事件。
用户通过点击全屏切换按钮或旋转设备方向使小程序进入全屏播放，使用户对播放状态切换底层机制无感知，能够保持用户与小程序的交互效率。
可选的，在监测到全屏播放事件时，还调整所述视频播放页面中控件样式。
其中，小程序中预先提供有半屏控件样式和全屏控件样式，半屏控件样式用于确定半屏播放窗口中控件布局，全屏控件样式用于确定全屏播放窗口中控件布局，二者包括的控件项、控件位置和控制样式均可以不同。
第二实施例
图2是根据本申请第二实施例的一种视频播放方法的流程图。本实施例在上述第一实施例的基础上，进一步对调整页面容器进行解释说明。参考图2所示，该方法具体包括如下：
S210、在监测到全屏播放事件时，对所述页面容器进行旋转，且根据屏幕尺寸调整所述页面容器的尺寸，使所述页面容器展示的视频播放页面处于全屏播放状态。
在本申请实施例中，小程序框架支持对页面容器本身进行调整。具体的，小程序框架可以支持页面容器横向，即设备的主页(Home)键或虚拟主页键朝左或右；也可以支持页面容器纵向，即设备的主页键或虚拟主页键朝顶部或底部，使得页面容器本身，以及页面容器展示的视频播放页面可以横向或纵向展示。
新机制下，小程序框架还支持对页面容器进行尺寸调整。全屏播放窗口的尺寸与屏幕尺寸一致，即全屏播放窗口的宽度和高度均分辩与屏幕的宽度和高度一致；半屏播放窗口的宽度与屏幕宽度一致，高度小于屏幕高度。
新机制下小程序的全屏视频窗口复用半屏视频窗口实现，使全屏视频窗口能够保留半屏视频窗口中的网页信息，从而能够保留业务控件等交互信息。
现有小程序中，小程序的全屏视频窗口与小程序的半屏视频窗口为两个独立窗口，全屏视频窗口中只保留视频组件元素，没有业务方的网页信息，因而无法通过网页信息与用户交互；如果用户需要通过网页信息进行交互，需要先切换到半屏视频窗口进行交互之后，再切换回全屏视频窗口继续观看，用户需求的响应速度慢，操作繁琐，使得用户无法沉浸式观看视频。
需要说明的是，小程序框架可以为页面容器新增播放状态切换接口，该接口支持页面容器自身的横屏和竖屏切换，使得全屏播放窗口能够保留页面容器本身的控件，从而支持全屏播放模式下视频控制操作。另外，该接口也提供有修改页面容器的尺寸功能，该接口还可以提供隐藏冲突控件功能。
可选的，在监测到全屏播放事件时，还对小程序的原生控件、小程序的网页控件和小程序所属设备的设备控件中的至少一项进行隐藏。
在本申请实施例中，原生控件是指小程序框架采用原生开发语言提供的控件，例如小程序的标签栏、导航栏和胶囊菜单栏；小程序的网页控件是指小程序业务方在网页容器所渲染的视频播放页面中提供的网页控件。网页控件可以根据业务方需求设置。设备控件包括设备操作系统的状态栏和虚拟导航键等。
在新机制下，全屏播放窗口支持业务方提供的网页控件，并且可以对网页控件和原生控件同步进行处理，以避免控件冲突。控件冲突可以包括控件位置冲突即不同控件的位置不交叠，也可以包括控件的功能冲突即不同控件功能不同。
S220、响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
具体的，基于小程序框架支持的原生交互操作和/或业务方支持的网页交互操作，对视频播放信息进行控制。
本实施例的技术方案，在新播放状态切换机制下，通过对页面容器进行旋转，且调整页面容器尺寸使页面容器展示的视频播放页面处于全屏播放状态，即全屏播放窗口与半屏播放窗口复用同一窗口，使得全屏播放窗口能够保留网页信息，从而提高小程序的响应速度。另外，全屏播放窗口还支持业务方自定义网页控件，且能够对网页控件、原生控件和设备控件同步控制，以避免控件冲突。
第三实施例
图3a是根据本申请第三实施例的一种视频播放方法的流程图。本实施例在上述第一实施例和第二实施例的基础上，进一步对全屏播放窗口的视频控制信息进行说明。参考图3a所示，该方法具体包括如下：
S310、在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态。
可选的，视频播放页面用于展示视频推荐列表中的视频项，且展示的每一所述视频项均具有播放器。
S320、响应于用户在所述视频播放页面上的滑动操作，控制所述视频播放页面进行视频切换。
具体的，用户在全屏观看视频过程中，如果有视频切换需求，可以在视频播放页面上执行滑动操作。小程序检测到滑动操作后，控制全屏视频播放窗口进行视频切换。图3b-图3d是根据本申请第三实施例的全屏播放窗口示意图。结合图3b-图3d，在用户观看第一视频过程中，通过向下滑动操作，可以切换到第二视频，并且在第一视频和第二视频切换过程中展示上下滑动效果，例如图3c可以同时看到第一视频和第二视频。相应地，用户也可以通过向上滑动操作切换到上一视频，在此不再赘述。
在全屏播放窗口中，用户通过在视频播放页面上滑动即可实现视频切换，提高了视频切换响应速度，简化了视频切换操作，使得用户无需频繁地手动切换视频播放状态，提升了用户体验。
可选的，控制所述视频播放页面进行视频切换包括：通过切换所述视频推荐列表中的视频项，控制所述视频播放页面进行视频切换。通过复用视频推荐列表组件进行视频切换，能够提高视频切换效率，并且无需重新开发视频切换功能，可以提高小程序开发效率。
可选的，响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制之前，还包括：
禁用所述小程序的参数滑动调节手势；其中，所述参数为音量和/或亮度。
为了避免手势冲突，在通过滑动手势切换视频之前，还禁用小程序的参数滑动调节手势。其中参数可以为音量和/或亮度。
可选的，所述视频播放页面包括参数调节控件；
相应地，所述对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态之后，还包括：
响应于用户对所述参数调节控件的触控操作，在所述视频播放页面上展示参数调节悬浮窗口，用于调节视频播放参数。其中参数可以为音量和/或亮度。
参考图3e，全屏播放窗口还提供有参数调节控件，参数为音量和/或亮度。用户点击参数调节控件之后，在所述视频播放页面上可以展示参数调节悬浮窗口，具体的可以分别展示音量调节进度条和/或亮度调节进度条。
通过禁用小程序的参数滑动调节手势避免参数调节与视频切换手势冲突，并且视频播放页面中的参数调节控件和参数调节悬浮窗口使得用户能够进行参数调节。
本实施例的技术方案，在新的小程序播放状态切换机制下，用户通过全屏播放窗口上滑动即可实现视频切换，提高了视频切换响应速度，简化了视频切换操作，使得用户无需频繁地手动切换视频播放状态，提升了用户体验。并且，还全屏播放窗口还支持音量和/或亮度调节。另外，通过复用视频推荐列表组件进行视频切换，能够提高视频切换效率，并且无需重新开发视频切换功能，可以提高小程序开发效率。
第四实施例
本实施例在上述实施例基础上，提供了一种视频播放方法的具体实施方式。图4是根据本申请第四实施例的一种视频播放方法的流程图。参考图4，该方法包括：
S410、小程序开发者在小程序框架提供的视频组件上配置机制属性(customEnterExitFullScreen)取值为是，使得小程序采用上述实施例提供的新播放状态切换机制。
其中，小程序开发者是指小程序的业务方开发者，例如爱奇艺小程序的研发人员。
需要说明的是，新机制属性的取值也可以为否，使小程序采用传统播放状态切换机制，即全屏播放窗口只保留视频组件元素。
S420、开发者禁用滑动音频调节手势和滑动亮度调节手势。
S430、开发者在视频组件上自定义参数调节控件和参数调节悬浮窗口，且设置参数调节控件在半屏播放窗口隐藏，在全屏播放窗口展示。
参数调节悬浮窗口在用户点击参数调节控件时展示。
S440、小程序开发者还定义视频播放页面中视频推荐列表的半屏样式和全屏样式。
具体的，半屏样式中播放器宽度和屏幕宽度一致，播放器高度小于屏幕高度；全屏样式中播放器宽度和屏幕宽度一致，播放器高度和屏幕高度一致。小程序默认处于半屏播放状态，即默认采用半屏样式。
S450、在小程序检测到用户点击全屏按钮或设备切换到横屏状态时，产生全屏播放事件。
具体的，在小程序框架检测到用户点击全屏按钮时，向开发者发送全屏按钮点击(fullscreenbtnclick)事件；在小程序框架检测到设备切换到横屏状态时，向开发者发送设备方向变化(deviceOrientationChange)事件。开发者用来触发小程序框架中网页容器调整。
S460、开发者调用小程序框架提供的网页容器的状态切换接口(swan.requestFullScreen)。通过网页容器状态切换接口调整网页容器的方向、修改网页容器的尺寸，并且隐藏原生控件、网页控件和设备控件。
S470、开发者还调用控件布局调整接口(changeVideoControlMode)将控件样式修改为全屏控制样式。
S480、全屏播放窗口还展示小程序框架提供的音量亮度调节控件。
在用户点击音量亮度调节控件时，还在全屏播放窗口上悬浮展示亮度调节进度条和音量调节进度条，用于用户进行音量和亮度调节。
S490、响应于用户在全屏播放窗口的滑动操作，切换视频。
本实施例的技术方案，小程序框架预先提供网页容器状态切换接口用于对网页容器进行方向和尺寸调整，还用于隐藏冲突控件。小程序开发者通过控制网页容器的机制属性取值，选择采用新播放状态切换机制还是采用原播放状态切换机制。新机制下，全屏播放窗口能够保留网页信息，例如可以保留视频元素和视频推荐列表，从而可以直接在播放器上滑动切换视频。也就是说，新机制下全屏播放状态能够连续播放视频，视频类智能小程序均可受益，提升用户沉浸式的播放体验。
第五实施例
图5是根据本申请第五实施例的一种视频播放装置的结构图，本实施例可适用于视频类小程序在全屏播放状态下，根据用户需求对视频播放信息进行控制的情况，该装置可实现本申请任意实施例所述的视频播放方法。
该装置500具体包括如下：
页面容器调整模块510，用于在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态；
视频控制模块520，用于响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
可选的，页面容器调整模块510具体用于：
对所述页面容器进行旋转，且根据屏幕尺寸调整所述页面容器的尺寸，使所述页面容器展示的视频播放页面处于全屏播放状态。
可选的，所述装置还包括：
控件隐藏模块，用于在监测到全屏播放事件时，还对小程序的原生控件、小程序的网页控件和小程序所属设备的设备控件中的至少一项进行隐藏。
可选的，所述装置还包括：
控件样式调整模块，用于在监测到全屏播放事件时，还调整所述视频播放页面中控件样式。
可选的，视频控制模块520具体用于：
响应于用户在所述视频播放页面上的滑动操作，控制所述视频播放页面进行视频切换。
可选的，所述视频播放页面用于展示视频推荐列表中的视频项，且展示的每一所述视频项均具有播放器；
相应地，视频控制模块520具体用于：
通过切换所述视频推荐列表中的视频项，控制所述视频播放页面进行视频切换。
可选的，所述装置还包括：
滑动手势禁用模块，用于禁用所述小程序的参数滑动调节手势；其中，所述参数为音量和/或亮度。
可选的，所述视频播放页面包括参数调节控件；
相应地，所述装置还包括：
参数调节模块，用于响应于用户对所述参数调节控件的触控操作，在所述视频播放页面上展示参数调节悬浮窗口，用于调节视频播放参数。
可选的，所述装置还包括全屏事件生成模块，用于：
在检测到用户点击所述小程序的全屏切换按钮时，产生所述全屏播放事件；或者，
在检测到所述小程序所属设备的屏幕方向切换为横屏状态时，产生所述全屏播放事件。
本实施例的技术方案，创造性地提出了新的小程序播放状态切换机制，在新播放状态切换机制下，在监测到小程序的全屏播放事件时，通过对小程序的页面容器进行调整，使得视频播放窗口能够保留视频播放页面信息，从而在全屏播放状态下能够根据用户操作进行视频切换、调节视频播放参数或对视频进行评论、分享、点赞之类的交互操作。提高了小程序的响应速度，并且避免用户在观看过程中频繁切换播放状态，提升用户观看体验，使得用户能够沉浸式观看视频。
第六实施例
根据本申请的实施例，本申请还提供了一种电子设备和一种可读存储介质。
如图6所示，是根据本申请实施例的视频播放的方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图6所示，该电子设备包括：一个或多个处理器601、存储器602，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器601为例。
存储器602即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的视频播放的方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的视频播放的方法。
存储器602作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的视频播放的方法对应的程序指令/模块(例如，附图5所示的页面容器调整模块510和视频控制模块520)。处理器601通过运行存储在存储器602中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的视频播放的方法。
存储器602可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据视频播放的电子设备的使用所创建的数据等。此外，存储器602可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器602可选包括相对于处理器601远程设置的存储器，这些远程存储器可以通过网络连接至视频播放的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
视频播放的方法的电子设备还可以包括：输入装置603和输出装置604。处理器601、存储器602、输入装置603和输出装置604可以通过总线或者其他方式连接，图6中以通过总线连接为例。
输入装置603可接收输入的数字或字符信息，以及产生与视频播放的电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置604可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、互联网和区块链网络。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
根据本申请实施例的技术方案，创造性地提出了新的小程序播放状态切换机制，在新播放状态切换机制下，在监测到小程序的全屏播放事件时，通过对小程序的页面容器进行调整，使得视频播放窗口能够保留视频播放页面信息，从而在全屏播放状态下能够根据用户操作进行视频切换、调节视频播放参数或对视频进行评论、分享、点赞之类的交互操作。提高了小程序的响应速度，并且避免用户在观看过程中频繁切换播放状态，提升用户观看体验，使得用户能够沉浸式观看视频。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。
上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (12)

1.一种视频播放方法，其特征在于，由小程序执行，所述方法包括：
在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态；
响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
2.根据权利要求1所述的方法，其特征在于，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态，包括：
对所述页面容器进行旋转，且根据屏幕尺寸调整所述页面容器的尺寸，使所述页面容器展示的视频播放页面处于全屏播放状态。
3.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在监测到全屏播放事件时，还对小程序的原生控件、小程序的网页控件和小程序所属设备的设备控件中的至少一项进行隐藏。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在监测到全屏播放事件时，还调整所述视频播放页面中控件样式。
5.根据权利要求1所述的方法，其特征在于，响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制，包括：
响应于用户在所述视频播放页面上的滑动操作，控制所述视频播放页面进行视频切换。
6.根据权利要求5所述的方法，其特征在于，所述视频播放页面用于展示视频推荐列表中的视频项，且展示的每一所述视频项均具有播放器；
相应地，控制所述视频播放页面进行视频切换，包括：
通过切换所述视频推荐列表中的视频项，控制所述视频播放页面进行视频切换。
7.根据权利要求5所述的方法，其特征在于，响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制之前，还包括：
禁用所述小程序的参数滑动调节手势；所述参数为音量和/或亮度。
8.根据权利要求7所述的方法，其特征在于，所述视频播放页面包括参数调节控件；
相应地，所述对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态之后，还包括：
响应于用户对所述参数调节控件的触控操作，在所述视频播放页面上展示参数调节悬浮窗口，用于调节视频播放参数。
9.根据权利要求1所述的方法，其特征在于，
在检测到用户点击所述小程序的全屏切换按钮时，产生所述全屏播放事件；或者，
在检测到所述小程序所属设备的屏幕方向切换为横屏状态时，产生所述全屏播放事件。
10.一种视频播放装置，其特征在于，配置于小程序中，所述装置包括：
页面容器调整模块，用于在监测到全屏播放事件时，对页面容器进行调整使所述页面容器展示的视频播放页面处于全屏播放状态；
视频控制模块，用于响应于用户在所述视频播放页面上的触控操作，对视频播放信息进行控制。
11.一种电子设备，其特征在于，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。
12.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-9中任一项所述的方法。
CN202010196783.0A 2020-03-19 2020-03-19 一种视频播放方法、装置、电子设备和存储介质 Pending CN111405377A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010196783.0A CN111405377A (zh) 2020-03-19 2020-03-19 一种视频播放方法、装置、电子设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010196783.0A CN111405377A (zh) 2020-03-19 2020-03-19 一种视频播放方法、装置、电子设备和存储介质

Publications (1)

Publication Number Publication Date
CN111405377A true CN111405377A (zh) 2020-07-10

Family

ID=71413634

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010196783.0A Pending CN111405377A (zh) 2020-03-19 2020-03-19 一种视频播放方法、装置、电子设备和存储介质

Country Status (1)

Country Link
CN (1) CN111405377A (zh)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112632322A (zh) * 2020-11-30 2021-04-09 北京达佳互联信息技术有限公司 一种视频切换方法、装置、电子设备和存储介质
CN112650401A (zh) * 2020-12-24 2021-04-13 北京百度网讯科技有限公司 信息轮播方法、装置、电子设备及存储介质
CN112685599A (zh) * 2020-12-29 2021-04-20 北京达佳互联信息技术有限公司 视频推荐方法及装置
CN112861057A (zh) * 2021-02-10 2021-05-28 北京百度网讯科技有限公司 基于小程序的页面渲染方法、装置、设备及存储介质
CN113141529A (zh) * 2021-04-25 2021-07-20 聚好看科技股份有限公司 显示设备及媒资播放方法
CN113805827A (zh) * 2021-09-14 2021-12-17 北京百度网讯科技有限公司 一种投屏展示方法、装置、电子设备及存储介质
CN113891110A (zh) * 2021-09-27 2022-01-04 武汉斗鱼网络科技有限公司 一种信息展示方法及相关设备
CN115225952A (zh) * 2022-07-22 2022-10-21 腾讯科技（深圳）有限公司 视频的播放控制方法、装置、电子设备、存储介质及产品
CN115237299A (zh) * 2022-06-29 2022-10-25 北京优酷科技有限公司 播放页面切换方法及终端设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6952221B1 (en) * 1998-12-18 2005-10-04 Thomson Licensing S.A. System and method for real time video production and distribution
CN102301736A (zh) * 2011-07-06 2011-12-28 华为技术有限公司 视频播放内容切换的方法、装置及移动终端
CN104796785A (zh) * 2015-03-31 2015-07-22 北京奇虎科技有限公司 应用程序内的视频播放方法及装置
CN109640158A (zh) * 2019-02-02 2019-04-16 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质
CN109842818A (zh) * 2019-01-02 2019-06-04 平安科技（深圳）有限公司 一种视频播放方法、装置、计算机设备及存储介质
CN110083413A (zh) * 2019-03-13 2019-08-02 维沃移动通信有限公司 一种小程序调用方法及终端设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6952221B1 (en) * 1998-12-18 2005-10-04 Thomson Licensing S.A. System and method for real time video production and distribution
CN102301736A (zh) * 2011-07-06 2011-12-28 华为技术有限公司 视频播放内容切换的方法、装置及移动终端
CN104796785A (zh) * 2015-03-31 2015-07-22 北京奇虎科技有限公司 应用程序内的视频播放方法及装置
CN109842818A (zh) * 2019-01-02 2019-06-04 平安科技（深圳）有限公司 一种视频播放方法、装置、计算机设备及存储介质
CN109640158A (zh) * 2019-02-02 2019-04-16 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质
CN110083413A (zh) * 2019-03-13 2019-08-02 维沃移动通信有限公司 一种小程序调用方法及终端设备

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022110819A1 (zh) * 2020-11-30 2022-06-02 北京达佳互联信息技术有限公司 视频切换方法及装置
CN112632322A (zh) * 2020-11-30 2021-04-09 北京达佳互联信息技术有限公司 一种视频切换方法、装置、电子设备和存储介质
CN112650401A (zh) * 2020-12-24 2021-04-13 北京百度网讯科技有限公司 信息轮播方法、装置、电子设备及存储介质
CN112650401B (zh) * 2020-12-24 2023-09-01 北京百度网讯科技有限公司 信息轮播方法、装置、电子设备及存储介质
CN112685599B (zh) * 2020-12-29 2023-09-26 北京达佳互联信息技术有限公司 视频推荐方法及装置
CN112685599A (zh) * 2020-12-29 2021-04-20 北京达佳互联信息技术有限公司 视频推荐方法及装置
CN112861057A (zh) * 2021-02-10 2021-05-28 北京百度网讯科技有限公司 基于小程序的页面渲染方法、装置、设备及存储介质
CN112861057B (zh) * 2021-02-10 2024-03-01 北京百度网讯科技有限公司 基于小程序的页面渲染方法、装置、设备及存储介质
CN113141529B (zh) * 2021-04-25 2022-02-25 聚好看科技股份有限公司 显示设备及媒资播放方法
CN113141529A (zh) * 2021-04-25 2021-07-20 聚好看科技股份有限公司 显示设备及媒资播放方法
CN113805827A (zh) * 2021-09-14 2021-12-17 北京百度网讯科技有限公司 一种投屏展示方法、装置、电子设备及存储介质
CN113805827B (zh) * 2021-09-14 2024-05-07 北京百度网讯科技有限公司 一种投屏展示方法、装置、电子设备及存储介质
CN113891110A (zh) * 2021-09-27 2022-01-04 武汉斗鱼网络科技有限公司 一种信息展示方法及相关设备
CN115237299A (zh) * 2022-06-29 2022-10-25 北京优酷科技有限公司 播放页面切换方法及终端设备
CN115225952A (zh) * 2022-07-22 2022-10-21 腾讯科技（深圳）有限公司 视频的播放控制方法、装置、电子设备、存储介质及产品
CN115225952B (zh) * 2022-07-22 2024-02-27 腾讯科技（深圳）有限公司 视频的播放控制方法、装置、电子设备、存储介质及产品

Similar Documents

Publication Publication Date Title
CN111405377A (zh) 一种视频播放方法、装置、电子设备和存储介质
CN106933328B (zh) 一种移动终端帧率的控制方法、装置及移动终端
CN106933587B (zh) 一种图层绘制控制方法、装置及移动终端
US20200371658A1 (en) Display device for executing plurality of applications and method of controlling the same
US20230021260A1 (en) Gesture instruction execution method and apparatus, system, and storage medium
US20200008142A1 (en) Method for Controlling Terminal, and Terminal
CN108205403B (zh) 终端显示方法、装置、终端及计算机可读存储介质
CN106933327B (zh) 一种移动终端帧率的控制方法、装置及移动终端
EP2908231A1 (en) Object suspension realizing method and device
WO2012166184A1 (en) Desktop as immersive application
CN106445956B (zh) 一种购物数据的管理方法及装置
CN103995662A (zh) 触摸操作处理方法
CN112905134A (zh) 一种刷新显示的方法、装置和电子设备
CN112346612A (zh) 页面显示方法和装置
CN112148167A (zh) 控件设置方法、装置和电子设备
KR20140102386A (ko) 디스플레이장치 및 그 제어방법
CN114895862A (zh) 一种智能终端的投屏方法、装置及设备
CN112788378B (zh) 显示设备与内容显示方法
CN111857902B (zh) 应用的显示方法、装置、设备和可读存储介质
KR20150115454A (ko) 서비스 화면을 표시하기 위한 전자 장치 및 방법
CN115079919A (zh) 一种多窗口控制方法和装置、电子设备及存储介质
CN112235621B (zh) 一种可视区域的显示方法及显示设备
WO2015154306A1 (en) Expandable application representation, milestones, and storylines
CN113704517A (zh) 多媒体文件的播放方法和装置
CN110609599A (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

Application publication date: 20200710

RJ01 Rejection of invention patent application after publication