WO2023134492A1 - 页面的显示方法、装置、电子设备、存储介质和程序产品 - Google Patents

页面的显示方法、装置、电子设备、存储介质和程序产品 Download PDF

Info

Publication number
WO2023134492A1
WO2023134492A1 PCT/CN2023/070042 CN2023070042W WO2023134492A1 WO 2023134492 A1 WO2023134492 A1 WO 2023134492A1 CN 2023070042 W CN2023070042 W CN 2023070042W WO 2023134492 A1 WO2023134492 A1 WO 2023134492A1
Authority
WO
WIPO (PCT)
Prior art keywords
video
area
page
interactive control
preset
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.)
Ceased
Application number
PCT/CN2023/070042
Other languages
English (en)
French (fr)
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 Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network 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 Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to EP23739836.7A priority Critical patent/EP4425331B1/en
Priority to JP2024532992A priority patent/JP7824016B2/ja
Publication of WO2023134492A1 publication Critical patent/WO2023134492A1/zh
Priority to US18/736,426 priority patent/US12353704B2/en
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen

Definitions

  • Embodiments of the present disclosure relate to the technical field of computers, for example, to a page display method, device, electronic device, storage medium, and program product.
  • the user needs to go through a series of operations to view the video screen blocked by the interactive controls in the video playback area, and the operations are cumbersome, resulting in poor user experience.
  • Embodiments of the present disclosure provide a page display method, device, electronic device, storage medium, and program product, so as to simplify operations required for viewing a complete video image.
  • an embodiment of the present disclosure provides a method for displaying a page, including:
  • the preset duration can be set according to needs, for example, the preset duration can be set to 200ms.
  • the video can be stopped.
  • the first interactive control and video information are displayed in the playback area, and the second interactive control is displayed in a preset area outside the video playback area; when the trigger duration of the zoom-in second multi-finger operation gesture performed by the user is greater than or equal to 200ms,
  • the video picture may be zoomed in based on the second multi-finger operation gesture.
  • control display gesture may be a gesture instructing the electronic device to re-display multiple interactive controls in the video playback page at the original display position, such as a second multi-finger operation gesture or a single-point sliding gesture along a preset direction.
  • the second multi-finger operation gesture may be a gesture different from the first multi-finger operation gesture, for example, when the first multi-finger operation gesture is a multi-finger zoom-in gesture, the second multi-finger operation gesture may be a multi-finger zoom-out gesture; When the first multi-finger operation gesture is a multi-finger zoom-out gesture, the second multi-finger operation gesture may be a multi-finger zoom-in gesture.
  • the preset direction can be set as required, for example, the preset direction can be set as upward.
  • S205 Re-display the first interactive control and the video information in the video playback area in response to the trigger operation on the restoration control, and stop displaying the second interactive control in the preset area, and end the operation .
  • the user can watch the currently playing video on the video playing page, and when wanting to zoom in on the video screen displayed in the video playing area, execute the first multi-finger trigger on the video playing page whose trigger duration is greater than or equal to the preset duration.
  • Action gestures when the electronic device receives the user's first multi-finger operation gesture, if it determines that the triggering duration of the first multi-finger operation gesture is greater than or equal to the preset duration, the video can be updated based on the first multi-finger operation gesture.
  • the original video picture displayed in the playing area is enlarged to obtain a target video picture, and the target video picture is displayed in the video playing area.
  • the execution of the first multi-finger operation gesture ends, it is judged whether the execution duration of the first multi-finger operation gesture is shorter than the preset duration, if so, stop displaying the first interactive control and video information in the video playback area, and The preset area outside the area displays the second interactive control, and the video picture displayed in the video playback area is switched to the original video picture without zooming in; video screen, and keep displaying the first interactive control and video information originally displayed in the video playing area.
  • the manner of zooming in on the original video image can be flexibly set, for example, the original video image can be zoomed in based on the zoom factor and the distance increase value between the two touch points.
  • the first The multi-finger operation gesture is a two-finger operation gesture
  • the zooming in on the original video image includes: based on the zoom factor and the distance increase value between the two touch points corresponding to the first multi-finger operation gesture.
  • the current original video image displayed in the video playback area can be enlarged only when the current magnification is greater than 1; or equal to 1, directly display the current original video frame in the video play area, so as to avoid the situation that the video frame displayed in the video play area shrinks when the user performs the first multi-finger operation gesture.
  • the zooming in on the current original video picture based on the current magnification includes: if the current magnification is greater than 1, performing magnification on the current original video picture based on the current magnification Zoom in.
  • the user can instruct the electronic device to stop displaying interactive controls in the video playback area through a simple first multi-finger gesture, or to zoom in on the video screen; through a simple second multi-finger gesture Finger operation gestures, single-point sliding gestures in a preset direction, or trigger gestures for restoring controls can instruct electronic devices to redisplay interactive controls in the video playback area, which can meet the user's needs for clearing the screen, zooming in on the video screen and restoring On the premise of meeting the needs, simplify the operations required by the user and improve the user's video viewing experience.
  • FIG. 8 is a structural block diagram of a page display device provided by an embodiment of the present disclosure.
  • the device can be implemented by software and/or hardware, and can be configured in electronic equipment, for example, can be configured in a mobile phone or a tablet computer, and can display a video playback page by executing a page display method.
  • the page display device provided in this embodiment may include: a page display module 801 and a response module 802, wherein,
  • the page display module 801 is configured to display a video playing page, wherein the original video picture, video information and first interactive controls of the currently playing video are displayed in the video playing page, and the original video picture is displayed on the video playing page In the video playing area, the video information and at least one of the first interactive controls are displayed on the upper layer of the original video screen;
  • the response module 802 is configured to stop displaying the first interactive control and the video information in the video playing area in response to the first multi-finger operation gesture acting on the video playing page, and display the first interactive control and the video information in the video playing area A second interactive control is displayed outside the preset area.
  • the response module 802 may be configured to: stop displaying all the first interactive controls and the video information displayed on the video playing page; or stop displaying the first interactive controls located in the video playing area An interactive control and said video information.
  • the response module 802 may be configured to: control the first interactive control and the video information to move out of the video playing page along a corresponding moving direction.
  • the page display device may further include: a first control display module, configured to respond to the control display after the display of the first interactive control and the video information in the video playback area is stopped Gesture, re-displaying the first interactive control and the video information in the video playback area, and stopping displaying the second interactive control in the preset area, wherein the control display gesture includes a second multi-finger operation gesture or a single-tap swipe gesture in a preset direction.
  • a first control display module configured to respond to the control display after the display of the first interactive control and the video information in the video playback area is stopped Gesture, re-displaying the first interactive control and the video information in the video playback area, and stopping displaying the second interactive control in the preset area
  • the control display gesture includes a second multi-finger operation gesture or a single-tap swipe gesture in a preset direction.
  • the response module 802 may be configured to: stop displaying the first interactive control and the video information in the video playback area if the trigger duration of the first multi-finger gesture is shorter than a preset duration , and display the second interactive control in a preset area outside the video playback area.
  • the first multi-finger operation gesture may be a two-finger operation gesture
  • the first response module 802 may be configured to: The original video picture is enlarged by increasing the distance between them.
  • the first response module 802 may include: a coefficient determination unit configured to determine the current magnification scale coefficient according to the current trigger duration and the preset magnification scale coefficient curve, and The current distance increase value between the two touch points determines the current magnification, wherein the preset magnification scale coefficient curve is a change curve of the magnification scale coefficient with the trigger duration; the multiple determination unit is configured to be based on the current magnification scale coefficient and The current magnification determines the current magnification of the current original video frame; the magnification processing unit is configured to perform magnification processing on the current original video frame based on the current magnification.
  • the magnification processing unit may be configured to: when the current magnification factor is greater than 1, perform magnification processing on the current original video picture based on the current magnification factor.
  • the response module 802 may be set to:
  • the original video is processed based on the zoom factor and the distance increase value between the two touch points corresponding to the first multi-finger operation gesture.
  • the screen is enlarged to obtain the target video picture, and the target video picture is displayed in the video playback area; when the execution of the first multi-finger operation gesture ends, if the trigger time of the first multi-finger operation gesture is long is less than the preset duration, stop displaying the first interactive control and the video information in the video playback area, display the second interactive control in a preset area outside the video playback area, and turn the video playback area
  • the target video frame displayed in is restored to the original video frame before the enlargement process.
  • the page display device provided by the embodiments of the present disclosure can execute the page display method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the page display method.
  • the page display method provided in any embodiment of the present disclosure can execute the page display method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the page display method.
  • FIG. 9 it shows a schematic structural diagram of an electronic device (such as a terminal device) 900 suitable for implementing an embodiment of the present disclosure.
  • the terminal equipment in the embodiment of the present disclosure may include but not limited to such as mobile phone, notebook computer, digital broadcast receiver, PDA (personal digital assistant), PAD (tablet computer), PMP (portable multimedia player), vehicle terminal (such as mobile terminals such as car navigation terminals) and fixed terminals such as digital TVs, desktop computers and the like.
  • the electronic device shown in FIG. 9 is only an example, and should not limit the functions and application scope of the embodiments of the present disclosure.
  • an electronic device 900 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 901, which may be randomly accessed according to a program stored in a read-only memory (ROM) 902 or loaded from a storage device 908.
  • a processing device such as a central processing unit, a graphics processing unit, etc.
  • RAM read-only memory
  • various appropriate actions and processes are executed by programs in the memory (RAM) 903 .
  • RAM 903 In the RAM 903, various programs and data necessary for the operation of the electronic device 900 are also stored.
  • the processing device 901, ROM 902, and RAM 903 are connected to each other through a bus 904.
  • An input/output (I/O) interface 905 is also connected to the bus 904 .
  • the following devices can be connected to the I/O interface 905: input devices 906 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speakers, vibration an output device 907 such as a computer; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909.
  • the communication means 909 may allow the electronic device 900 to perform wireless or wired communication with other devices to exchange data. While FIG. 9 shows electronic device 900 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart.
  • the computer program may be downloaded and installed from a network via communication means 909, or from storage means 908, or from ROM 902.
  • the processing device 901 When the computer program is executed by the processing device 901, the above-mentioned functions defined in the methods of the embodiments of the present disclosure are performed.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
  • the client and the server can communicate using any currently known or future network protocols such as HTTP (HyperText Transfer Protocol, Hypertext Transfer Protocol), and can communicate with digital data in any form or medium
  • HTTP HyperText Transfer Protocol
  • the communication eg, communication network
  • Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), internetworks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network of.
  • the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: displays a video playing page, wherein the currently playing video is displayed on the video playing page
  • the original video picture, video information and first interactive controls the original video picture is displayed in the video play area of the video play page, the video information and at least one of the first interactive controls are displayed in the original video
  • the upper layer of the screen in response to the first multi-finger operation gesture acting on the video playback page, stop displaying the first interactive control and the video information in the video playback area, and stop displaying the first interactive control and the video information outside the video playback area
  • the preset area of the display shows the second interactive control.
  • Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages - such as the "C" language or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as through an Internet service provider). Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
  • each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
  • the units involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of the module does not constitute a limitation of the unit itself under certain circumstances.
  • FPGAs Field Programmable Gate Arrays
  • ASICs Application Specific Integrated Circuits
  • ASSPs Application Specific Standard Products
  • SOCs System on Chips
  • CPLD Complex Programmable Logical device
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
  • a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • a machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM compact disk read only memory
  • magnetic storage or any suitable combination of the foregoing.
  • Example 1 provides a page display method, including:
  • Example 2 According to the method described in Example 1, the stopping of displaying the first interactive control and the video information in the video playback area includes:
  • Stop displaying the first interactive control and the video information located in the video playing area.
  • Example 3 According to the method described in Example 2, the stopping display of all first interactive controls and the video information displayed on the video playback page includes:
  • Example 4 is according to the method described in any one of Examples 1-3, after stopping displaying the first interactive control and the video information in the video playback area, further comprising: :
  • control display gesture includes the first Two multi-finger gestures or a single-point swipe gesture in a preset direction.
  • example 5 is according to the method described in any one of examples 1-3, the second interaction control includes a restoration control, and the stop displaying the first interaction in the video playback area After the controls and video information, also include:
  • example 6 is according to the method described in any one of examples 1-3, the displaying of the first interactive control and the video information in the video playback area is stopped, and in the The preset area outside the video playback area displays the second interactive controls, including:
  • the original video image is enlarged to obtain a target video image, and the target video image is displayed in the video playback area.
  • example 8 is based on the method described in example 6, the first multi-finger operation gesture is a two-finger operation gesture, and the zooming in on the original video image includes:
  • the original video image is enlarged based on the enlargement scale factor and the distance increase value between the two touch points corresponding to the first multi-finger operation gesture.
  • Enlargement processing is performed on the current original video picture based on the current magnification factor.
  • the current magnification factor is greater than 1, the current original video picture is enlarged based on the current magnification factor.
  • Example 12 is according to the method described in Example 8, in response to the first multi-finger operation gesture acting on the video playback page, stop displaying in the video playback area The first interactive control and the video information, and displaying the second interactive control in a preset area outside the video playback area, including:
  • the original video is processed based on the zoom factor and the distance increase value between the two touch points corresponding to the first multi-finger operation gesture. Enlarging the picture to obtain a target video picture, and displaying the target video picture in the video playback area;
  • the trigger duration of the first multi-finger operation gesture is shorter than a preset duration, stop displaying the first interactive control and the video information in the video playback area, A second interactive control is displayed in a preset area outside the video playing area, and the target video frame displayed in the video playing area is restored to an original video frame before zooming in.
  • Example 13 provides a page display device, including:
  • the page display module is configured to display a video playing page, wherein the original video picture, video information and the first interactive control of the currently played video are displayed in the video playing page, and the original video picture is displayed on the video playing page In the video playing area, the video information and at least one of the first interactive controls are displayed on the upper layer of the original video screen;
  • the response module is configured to respond to the first multi-finger operation gesture acting on the video playback page, stop displaying the first interactive control and the video information in the video playback area, and A second interactive control is displayed outside the preset area.
  • Example 14 provides an electronic device, comprising:
  • processors one or more processors
  • memory arranged to store one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors implement the method for displaying a page as described in any one of Examples 1-12.
  • Example 15 provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the page as described in any one of Examples 1-12 is implemented. display method.
  • Example 16 provides a computer program product, when the computer program product is executed by a computer, the computer implements the page display method described in any one of Examples 1-12 .

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)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

一种页面的显示方法、装置、电子设备、存储介质和程序产品。该方法包括：显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层（S101）；响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件（S102）。

Description

页面的显示方法、装置、电子设备、存储介质和程序产品
本申请要求在2022年1月11日提交中国专利局、申请号为202210028254.9的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及一种页面的显示方法、装置、电子设备、存储介质和程序产品。
背景技术
目前，当前视频播放页面中播放视频时，一般会在视频播放区域中显示交互控件供用户进行交互。
相关技术中，用户需要经过一系列的操作才能够查看视频播放区域中被交互控件遮挡的视频画面，操作较为繁琐，导致用户体验不佳。
发明内容
本公开实施例提供一种页面的显示方法、装置、电子设备、存储介质和程序产品，以简化查看完整视频画面所需的操作。
第一方面，本公开实施例提供了一种页面的显示方法，包括：
显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
第二方面，本公开实施例还提供了一种页面的显示装置，包括：
页面显示模块，设置为显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
响应模块，设置为响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
第三方面，本公开实施例还提供了一种电子设备，包括：
一个或多个处理器；
存储器，设置为存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的页面的显示方法。
第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例所述的页面的显示方法。
第五方面，本公开实施例还提供了一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如本公开实施例所述的页面的显示方法。
附图说明
贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例提供的一种页面的显示方法的流程示意图；
图2为本公开实施例提供的一种视频播放页面示意图；
图3为本公开实施例提供的另一种视频播放页面示意图；
图4为本公开实施例提供的又一种视频播放页面示意图；
图5为本公开实施例提供的另一种页面的显示方法的流程示意图；
图6为本公开实施例提供的一种预设放大比例系数曲线示意图；
图7为本公开实施例提供的另一种预设放大比例系数曲线示意图；
图8为本公开实施例提供的一种页面的显示装置的结构框图；
图9为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
应当理解，本公开的方法实施方式中记载的多个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
图1为本公开实施例提供的一种页面的显示方法的流程示意图。该方法可以由页面的显示装置执行，其中，该装置可以由软件和/或硬件实现，可配置于电子设备中，例如，可以配置在手机或平板电脑中。本公开实施例提供的页面的显示方法适用于完整查看视频画面的场景。如图1所示，本实施例提供的页面的显示方法可以包括：
S101、显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层。
其中，当前播放视频可以为视频播放页面中当前播放的视频。原始视频画面可以为当前播放视频中所包含的、原始尺寸的视频画面，即未进行放大处理的视频画面。第一交互控件可以为视频播放页面中所显示的、供用户进行交互的控件，如用于将当前页面由视频播放页面切换为其他页面的页面切换控件和/或用于供用户对当前播放视频进行点赞、评论、分享或收藏的控件等。视频播放区域可以为视频播放页面中用于播放视频的区域，即用于显示视频画面的区域。
例如，如图2所示，电子设备可以基于用户的触发操作显示视频播放页面，在视频播放页面中播放当前播放视频，即在视频播放页面的视频播放区域20中显示当前播放视频的原始视频画面(图中未示出)，在原始视频画面的上层显示部分或全部第一交互控件，如可以在原始视频画面的上层显示发布者的个人主页控件200、点赞控件201、评论控件202和分享控件203等，并在视频播放区域中显示当前播放视频的视频信息，如当前播放视频的发布者用户名、发布时间、视频名称和/或背景音乐信息等。
此外，还可以在视频播放区域之外显示部分第一交互控件，如可以在视频播放区域的上方显示同城控件210、关注控件211、推荐控件212和搜索控件213，和/或，在视频播放区域的下方显示首页控件220、朋友控件221、拍摄控件222、消息控件223以及用户的个人主页控件224等。
S102、响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
其中，第一多指操作手势可以为多指放大手势或多指缩小手势等，如两指放大手势/两指缩小手势或三指放大手势/三指缩小手势等，以下以第一手势为两指放大手势为例进行说明。该两值放大手势可以为两触摸点之间的距离逐渐增大的触摸手势。第二交互控件可以为与第一交互控件完全不相同、部分相同或完全相同的交互控件，例如，第二交互控件可以包括用于供用户与当前播放视频进行交互的控件，如当前播放视频的点赞控件、评论控件和分享控件等；还可以包括倍速控件和还原控件。
例如，用户可以在视频播放页面中观看当前播放视频，并在欲完整查看当前播放视频的视频画面时，在视频播放页面中执行第一多指操作手势。相应的，电子设备在检测到用户在视频播放页面中执行第一多指操作手势时，可以停止在视频播放区域中显示第一交互控件，如停止位于视频播放区域内的第一交互控件，或者，停止显示视频播放页面中所显示的所有第一交互控件，以及，停止显示视频播放页面中所显示的视频信息，并在视频播放区域之外的预设区域显示第二交互控件，如可以在视频播放区域的下方显示当前播放视频的点赞控件201、评论控件202和分享控件203，如图3所示，以便于用户与当前播放视频进行互动。此外，如图3所示，还可以在视频播放区域之外的预设区域显示倍速控件30和还原控件31，以便于用户通过触发该倍速控件30调整当前播放视频的播放倍速，和/或，通过触发该还原控件31指示电子设备重新在多个交互控件的原始显示位置显示多个交互控件。
在本实施例中，用户通过在视频播放页面中执行简单的多指放大手势即可指示电子设备取消对视频播放区域中所显示的交互控件和视频信息的显示，完整查看视频播放区域中所显示的视频画面，无需在视频播放页面中固定显示清屏控件，也无需在视频播放页面中通过一系列的操作指示电子设备显示清屏控件，能够减少视频播放页面中所显示的控件的数量，并简化完整查看视频画面所需的操作，实现快速清屏，提高用户的视频观看体验。
在一个实施方式中，如图3所示，在接收到第一手势时，可以停止显示视频播放页面中的所有第一交互控件和视频信息，即停止显示位于视频播放区域之内的第一交互控件以及位于视频播放区域之外的第一交互控件，并停止显示视频播放区域中所显示的视频信息。此时，例如，所述停止在所述视频播放区域中显示第一交互控件和所述视频信息，包括：停止显示所述视频播放页面中所显示的所有第一交互控件和所述视频信息。
在上述实施方式中，停止显示视频播放页面中所显示的第一交互控件和视频信息的方式可以灵活设置，如可以直接取消对视频播放区域中所显示的第一交互控件的显示。例如，所述停止显示所述视频播放页面中所显示的所有第一交互控件和所述视频信息，包括：控制第一交互控件和所述视频信息沿对应的移动方向移出所述视频播放页面。即可以控制位于视频播放页面不同位置的第一交互控件和视频信息沿不同的方向移出视频播放页面，以停止显示多个第一交互控件和视频信息，如可以控制位于视频播放区域上方的多个第一交互控件向上移出视频播放页面，控制位于视频播放区域下方的多个第一交互控件向下移出视频播放页面，控制位于视频播放区域内部右侧的多个第一交互控件向右移出视频播放页面，并可以在当前播放视频的视频信息显示于视频播放区域内部的左侧时，控制当前播放视频的视频信息向左移出视频播放页面。
可以理解的是，如图2和图3所示，当第一交互控件和第二交互控件中包含有相同的交互控件时，如当在视频播放区域中显示和在预设区域显示某交互控件时可以将该交互控件显示为不同的显示状态，如将该交互控件显示为不同的显示样式和/或显示尺寸。此外，本实施例在接收到第一多指操作手势时，也可以仅停止显示仅包含于第一交互控件中但未包含于第二交互控件中的交互控件，并控制视频播放页面中所显示的同时包含于第一交互控件和第二交互控件中的交互控件由视频播放区域之内的原始显示位置移动至视频播放区域之外的预设区域进行显示，并可以在移动之前、移动过程中和/或移动之后调整多个视频交互控件的显示 状态。
在另一个实施方式中，如图4所示，在接收到第一手势时，也可以仅停止显示视频播放区域中所显示的第一交互控件和视频信息，即仅停止显示位于视频播放区域之内的第一交互控件和视频信息，并保持显示位于视频播放区域之外的第一交互控件。此时，例如，所述停止在所述视频播放区域中显示第一交互控件和所述视频信息，包括：停止显示位于所述视频播放区域之内的第一交互控件和所述视频信息。
本实施例提供的页面的显示方法，显示视频播放页面，其中，该视频播放页面中显示有当前播放视频的原始视频画面、视频信息和交互控件，该原始视频画面显示于视频播放页面的视频播放区域内，该视频信息和至少一个第一交互控件显示于原始视频画面的上层；响应于作用在视频播放页面内的第一多指操作手势，停止在视频播放区域中显示第一交互控件和视频信息，并在该视频播放区域之外的预设区域显示第二交互控件。本实施例通过采用上述技术方案，基于用户的多指放大手势取消对视频播放区域中所显示的交互控件的显示，能够简化完整查看视频画面所需的操作，提高用户的视频观看体验。
图5为本公开实施例提供的另一种页面的显示方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个示例方案组合。例如，在所述停止在所述视频播放区域中显示第一交互控件和所述视频信息之后，还包括：响应于控件显示手势，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件，其中，所述控件显示手势包括第二多指操作手势或者沿预设方向的单点滑动手势。
例如，所述第二交互控件包括还原控件，在所述停止在所述视频播放区域中显示第一交互控件之后，还包括：响应于对所述还原控件的触发操作，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件。
例如，所述停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，包括：如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件
例如，本实施例提供的页面的显示方法还包括：如果所述第一多指操作手势的触发时长大于或等于预设时长，则对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面。
相应的，如图5所示，本实施例提供的页面的显示方法可以包括：
S201、显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层。
S202、接收作用在所述视频播放页面内的第一多指操作手势，执行S203或S206。
S203、如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，执行S204或S205，其中，所述第二交互控件包括还原控件。
在本实施例中，可以不考虑手势的触发时长，在用户执行第一多指操作手势时，均停止在视频播放区域中显示第一交互控件和视频信息；也可以考虑第一多指操作手势的触发时长，仅在用户所执行的第一多指操作手势的触发手势的触发时长小于预设时长时，停止在视频播放区域中显示第一交互控件和视频信息，而在该第一多指操作手势的触发时长大于或等于预设时长时，基于该第一多指操作手势对视频画面进行放大处理，以同时满足用户的清屏需求和画面放大需求，本实施例以此种情况为例进行说明。
其中，该预设时长可以根据需要进行设置，如可以将预设时长设置为200ms，此时，相应的，当用户所执行的第一多指操作手势的触发时长小于200ms时，可以停止在视频播放区域中显示第一交互控件和视频信息，并在视频播放区域之外的预设区域显示第二交互控件；当用户所执行的放大第二多指操作手势的触发时长大于或等于200ms时，可以基于该第二多 指操作手势对视频画面进行放大处理。
在本实施例中，由于当第一多指放大手势的触发时长小于预设时长且触发未结束时，并不能明确是否需要对视频画面进行放大处理，故在第一多指操作手势的触发时长小于预设时长且未触发结束时，可以对视频画面进行初步的放大处理，并在其触发结束时，再基于该第一多指操作手势的触发时长进行不同的响应。此时，例如，所述响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，包括：在作用在所述视频播放页面内的第一多指操作手势的执行过程中，基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面；当所述第一多指操作手势执行结束时，如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域内显示第一交互控件和所述视频信息，在所述视频播放区域之外的预设区域显示第二交互控件，并将所述视频播放区域中所显示的所述目标视频画面还原为放大处理之前的原始视频画面。
其中，放大比例系数可以基于预设放大比例系数曲线确定，该预设放大比例系数曲线可以为放大比例系数随触发时间的变化曲线。为了将清屏与视频画面放大进行顺滑的结合，例如，在所述预设放大比例系数曲线中，当触发时长小于所述预设时长时，放大比例系数小于1；当触发时长大于或等于所述预设时长时，放大比例系数大于或等于1，即在触发时长小于预设时长时，抑制视频画面的放大效果，从而减小在清屏过程中所带来的视频画面放大的打扰；在触发时长大于或等于预设时长时，正常对视频画面进行放大并补足预设时长之内抑制放大效果所产生的与正常放大之间的偏差，从而避免在视频画面放大过程中出现视频画面突然大幅度增大的情况，即避免视频画面放大过程出现断层。在此，该预设放大比例系数曲线可以为线性曲线，如图6所示；也可以为非线性曲线，如图7所示。
第一多指操作手势对应的两触摸点之间的距离增加值可以理解为两触摸点之间的距离值的增大量，其可以根据当前时刻两触摸点之间的距离与两触摸点之间的初始距离计算得到，即通过计算二者之间的差值得到。不同的距离增加值可以对应有不同的放大倍率，二者之间可以呈正比关系，即距离增加值越大，放大倍率越大，距离增加值与放大倍率之间的对应关系可以由开发人员预先进行设置。目标视频画面可以为基于第一多指操作手势对当前播放视频中的原始视频画面进行放大处理得到的视频画面。
例如，在第一多指操作手势触发过程中，可以根据预设放大比例系数曲线确定在当前时刻的当前放大比例系数，并根据第一多指操作手势对应的两触摸点之间的距离增加值确定在当前时刻的当前放大倍率；根据该当前放大比例系数和该当前放大倍率确定当前原始视频画面的当前放大倍数；判断该当前放大倍数是否大于1，若是，则基于该当前放大倍数对视频播放区域中所显示的当前原始视频画面进行放大处理，若否，则继续在视频播放区域中显示当前播放视频的原始视频画面，即不对视频播放区域中所显示的当前原始视频画面进行放大处理。
当第一多指操作手势在预设时长内触发结束时，可以停止在视频播放区域内显示交互控件，并判断视频播放区域中显示的是否为当前播放视频中未经放大的原始视频画面，若是，则继续在视频播放区域中播放当前播放视频中的原始视频画面；若否，则可以将视频播放区域中所显示的、经过放大的目标视频画面还原为放大之前的原始视频画面，并继续在视频播放区域中播放当前播放视频中的原始视频画面。
S204、响应于控件显示手势，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件，结束操作，其中，所述控件显示手势包括第二多指操作手势或者沿预设方向的单点滑动手势。
其中，控件显示手势可以为指示电子设备重新在原始显示位置显示视频播放页面中的多个交互控件的手势，如第二多指操作手势或者沿预设方向的单点滑动手势等。该第二多指操作手势可以为与第一多指操作手势不相同的手势，如当第一多指操作手势为多指放大手势时， 该第二多指操作手势可以为多指缩小手势；当第一多指操作手势为多指缩小手势时，该第二多指操作手势可以为多指放大手势。该预设方向可以根据需要进行设置，如可以将预设方向设置为向上。
示例性的，用户在欲指示电子设备重新在视频播放区域显示第一交互控件和视频信息时，可以在视频播放页面中执行第二多指操作手势或者沿预设方向的单点滑动手势。从而，电子设备在检测到用户的第二多指操作手势或者沿预设方向的单点滑动手势时，可以重新在视频播放区域中显示第一交互控件和视频信息，并停止在预设区域显示第二交互控件，如图2所示。
S205、响应于对所述还原控件的触发操作，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件，结束操作。
示例性的，如图3所示，电子设备在基于用户的第一多指操作手势停止在视频播放区域中显示第一交互控件和视频信息后，可以在视频播放区域之外的预设区域显示包括还原控件31在内的第二交互控件。从而，用户在欲指示电子设备重新在视频播放区域显示第一交互控件和视频信息时，也可以触发视频播放页面中所显示的该还原控件31。从而，电子设备在检测到用户触发视频播放页面中所显示的还原控件31时，可以重新在视频播放区域中显示第一交互控件和视频信息，并停止显示在预设区域显示第二交互控件，如图2所示
此外，用户也可以通过在视频播放页面中执行沿预设方向的单点滑动操作指示电子设备增大视频播放页面中所显示的多个交互控件的透明度，以查看视频播放页面中被交互控件遮挡的视频画面。此时，相应的，电子设备在检测到用户沿预设方向的单点滑动操作时，可以判断视频播放区域中是否显示有交互控件，即判断视频播放区域中的交互控件是否处于显示状态，若是，则升高视频播放区域中所显示的多个交互控件和/或视频信息的透明度，如将视频播放区域中所显示的多个交互控件和/或视频信息的透明度由原始透明度升高为预设透明度；若否，则重新在视频播放区域中显示多个交互控件和/或视频信息，如采用原始透明度在视频播放区域中显示多个交互控件和/或视频信息。
S206、如果所述第一多指操作手势的触发时长大于或等于预设时长，则对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面。
例如，用户可以在视频播放页面中观看当前播放视频，并在欲对视频播放区域中所显示的视频画面进行放大时，在视频播放页面中执行触发时长大于或等于预设时长的第一多指操作手势。相应的，电子设备在接收到用户的第第一多指操作势时，若判定该第一多指操作手势的触发时长大于或等于预设时长，则可以基于该第一多指操作手势对视频播放区域中所显示的原始视频画面进行放大处理，得到目标视频画面，并在视频播放区域中显示该目标视频画面。
以第一多指操作手势为两指操作手势，为例，电子设备在检测到作用于视频播放页面中的第一多指操作手势时，可以对视频播放区域中所显示的原始视频画面进行放大处理，并在视频播放区域中显示放大处理得到的目标视频画面。当该第一多指操作手势执行结束时，判断该第一多指操作手势的执行时长是否小于预设时长，若是，则停止在视频播放区域中显示第一交互控件和视频信息，在视频播放区域之外的预设区域显示第二交互控件，并在视频播放区域中所显示的视频画面切换为未经放大处理的原始视频画面；若否，则保持在视频播放区域中显示放大处理得到的视频画面，并保持在视频播放区域中显示其原始显示的第一交互控件和视频信息。
在本实施例中，对原始视频画面进行放大处理的方式可以灵活设置，如可以基于放大比例系数和两触摸点之间的距离增加值对原始视频画面进行放大处理，此时，所述第一多指操作手势为两指操作手势，所述对所述原始视频画面进行放大处理，包括：基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理。
在一个实施方式中，所述基于放大比例系数以及所述第一多指操作手势对应的两触摸点 之间的距离增加值对所述原始视频画面进行放大处理，包括：根据当前触发时长和预设放大比例系数曲线确定当前放大比例系数，并根据所述第一多指操作手势对应的两触摸点之间的当前距离增加值确定当前放大倍率，其中，所述预设放大比例系数曲线为放大比例系数随触发时长的变化曲线；根据所述当前放大比例系数和所述当前放大倍率确定当前原始视频画面的当前放大倍数；基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
示例性的，可以首先基于当前时刻第一多指操作手势的当前触发时长和预设放大比例系数曲线，确定当前触发时长对应的当前放大比例系数；并获取第一多指操作手势对应的两触摸点之间在当前时刻的当前距离，根据该当前距离以及两触摸点之间的初始距离计算得到当前距离增加值，并将该当前距离增加值对应的放大倍率作为当前放大倍率。然后，根据该当前放大比例系数和该当前放大倍率确定当前原始视频画面的当前放大倍数，如计算该当前放大比例系数和该当前放大倍率的乘积，作为当前放大倍数。并在计算得到当前放大倍数之后，基于该当前放大倍数对视频播放区域中所显示的当前原始视频画面进行放大处理，如可以将当前原始视频画面放大该当前放大倍数，得到目标视频画面，并在视频播放区域中显示该目标视频画面。
在本实施例中，为了更加贴合用户的视频画面放大意愿，例如可以仅在当前放大倍数大于1时，对视频播放区域中所显示的当前原始视频画面进行放大处理；而在当前放大倍数小于或等于1时，直接在视频播放区域中显示当前原始视频画面，以避免在用户执行第一多指操作手势时，出现视频播放区域中所显示的视频画面缩小的情况。此时，例如，所述基于所述当前放大倍数对所述当前原始视频画面进行放大处理，包括：如果所述当前放大倍数大于1，则基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
本实施例提供的页面的显示方法，用户通过简单的第一多指操作手势即可指示电子设备停止在视频播放区域内显示交互控件，或者，对视频画面进行放大处理；通过简单的第二多指操作手势、沿预设方向的单点滑动手势或者针对还原控件的触发手势即可指示电子设备重新在视频播放区域内显示交互控件，能够在满足用户的清屏需求、视频画面放大区域和还原需求的前提下，简化用户所需的操作，提高用户的视频观看体验。
图8为本公开实施例提供的一种页面的显示装置的结构框图。该装置可以由软件和/或硬件实现，可配置于电子设备中，例如，可以配置在手机或平板电脑中，可通过执行页面的显示方法实现对视频播放页面的显示。如图8所示，本实施例提供的页面的显示装置可以包括：页面显示模块801和响应模块802，其中，
页面显示模块801，设置为显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
响应模块802，设置为响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
本实施例提供的页面的显示装置，通过页面显示模块显示视频播放页面，其中，该视频播放页面中显示有当前播放视频的原始视频画面、视频信息和交互控件，该原始视频画面显示于视频播放页面的视频播放区域内，该视频信息和至少一个第一交互控件显示于原始视频画面的上层；通过响应模块响应于作用在视频播放页面内的第一多指操作手势，停止在视频播放区域中显示第一交互控件和视频信息，并在该视频播放区域之外的预设区域显示第二交互控件。本实施例通过采用上述技术方案，基于用户的第一多指操作手势取消对视频播放区域中所显示的交互控件的显示，能够简化完整查看视频画面所需的操作，提高用户的视频观看体验。
在上述方案中，所述响应模块802可以设置为：停止显示所述视频播放页面中所显示的 所有第一交互控件和所述视频信息；或者，停止显示位于所述视频播放区域之内的第一交互控件和所述视频信息。
在上述方案中，所述响应模块802可以设置为：控制第一交互控件和所述视频信息沿对应的移动方向移出所述视频播放页面。
例如，本实施例提供的页面的显示装置还可以包括：第一控件显示模块，设置为在所述停止在所述视频播放区域中显示第一交互控件和所述视频信息之后，响应于控件显示手势，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件，其中，所述控件显示手势包括第二多指操作手势或者沿预设方向的单点滑动手势。
在上述方案中，所述第二交互控件可以包括还原控件，本实施例提供的页面的显示装置还可以包括：第二控件显示模块，设置为在所述停止在所述视频播放区域中显示第一交互控件之后，响应于对所述还原控件的触发操作，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件。
在上述方案中，所述响应模块802可以设置为：如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
例如，述响应模块802还可以设置为：如果所述第一多指操作手势的触发时长大于或等于预设时长，则对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面。
在上述方案中，所述第一多指操作手势可以为两指操作手势，所述第一响应模块802可以设置为：基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理。
在上述方案中，所述第一响应模块802可以包括：系数确定单元，设置为根据当前触发时长和预设放大比例系数曲线确定当前放大比例系数，并根据所述第一多指操作手势对应的两触摸点之间的当前距离增加值确定当前放大倍率，其中，所述预设放大比例系数曲线为放大比例系数随触发时长的变化曲线；倍数确定单元，设置为根据所述当前放大比例系数和所述当前放大倍率确定当前原始视频画面的当前放大倍数；放大处理单元，设置为基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
在上述方案中，在所述预设放大比例系数曲线中，当触发时长小于所述预设时长时，放大比例系数可以小于1；当触发时长大于或等于所述预设时长时，放大比例系数可以大于或等于1。
在上述方案中，所述放大处理单元可以设置为：在所述当前放大倍数大于1时，基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
在上述方案中，所述响应模块802可以设置为：
在作用在所述视频播放页面内的第一多指操作手势的执行过程中，基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面；当所述第一多指操作手势执行结束时，如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域内显示第一交互控件和所述视频信息，在所述视频播放区域之外的预设区域显示第二交互控件，并将所述视频播放区域中所显示的所述目标视频画面还原为放大处理之前的原始视频画面。
本公开实施例提供的页面的显示装置可执行本公开任意实施例提供的页面的显示方法，具备执行页面的显示方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本公开任意实施例所提供的页面的显示方法。
下面参考图9，其示出了适于用来实现本公开实施例的电子设备(例如终端设备)900的 结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图9所示，电子设备900可以包括处理装置(例如中央处理器、图形处理器等)901，其可以根据存储在只读存储器(ROM)902中的程序或者从存储装置908加载到随机访问存储器(RAM)903中的程序而执行多种适当的动作和处理。在RAM 903中，还存储有电子设备900操作所需的多种程序和数据。处理装置901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。
通常，以下装置可以连接至I/O接口905：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置906；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置907；包括例如磁带、硬盘等的存储装置908；以及通信装置909。通信装置909可以允许电子设备900与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有多种装置的电子设备900，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置909从网络上被下载和安装，或者从存储装置908被安装，或者从ROM 902被安装。在该计算机程序被处理装置901执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页 面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开多种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，示例1提供了一种页面的显示方法，包括：
显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
根据本公开的一个或多个实施例，示例2根据示例1所述的方法，所述停止在所述视频播放区域中显示第一交互控件和所述视频信息，包括：
停止显示所述视频播放页面中所显示的所有第一交互控件和所述视频信息；或者，
停止显示位于所述视频播放区域之内的第一交互控件和所述视频信息。
根据本公开的一个或多个实施例，示例3根据示例2所述的方法，所述停止显示所述视频播放页面中所显示的所有第一交互控件和所述视频信息，包括：
控制第一交互控件和所述视频信息沿对应的移动方向移出所述视频播放页面。
根据本公开的一个或多个实施例，示例4根据示例1-3任一所述的方法，在所述停止在所述视频播放区域中显示第一交互控件和所述视频信息之后，还包括：
响应于控件显示手势，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件，其中，所述控件显示手势包括第二多指操作手势或者沿预设方向的单点滑动手势。
根据本公开的一个或多个实施例，示例5根据示例1-3任一所述的方法，所述第二交互控件包括还原控件，在所述停止在所述视频播放区域中显示第一交互控件和视频信息之后，还包括：
响应于对所述还原控件的触发操作，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件。
根据本公开的一个或多个实施例，示例6根据示例1-3任一所述的方法，所述停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，包括：
如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
根据本公开的一个或多个实施例，示例7根据示例6所述的方法，还包括：
如果所述第一多指操作手势的触发时长大于或等于预设时长，则对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面。
根据本公开的一个或多个实施例，示例8根据示例6所述的方法，所述第一多指操作手势为两指操作手势，所述对所述原始视频画面进行放大处理，包括：
基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理。
根据本公开的一个或多个实施例，示例9根据示例8所述的方法，所述基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理，包括：
根据当前触发时长和预设放大比例系数曲线确定当前放大比例系数，并根据所述第一多指操作手势对应的两触摸点之间的当前距离增加值确定当前放大倍率，其中，所述预设放大比例系数曲线为放大比例系数随触发时长的变化曲线；
根据所述当前放大比例系数和所述当前放大倍率确定当前原始视频画面的当前放大倍数；
基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
根据本公开的一个或多个实施例，示例10根据示例9所述的方法，在所述预设放大比例系数曲线中，当触发时长小于所述预设时长时，放大比例系数小于1；当触发时长大于或等于所述预设时长时，放大比例系数大于或等于1。
根据本公开的一个或多个实施例，示例11根据示例10所述的方法，所述基于所述当前放大倍数对所述当前原始视频画面进行放大处理，包括：
如果所述当前放大倍数大于1，则基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
根据本公开的一个或多个实施例，示例12根据示例8所述的方法，所述响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，包括：
在作用在所述视频播放页面内的第一多指操作手势的执行过程中，基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面；
当所述第一多指操作手势执行结束时，如果所述第一多指操作手势的触发时长小于预设时长，则停止在所述视频播放区域内显示第一交互控件和所述视频信息，在所述视频播放区 域之外的预设区域显示第二交互控件，并将所述视频播放区域中所显示的所述目标视频画面还原为放大处理之前的原始视频画面。
根据本公开的一个或多个实施例，示例13提供了一种页面的显示装置，包括：
页面显示模块，设置为显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
响应模块，设置为响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
根据本公开的一个或多个实施例，示例14提供了一种电子设备，包括：
一个或多个处理器；
存储器，设置为存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如示例1-12中任一所述的页面的显示方法。
根据本公开的一个或多个实施例，示例15提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如示例1-12中任一所述的页面的显示方法。
根据本公开的一个或多个实施例，示例16提供了一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如示例1-12任一所述的页面的显示方法。
此外，虽然采用特定次序描绘了多种操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的多种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (16)

  1. 一种页面的显示方法，包括：
    显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
    响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示所述第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
  2. 根据权利要求1所述的方法，其中，所述停止在所述视频播放区域中显示所述第一交互控件和所述视频信息，包括：
    停止显示所述视频播放页面中所显示的所有第一交互控件和所述视频信息；或者，
    停止显示位于所述视频播放区域之内的第一交互控件和所述视频信息。
  3. 根据权利要求2所述的方法，其中，所述停止显示所述视频播放页面中所显示的所述第一交互控件和所述视频信息，包括：
    控制所述第一交互控件和所述视频信息沿对应的移动方向移出所述视频播放页面。
  4. 根据权利要求1-3任一所述的方法，在所述停止在所述视频播放区域中显示所述第一交互控件和所述视频信息之后，还包括：
    响应于控件显示手势，重新在所述视频播放区域中显示第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件，其中，所述控件显示手势包括第二多指操作手势或者沿预设方向的单点滑动手势。
  5. 根据权利要求1-3任一所述的方法，所述第二交互控件包括还原控件，在所述停止在所述视频播放区域中显示所述第一交互控件和所述视频信息之后，还包括：
    响应于对所述还原控件的触发操作，重新在所述视频播放区域中显示所述第一交互控件和所述视频信息，并停止在所述预设区域显示所述第二交互控件。
  6. 根据权利要求1-3任一所述的方法，其中，所述停止在所述视频播放区域中显示所述第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，包括：
    响应于确定所述第一多指操作手势的触发时长小于预设时长，停止在所述视频播放区域中显示所述第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
  7. 根据权利要求6所述的方法，还包括：
    响应于确定所述第一多指操作手势的触发时长大于或等于所述预设时长，对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面。
  8. 根据权利要求6所述的方法，其中，所述第一多指操作手势为两指操作手势，所述对所述原始视频画面进行放大处理，包括：
    基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理。
  9. 根据权利要求8所述的方法，其中，所述基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理，包括：
    根据当前触发时长和预设放大比例系数曲线确定当前放大比例系数，并根据所述第一多指操作手势对应的两触摸点之间的当前距离增加值确定当前放大倍率，其中，所述预设放大比例系数曲线为放大比例系数随触发时长的变化曲线；
    根据所述当前放大比例系数和所述当前放大倍率确定当前原始视频画面的当前放大倍数；
    基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
  10. 根据权利要求9所述的方法，其中，在所述预设放大比例系数曲线中，响应于确定所述第一多指操作手势的触发时长小于所述预设时长，所述放大比例系数小于1；响应于确定所述第一多指操作手势的触发时长大于或等于所述预设时长，所述放大比例系数大于或等 于1。
  11. 根据权利要求10所述的方法，其中，所述基于所述当前放大倍数对所述当前原始视频画面进行放大处理，包括：
    响应于确定所述当前放大倍数大于1，基于所述当前放大倍数对所述当前原始视频画面进行放大处理。
  12. 根据权利要求8所述的方法，其中，所述响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示所述第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件，包括：
    在作用在所述视频播放页面内的第一多指操作手势的执行过程中，基于放大比例系数以及所述第一多指操作手势对应的两触摸点之间的距离增加值对所述原始视频画面进行放大处理，得到目标视频画面，并在所述视频播放区域中显示所述目标视频画面；
    响应于确定所述第一多指操作手势执行结束，且所述第一多指操作手势的触发时长小于预设时长，停止在所述视频播放区域内显示所述第一交互控件和所述视频信息，在所述视频播放区域之外的预设区域显示第二交互控件，并将所述视频播放区域中所显示的所述目标视频画面还原为放大处理之前的原始视频画面。
  13. 一种页面的显示装置，包括：
    页面显示模块，设置为显示视频播放页面，其中，所述视频播放页面中显示有当前播放视频的原始视频画面、视频信息和第一交互控件，所述原始视频画面显示于所述视频播放页面的视频播放区域内，所述视频信息和至少一个所述第一交互控件显示于所述原始视频画面的上层；
    响应模块，设置为响应于作用在所述视频播放页面内的第一多指操作手势，停止在所述视频播放区域中显示所述第一交互控件和所述视频信息，并在所述视频播放区域之外的预设区域显示第二交互控件。
  14. 一种电子设备，包括：
    一个或多个处理器；
    存储器，设置为存储一个或多个程序，
    当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-12中任一所述的页面的显示方法。
  15. 一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-12中任一所述的页面的显示方法。
  16. 一种计算机程序产品，当所述计算机程序产品被计算机执行，使得所述计算机实现如权利要求1-12任一所述的页面的显示方法。
PCT/CN2023/070042 2022-01-11 2023-01-03 页面的显示方法、装置、电子设备、存储介质和程序产品 Ceased WO2023134492A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
EP23739836.7A EP4425331B1 (en) 2022-01-11 2023-01-03 Page display method and apparatus, electronic device, storage medium and program product
JP2024532992A JP7824016B2 (ja) 2022-01-11 2023-01-03 ページ表示方法、装置、電子機器、記憶媒体及びプログラム
US18/736,426 US12353704B2 (en) 2022-01-11 2024-06-06 Page display method and apparatus, electronic device, storage medium and program product

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210028254.9A CN114385297A (zh) 2022-01-11 2022-01-11 页面的显示方法、装置、电子设备、存储介质和程序产品
CN202210028254.9 2022-01-11

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/736,426 Continuation US12353704B2 (en) 2022-01-11 2024-06-06 Page display method and apparatus, electronic device, storage medium and program product

Publications (1)

Publication Number Publication Date
WO2023134492A1 true WO2023134492A1 (zh) 2023-07-20

Family

ID=81202495

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/070042 Ceased WO2023134492A1 (zh) 2022-01-11 2023-01-03 页面的显示方法、装置、电子设备、存储介质和程序产品

Country Status (5)

Country Link
US (1) US12353704B2 (zh)
EP (1) EP4425331B1 (zh)
JP (1) JP7824016B2 (zh)
CN (1) CN114385297A (zh)
WO (1) WO2023134492A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114385297A (zh) * 2022-01-11 2022-04-22 北京字跳网络技术有限公司 页面的显示方法、装置、电子设备、存储介质和程序产品
CN117339203A (zh) * 2022-06-29 2024-01-05 北京字跳网络技术有限公司 视频交互方法、装置、电子设备和存储介质
CN115426531B (zh) * 2022-08-30 2024-06-04 北京字跳网络技术有限公司 一种直播间访问方法、装置、设备及介质
CN115484490B (zh) * 2022-09-15 2024-06-11 北京字跳网络技术有限公司 一种视频处理方法、装置、设备及存储介质
CN115604500A (zh) * 2022-11-10 2023-01-13 北京字跳网络技术有限公司（Cn） 直播间页面显示方法、装置、电子设备及存储介质
CN116055783B (zh) * 2022-12-20 2025-04-11 北京达佳互联信息技术有限公司 一种视频播放方法、装置、电子设备及存储介质
CN119200907A (zh) * 2024-09-25 2024-12-27 北京字跳网络技术有限公司 媒体内容的展示方法、设备及存储介质
CN119562003B (zh) * 2024-11-12 2026-03-06 北京达佳互联信息技术有限公司 播放处理方法及装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110010626A1 (en) * 2009-07-09 2011-01-13 Jorge Fino Device and Method for Adjusting a Playback Control with a Finger Gesture
CN103019594A (zh) * 2012-12-06 2013-04-03 鸿富锦精密工业（深圳）有限公司 电子装置及其页面缩放方法
CN110647286A (zh) * 2019-10-09 2020-01-03 北京字节跳动网络技术有限公司 屏幕元素控制方法、装置、设备、存储介质
CN111078112A (zh) * 2019-12-27 2020-04-28 上海闻泰电子科技有限公司 终端设备控制方法、装置、计算机设备及存储介质
CN111294637A (zh) * 2020-02-11 2020-06-16 北京字节跳动网络技术有限公司 视频播放方法、装置、电子设备和计算机可读介质
CN114385297A (zh) * 2022-01-11 2022-04-22 北京字跳网络技术有限公司 页面的显示方法、装置、电子设备、存储介质和程序产品

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9075441B2 (en) * 2006-02-08 2015-07-07 Oblong Industries, Inc. Gesture based control using three-dimensional information extracted over an extended depth of field
US20110252357A1 (en) * 2010-04-07 2011-10-13 Imran Chaudhri Device, Method, and Graphical User Interface for Managing Concurrently Open Software Applications
CN108681424B (zh) * 2010-10-01 2021-08-31 Z124 用户界面上的拖移手势
US9239674B2 (en) * 2010-12-17 2016-01-19 Nokia Technologies Oy Method and apparatus for providing different user interface effects for different implementation characteristics of a touch event
KR101199618B1 (ko) * 2011-05-11 2012-11-08 주식회사 케이티테크 화면 분할 표시 장치 및 방법
US20130080932A1 (en) * 2011-09-27 2013-03-28 Sanjiv Sirpal Secondary single screen mode activation through user interface toggle
US20140033040A1 (en) * 2012-07-24 2014-01-30 Apple Inc. Portable device with capability for note taking while outputting content
US10133472B2 (en) * 2013-03-15 2018-11-20 Disney Enterprises, Inc. Gesture based video clipping control
US20150100885A1 (en) * 2013-10-04 2015-04-09 Morgan James Riley Video streaming on a mobile device
KR102410212B1 (ko) 2015-09-18 2022-06-17 엘지전자 주식회사 이동 단말기 및 그 제어 방법
CN105554553B (zh) * 2015-12-15 2019-02-15 腾讯科技（深圳）有限公司 通过悬浮窗口播放视频的方法及装置
WO2018152437A1 (en) * 2017-02-17 2018-08-23 Vid Scale, Inc. Systems and methods for selective object-of-interest zooming in streaming video
CN108762634B (zh) * 2018-05-15 2022-04-15 维沃移动通信有限公司 一种控制方法及终端
CN108924633B (zh) * 2018-07-16 2021-04-27 腾讯科技（深圳）有限公司 视频播放速率控制方法、装置、系统及存储介质
CN109343916A (zh) * 2018-08-10 2019-02-15 北京微播视界科技有限公司 显示界面切换方法、装置及电子设备
CN109529319B (zh) 2018-11-28 2020-06-02 腾讯科技（深圳）有限公司 界面控件的显示方法、设备及存储介质
CN110032326A (zh) * 2019-03-29 2019-07-19 网易（杭州）网络有限公司 移动终端显示画面的控制方法、装置、设备和存储介质
CN111263170B (zh) * 2020-01-17 2021-06-08 腾讯科技（深圳）有限公司 一种视频播放方法、装置、设备及可读存储介质
CN111475070B (zh) * 2020-04-01 2022-04-01 维沃移动通信有限公司 一种应用界面的显示方法及电子设备
CN112104915B (zh) * 2020-09-14 2022-08-26 腾讯科技（深圳）有限公司 一种视频数据处理方法、装置及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110010626A1 (en) * 2009-07-09 2011-01-13 Jorge Fino Device and Method for Adjusting a Playback Control with a Finger Gesture
CN103019594A (zh) * 2012-12-06 2013-04-03 鸿富锦精密工业（深圳）有限公司 电子装置及其页面缩放方法
CN110647286A (zh) * 2019-10-09 2020-01-03 北京字节跳动网络技术有限公司 屏幕元素控制方法、装置、设备、存储介质
CN111078112A (zh) * 2019-12-27 2020-04-28 上海闻泰电子科技有限公司 终端设备控制方法、装置、计算机设备及存储介质
CN111294637A (zh) * 2020-02-11 2020-06-16 北京字节跳动网络技术有限公司 视频播放方法、装置、电子设备和计算机可读介质
CN114385297A (zh) * 2022-01-11 2022-04-22 北京字跳网络技术有限公司 页面的显示方法、装置、电子设备、存储介质和程序产品

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4425331A4 *

Also Published As

Publication number Publication date
CN114385297A (zh) 2022-04-22
EP4425331C0 (en) 2026-03-11
US20240319865A1 (en) 2024-09-26
EP4425331A1 (en) 2024-09-04
EP4425331B1 (en) 2026-03-11
EP4425331A4 (en) 2025-03-05
JP7824016B2 (ja) 2026-03-04
JP2024543224A (ja) 2024-11-19
US12353704B2 (en) 2025-07-08

Similar Documents

Publication Publication Date Title
WO2023134492A1 (zh) 页面的显示方法、装置、电子设备、存储介质和程序产品
CN112423084B (zh) 热点榜单的显示方法、装置、电子设备和存储介质
CN113110783A (zh) 控件的显示方法、装置、电子设备和存储介质
CN114760515A (zh) 媒体内容的显示方法、装置、设备、存储介质和程序产品
CN114296611B (zh) 直播间控制方法、装置、电子设备、介质及程序产品
JP2025523441A (ja) 表示方法、装置、電子機器、コンピュータ可読媒体
WO2023216936A1 (zh) 视频播放方法、装置、电子设备、存储介质和程序产品
JP2025522335A (ja) コメント情報の投稿方法、装置、電子機器、記憶媒体及びコンピュータプログラム
CN114363686A (zh) 多媒体内容的发布方法、装置、设备、介质和程序产品
WO2022022689A1 (zh) 交互方法、装置和电子设备
JP2025503492A (ja) コントロールの表示方法、装置、電子機器、記憶媒体及びプログラム製品
WO2024114623A1 (zh) 媒体内容的展示方法、装置、电子设备和存储介质
WO2023217081A1 (zh) 信息输入页面的元素控制方法、装置、设备、介质
CN115515014A (zh) 媒体内容的分享方法、装置、电子设备和存储介质
CN110633126B (zh) 信息显示方法、装置和电子设备
JP7769153B2 (ja) 情報の表示方法、装置、電子機器、記憶媒体、及びプログラム
CN114911395A (zh) 页面交互方法、装置、设备及存储介质
WO2024114513A1 (zh) 媒体内容的展示方法、装置、电子设备和存储介质
WO2024012451A1 (zh) 显示控制方法、装置、电子设备和存储介质
WO2023174139A1 (zh) 作品的显示方法、装置、电子设备、存储介质和程序产品
CN115190368A (zh) 播放控制方法、装置、电子设备和存储介质
EP4369188B1 (en) Progress adjustment method, electronic device and storage medium
CN116248910A (zh) 直播页面的显示方法、装置、设备、存储介质和程序产品
WO2024061361A1 (zh) 播放方法、装置和电子设备
WO2023155708A1 (zh) 视角的切换方法、装置、电子设备、存储介质和程序产品

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23739836

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2023739836

Country of ref document: EP

ENP Entry into the national phase

Ref document number: 2023739836

Country of ref document: EP

Effective date: 20240529

ENP Entry into the national phase

Ref document number: 2024532992

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

WWG Wipo information: grant in national office

Ref document number: 2023739836

Country of ref document: EP