WO2018145545A1 - 网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质 - Google Patents

网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质 Download PDF

Info

Publication number
WO2018145545A1
WO2018145545A1 PCT/CN2018/070101 CN2018070101W WO2018145545A1 WO 2018145545 A1 WO2018145545 A1 WO 2018145545A1 CN 2018070101 W CN2018070101 W CN 2018070101W WO 2018145545 A1 WO2018145545 A1 WO 2018145545A1
Authority
WO
WIPO (PCT)
Prior art keywords
video
view control
control
screen
webpage
Prior art date
Application number
PCT/CN2018/070101
Other languages
English (en)
French (fr)
Inventor
马妙魁
Original Assignee
广州市动景计算机科技有限公司
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 广州市动景计算机科技有限公司 filed Critical 广州市动景计算机科技有限公司
Publication of WO2018145545A1 publication Critical patent/WO2018145545A1/zh

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/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV
    • 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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/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/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • 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/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8166—Monomedia components thereof involving executable data, e.g. software
    • H04N21/8173—End-user applications, e.g. Web browser, game

Definitions

  • the present application relates to the field of webpage video playback technology, and more particularly, to a full screen setting method, device, mobile device, and computer readable storage medium for webpage video.
  • the webpage video is usually used as a common node of the webpage and embedded in the webpage, so the video display area of the webpage video usually only occupies a part of the webpage, and the user is watching. In addition to the video display area, you can also see other elements outside the video display area, such as the text of the introduction video, page icons, and so on.
  • the screen of the mobile device is usually small.
  • the user usually selects the full screen of the video through the click control of the webpage video, so that the video display area of the webpage video is spread over the screen of the mobile device, and the image is better.
  • the viewing effect since most webpage videos are wider than the height, the full-screen video of the webpage video is generally displayed horizontally, so that the video display area can obtain the largest display area.
  • the processing of converting the video to the horizontal screen is usually performed by rotating the entire webpage view for displaying the webpage content through the horizontal screen.
  • the control is completed, for example, by rotating the Activity component corresponding to the web view control, so that the video view control for displaying the video content set in the web view control also rotates horizontally at the same time, thereby implementing the video.
  • Switch to horizontal screen display usually causes the view control on the interface of the browser or browser application to be re-typed, including at least re-formatting the web view control, and the re-layout of the web view control results in the web page.
  • JS events JavaScript function events
  • a full screen setting method for webpage video including:
  • the webpage view control is used to display webpage content
  • the video parent view control includes a video view control and a video control control, where the video view control is used to display video content, and the video control control is used to control display of video content;
  • the webpage view control is implemented by an Activity component
  • the steps of locking the web view control are:
  • the video parent view control is disposed in the webpage view control
  • the steps of the stretched video parent view control display interface to achieve vertical screen overlap are:
  • the step of the display interface of the stretched video view control to achieve vertical screen overlap includes:
  • the full screen view control is disposed on the webpage view control and coincides with a screen of the mobile device;
  • the video parent view control is set in the full screen view control, and the display interface of the video parent view control is stretched to coincide with the display interface of the full screen view control.
  • the full screen setting method of the webpage video further includes:
  • the video view control is one of a TextureView control, a GLSurfaceView control, or a SurfaceView control with GL function;
  • the video control control is a View control
  • the first angle of rotation is 90 degrees or 270 degrees
  • the second rotation angle is 0 degrees.
  • a full screen setting device for webpage video including:
  • a locking processing unit configured to lock the webpage view control in response to the received full screen command, so that the webpage view control does not rotate
  • the webpage view control is used to display webpage content
  • a vertical screen processing unit for stretching the presentation interface of the video parent view control such that it coincides with the vertical screen of the mobile device's screen.
  • the video parent view control includes a video view control and a video control control, where the video view control is used to display video content, and the video control control is used to control display of video content;
  • a first rotation processing unit configured to respectively rotate the video view control and the video control control according to a predetermined first rotation angle to cause the video parent view control to implement horizontal screen rotation;
  • a horizontal screen processing unit configured to stretch the display interface of the video parent view control to achieve a horizontal screen coincidence with the screen of the mobile device according to the obtained width and height of the screen of the mobile device.
  • the full screen setting device of the webpage video includes:
  • a second rotation processing unit configured to respectively rotate the video view control and the video control control according to a predetermined second rotation angle in response to the received exit full screen instruction, so that the video parent view control implements a vertical screen Rotate
  • a recovery setting unit configured to set a width and a height of the video parent view control to a original width and an original height before entering the full screen, and according to the acquired original bias of the video parent view control relative to the webpage view control Transmitting, restoring the position of the video parent view control relative to the web page view control to a position before entering full screen;
  • the unlocking processing unit is configured to release the locking of the webpage view control to implement exiting the full screen.
  • a mobile device including at least:
  • a full screen setting device for webpage video provided in accordance with the second aspect of the present application.
  • a mobile device including:
  • a computer readable storage medium storing computer readable program instructions for performing a full screen method of web page video provided by the first aspect of the present application.
  • FIG. 1 is a block diagram showing an example of a hardware configuration of a mobile device that can be used to implement an embodiment of the present application.
  • FIG. 2 is a flow chart showing a method of entering a full screen of a webpage video of an embodiment of the present application.
  • FIG. 3 shows a schematic diagram of realizing vertical screen coincidence in an embodiment of the present application.
  • FIG. 4 shows a schematic diagram of achieving horizontal screen coincidence in an embodiment of the present application.
  • FIG. 5 is a flow chart showing a method of exiting a full screen of a webpage video of an embodiment of the present application.
  • FIG. 6 is a block diagram showing a full screen setting device of a web page video of an embodiment of the present application.
  • FIG. 1 is a block diagram showing a hardware configuration of a mobile device 1000 in which an embodiment of the present application can be implemented.
  • the mobile device 1000 can be a mobile phone (such as shown by 1100-1), a tablet (such as 1100-2), and the like. As shown in FIG. 1, the mobile device 1000 can include a processor 1100, a memory 1200, an interface device 1300, a communication device 1400, a display device 1500, an input device 1600, a speaker 1700, a microphone 1800, and the like.
  • the processor 1100 may be a central processing unit CPU, a microprocessor MCU, or the like.
  • the memory 1200 includes, for example, a ROM (Read Only Memory), a RAM (Random Access Memory), a nonvolatile memory such as a hard disk, and the like.
  • the interface device 1300 includes, for example, a USB interface, a headphone jack, and the like.
  • the communication device 1400 can perform, for example, wired or wireless communication.
  • the display device 1500 is, for example, a liquid crystal display, a touch display, or the like.
  • Input device 1600 can include, for example, a touch screen, a keyboard, a somatosensory input, and the like. The user can input/output voice information through the speaker 1700 and the microphone 1800.
  • the mobile device shown in Figure 1 is merely illustrative and is in no way meant to be limiting of the application, its application or use.
  • the memory 1200 of the mobile device 1000 is configured to store an instruction for controlling the processor 1100 to perform any full-screen video of the webpage provided by the embodiment of the present application. Play method. It should be understood by those skilled in the art that although a plurality of devices are shown for the mobile device 1000 in FIG. 1, the present application may only cover some of the devices, for example, the mobile device 1000 only relates to the processor 1100 and the storage device. 1200. A technician can design an instruction in accordance with the teachings disclosed herein. Instructions on how to control the processor to operate are well known in the art and will not be described in detail herein.
  • a full screen setting method for webpage video wherein the webpage video refers to a video set by a user in a webpage through a video playing function provided by a browser of a mobile device or a browser-like application.
  • the method is shown in Figure 2 and includes:
  • Step S2100 in response to the received full screen command, locking the webpage view control such that the webpage view control does not rotate;
  • the entering full screen command is triggered by the user, for example, by a user clicking a full screen button that appears in the display interface of the webpage video.
  • the webpage view control is used to display webpage content.
  • the webpage view control may be a webview
  • the webview is a control provided by the Andriod system, which may be used to display a webpage.
  • the webpage view control is locked so that the webpage view control does not rotate, and the re-typesetting of the webpage caused by the rotation of the webpage view control can be avoided, thereby not triggering the occurrence of a JS event.
  • the JS event is a JavaScript (literal scripting language) function event triggered by a change in an element in a web page developed by HTML5 technology, for example, a screen resolution of a display web page is changed, a screen transition occurs, etc., and a JS event is triggered, JS The execution of the event consumes a large amount of processing resources, which causes the page display to be bounced or stuck, affecting the user experience.
  • the full screen setting of the webpage video can be realized while avoiding this problem.
  • the webpage view control can be implemented by an Activity component, wherein the Activity component is one of the most basic and most common components in the Android system, and the Activity component is an application component, which provides a display interface that the user can use to interact with Complete a task, therefore, all operations in the Activity component are closely related to the user, is a component responsible for interacting with the user, can display the specified control through setContentView (View), can also listen and handle the user's event response.
  • the web view control can be displayed through the Activity component.
  • the step of locking the webpage view control can be implemented by locking the rotation direction of the corresponding activity component.
  • step S2200 the display interface of the video parent view control is stretched so that it overlaps with the vertical screen of the screen of the mobile device;
  • the video parent view control includes a video view control for displaying video content, and a video control control for controlling display of the video content.
  • the video view control may be a TextureView control provided by the Android system, and the TextureView control may be used to display a piece of online video or any data stream such as a video or OpenGL (Open Graphics Library) scene control.
  • the SurfaceView usually displays the video view control of the webpage video.
  • the SurfaceView works by creating a new window placed behind the application window, so the content of the SurfaceView is not on the application window, so the transform cannot be used (pan, zoom, Rotate, etc.), but the TextureView control does not have this problem, the TextureView control can implement the rotation function.
  • the video view control can also be a GLSurfaceView control that implements a rotation function or a SurfaceView control that has a GL function.
  • the video control control is a control for controlling display of video content, and is used for providing functions such as setting pause, playing, adjusting volume, entering/exiting full screen, etc. to control display of video content.
  • the video control control may Is the View control provided by the Andriod system, the View control is a control that provides developers to customize the background or add click events and display.
  • the display interface of the video parent view control is stretched such that it overlaps with the screen of the mobile device, as shown in FIG. 3, which is usually displayed in the video parent view control through the video view control.
  • the original width is usually greater than the height, and when the mobile device is in portrait orientation, the width is usually less than the height, so the original aspect ratio of the video is inconsistent with the aspect ratio of the screen when the mobile device is in portrait orientation, so when the video parent view control is stretched
  • the display interface coincides with the vertical screen of the mobile device after the width of the displayed video is the same as the width of the screen of the mobile device, the black strip is usually filled with the height of the actual content of the displayed video, as shown in the figure. 3 is shown.
  • the webpage video displayed to the user does not appear in the full screen, the display effect appears to be embedded in the webpage, but in a specific implementation, the video parent view control in this embodiment may be set on the webpage.
  • the view control can also be separated from the web view control but is included in a web page parent view control, and the video parent view control is set at the corresponding position of the web view control to obtain the video embedded in the web page. Display of results.
  • the step of stretching the display interface of the video view control to achieve vertical screen overlap is:
  • the offset of the screen of the mobile device relative to the webpage view control may be set in a webpage view control (for example, a top-left vertex in the webpage view control) to obtain a screen and a webpage view control of the mobile device.
  • a webpage view control for example, a top-left vertex in the webpage view control
  • the offset may specifically include an X coordinate value and a Y coordinate value, the coordinate value is based on a reference point in the webpage view control as an origin
  • the established coordinate system is determined.
  • stretching the display interface of the video parent view control to coincide with the vertical screen of the mobile device's screen includes: setting the width and height of the video parent view control respectively to the width and height of the screen of the mobile device, and the video parent
  • the top left corner vertex coordinates of the view control are set to the X coordinate value and the Y coordinate value in the acquired offset, and then the display of the video parent view control is regenerated based on the current width, height, and upper left corner vertex coordinates of the video parent view control.
  • setting the video parent view control to the web view control allows you to stretch the video parent view control without removing or regenerating the original video parent view control from a full-screen view control. Buffering the video being displayed in the video view control of the video parent view control, there is no delay, no extra traffic, and no video jams.
  • the step of displaying the vertical screen by the display interface of the stretched video view control includes:
  • the full screen view control is disposed on the webpage view control and coincides with a screen of the mobile device;
  • the video parent view control is set in the full screen view control, and the display interface of the video parent view control is stretched to coincide with the display interface of the full screen view control.
  • the video parent view control is set in the full screen view control by generating a full screen view control that coincides with the screen of the mobile device, and the display interface of the stretched video parent view control is coincident with the display interface of the full screen view control, specifically, correspondingly,
  • the display interface of the video parent view control coincides with the screen vertical screen of the mobile device, and the implementation is relatively simple, and does not consume too much processing resources.
  • Step S2300 respectively rotating the video view control and the video control control according to a predetermined first rotation angle, so that the video parent view control implements a horizontal screen rotation;
  • the video view control and the video control control are respectively rotated at the same first rotation angle, so that the video parent view control can be rotated horizontally, as shown in FIG. 4, usually in the video parent view control through the video view control
  • the original width of the displayed video is usually greater than the height, and when the mobile device is horizontal, the width is usually greater than the height, so the original aspect ratio of the video is close to the aspect ratio of the screen when the mobile device is in portrait, so when After the video parent view control is rotated horizontally, the video displayed by the video view control in the video parent view control will get a larger display area.
  • the video view control can be a TextureView control
  • the video control control can be a View control.
  • the video view control and the video control control are respectively rotated.
  • the rotation angle of the TextureView control is set to a first rotation angle by setRotation, so that the TextureView control realizes the horizontal rotation, and the interface supported by the View control is set.
  • the rotation angle of the View control is the first rotation angle, so that the View control realizes the horizontal screen rotation, thereby realizing the horizontal rotation of the video parent view control, wherein the first rotation angle may be 90 degrees or 270 degrees.
  • the video view control may also be a GLSurfaceView control or a SurfaceView control with GL function.
  • the interface provided by the GLSurfaceView control or the SurfaceView control with GL function may be implemented, and details are not described herein.
  • Step S2400 Stretch the display interface of the video parent view control to achieve a horizontal screen coincidence with the screen of the mobile device according to the acquired width and height of the screen of the mobile device.
  • the video parent view control implements the horizontal screen rotation
  • the height and width of the screen of the mobile device when the vertical screen overlaps are no longer adapted to the screen of the mobile device, so the display of the video parent view control needs to be re-stretched.
  • the interface specifically, the height of the video parent view control is set to be the width of the mobile device screen
  • the width of the video parent view control is the width of the mobile device screen to regenerate the display interface of the video parent view control to implement the mobile device
  • the screen achieves a horizontal screen coincidence.
  • the aspect ratio of the video displayed by the video view control in the video parent view control is nearly the same as the aspect ratio of the screen of the mobile device, so the video can obtain the largest display area at this time, and there is almost no filled black bar.
  • FIG. 4 is merely schematic and does not mean that the displayed webpage video cannot cover the entire mobile device's screen when entering full screen, by, for example, adjusting the aspect ratio of the webpage video or the webpage video.
  • the aspect ratio itself is consistent with the aspect ratio of the mobile device when it is horizontal, there will be no filled black bars when displayed.
  • the webpage video is implemented in full screen by the full-screen setting method of the webpage video provided in this embodiment.
  • the full-screen setting method of the webpage video further includes a method for causing the webpage video to exit the full screen, as shown in FIG. Show, including:
  • Step S5100 in response to the received exit full screen command, respectively rotating the video view control and the video control control according to a predetermined second rotation angle, so that the video parent view control implements vertical screen rotation;
  • the video view control can be a TextureView control
  • the video control control can be a View control.
  • the video view control and the video control control are respectively rotated.
  • the rotation angle of the TextureView control is set to a second rotation angle by setRotation, so that the TextureView control realizes vertical screen rotation, and the interface supported by the View control is set.
  • the rotation angle of the View control is the second rotation angle, so that the View control realizes the vertical screen rotation, thereby realizing the vertical rotation of the video parent view control, wherein the first rotation angle can be set to 0 degree.
  • the video view control may also be a GLSurfaceView control or a SurfaceView control with GL function.
  • the interface provided by the GLSurfaceView control or the SurfaceView control with GL function may be implemented, and details are not described herein.
  • Step S5200 setting the width and height of the video parent view control to the original width and the original height before entering the full screen, and according to the obtained original offset of the video parent view control relative to the webpage view control. Recovering the position of the video parent view control relative to the web page view control to a position before entering the full screen;
  • the original height and original width of the video parent view control can be obtained from the kernel of a browser or similar browser application.
  • the original offset of the video parent view control relative to the webpage view control may be a reference point in the video parent view control that is not in response to entering the full screen instruction to enter the full screen (eg, the top left corner of the video parent view control) Relative to the offset of the reference point in the webpage view control (for example, the top left corner vertex of the webpage view control), the offset may specifically include an X coordinate value and a Y coordinate value, and the origin is established by the reference point in the webpage view control.
  • the coordinate system is determined.
  • step S5300 the locking of the webpage view control is released, so as to exit the full screen.
  • the webpage view control when the webpage view control is implemented by the Activity component, it can be implemented by unlocking the rotation direction of the corresponding Activity component.
  • the full-screen setting method of the webpage video provided in the embodiment is described above with reference to the accompanying drawings.
  • the display interface of the video parent view control including the video view control and the video control control is stretched and implemented.
  • the screen vertical screen of the device is coincident, and then the video view control and the video control control are respectively rotated to implement the horizontal rotation of the video parent view control, and then the screen of the video parent view control is stretched to coincide with the horizontal screen of the mobile device, so that the webpage video
  • the rotation of the webpage view control is not triggered, thereby avoiding the beating and jamming of the webpage display brought by the webpage re-typesetting, thereby improving the user experience.
  • a full screen setting device 6000 for webpage video is provided.
  • the method includes: a locking processing unit 6100, a vertical screen processing unit 6200, a first rotation processing unit 6300, and a horizontal screen processing unit 6400.
  • the second rotation processing unit 6500, the recovery setting unit 6600, and the unlocking processing unit 6700 are used to implement any full-screen setting method provided in this embodiment, and details are not described herein again.
  • the locking processing unit 6100 is configured to lock the webpage view control in response to the received full screen command, so that the webpage view control does not rotate;
  • the webpage view control is used to display webpage content
  • the vertical screen processing unit 6200 is configured to stretch the display interface of the video parent view control such that it overlaps with the vertical screen of the mobile device's screen.
  • the video parent view control includes a video view control and a video control control, where the video view control is used to display video content, and the video control control is used to control display of video content;
  • a first rotation processing unit 6300 configured to respectively rotate the video view control and the video control control according to a predetermined first rotation angle, so that the video parent view control implements a horizontal screen rotation;
  • the horizontal screen processing unit 6400 is configured to stretch the display interface of the video parent view control to achieve a horizontal screen coincidence with the screen of the mobile device according to the acquired width and height of the screen of the mobile device.
  • the full screen setting device 6000 further includes:
  • a second rotation processing unit 6500 configured to respectively rotate the video view control and the video control control according to a predetermined second rotation angle in response to the received exit full screen instruction, so that the video parent view control implements vertical Screen rotation
  • a restoration setting unit 6600 configured to set a width and a height of the video parent view control to an original width and an original height before entering the full screen, and according to the acquired original of the video parent view control relative to the webpage view control An offset that restores the position of the video parent view control relative to the web page view control to a position before entering the full screen;
  • the unlocking processing unit 6700 is configured to release the locking of the webpage view control to implement exiting the full screen.
  • the full screen setting device 6000 may be a browser or a similar browser application itself, or may be a corresponding functional unit included in a browser or a similar browser application. It can also be a corresponding device that establishes a connection with a browser or a similar browser application in the form of a plug-in or the like, and is not enumerated here.
  • the full screen setting device 6000 can be implemented in a variety of ways.
  • the full screen setting device 6000 can be implemented by an instruction configuration processor.
  • the instructions can be stored in the ROM, and when the device is booted, the instructions are read from the ROM into the programmable device to implement the full screen setup device 6000.
  • full screen setup device 6000 can be cured into a dedicated device (eg, an ASIC).
  • the full screen setting device 6000 can be divided into mutually independent units, or they can be combined and implemented.
  • the full screen setting device 6000 may be implemented by one of the various implementations described above, or may be implemented by a combination of two or more of the various implementations described above.
  • a mobile device including at least:
  • the full screen setting device 6000 of any webpage video provided in this embodiment.
  • the mobile device can be a mobile phone, a tablet, or a handheld computer.
  • a mobile device including:
  • a memory for storing instructions for controlling the processor to operate to perform a full screen setting method of any one of the webpage videos provided in the embodiment.
  • the physical implementation of the mobile device may be the mobile device 1000 as shown in FIG. 1.
  • a full screen setting method, device, and mobile device for webpage video are provided.
  • the video view control and the video control control are included.
  • the display interface of the video parent view control is stretched to coincide with the vertical screen of the mobile device, and then the video view control and the video control control are respectively rotated to implement the horizontal rotation of the video parent view control, and then the screen of the video parent view control is stretched.
  • the webpage video does not trigger the rotation of the webpage view control during the process of entering the full screen, thereby avoiding the bouncing and jamming of the webpage display caused by the re-layout of the webpage, thereby improving the user experience.
  • the application can be a system, method and/or computer program product.
  • the computer program product can comprise a computer readable storage medium having computer readable program instructions embodied thereon for causing a processor to implement various aspects of the present application.
  • the computer readable storage medium can be a tangible device that can hold and store the instructions used by the instruction execution device.
  • the computer readable storage medium can be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any suitable combination of the foregoing.
  • Non-exhaustive list of computer readable storage media include: portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM) Or flash memory), static random access memory (SRAM), portable compact disk read only memory (CD-ROM), digital versatile disk (DVD), memory stick, floppy disk, mechanical encoding device, for example, with instructions stored thereon A raised structure in the hole card or groove, and any suitable combination of the above.
  • a computer readable storage medium as used herein is not to be interpreted as a transient signal itself, such as a radio wave or other freely propagating electromagnetic wave, an electromagnetic wave propagating through a waveguide or other transmission medium (eg, a light pulse through a fiber optic cable), or through a wire The electrical signal transmitted.
  • the computer readable program instructions described herein can be downloaded to a respective computing/processing device from a computer readable storage medium or downloaded to an external computer or external storage device over a network, such as the Internet, a local area network, a wide area network, and/or a wireless network.
  • the network may include copper transmission cables, fiber optic transmissions, wireless transmissions, routers, firewalls, switches, gateway computers, and/or edge servers.
  • a network adapter card or network interface in each computing/processing device receives computer readable program instructions from the network and forwards the computer readable program instructions for storage in a computer readable storage medium in each computing/processing device .
  • Computer program instructions for performing the operations of the present application can be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine related instructions, microcode, firmware instructions, state setting data, or in one or more programming languages.
  • the computer readable program instructions can 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, partly on the remote computer, or entirely on the remote computer or server. carried out.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or wide area network (WAN), or can be connected to an external computer (eg, using an Internet service provider to access the Internet) connection).
  • the customized electronic circuit such as a programmable logic circuit, a field programmable gate array (FPGA), or a programmable logic array (PLA), can be customized by utilizing state information of computer readable program instructions.
  • Computer readable program instructions are executed to implement various aspects of the present application.
  • the computer readable program instructions can be provided to a general purpose computer, a special purpose computer, or a processor of other programmable data processing apparatus to produce a machine such that when executed by a processor of a computer or other programmable data processing apparatus Means for implementing the functions/acts specified in one or more of the blocks of the flowcharts and/or block diagrams.
  • the computer readable program instructions can also be stored in a computer readable storage medium that causes the computer, programmable data processing device, and/or other device to operate in a particular manner, such that the computer readable medium storing the instructions includes An article of manufacture that includes instructions for implementing various aspects of the functions/acts recited in one or more of the flowcharts.
  • the computer readable program instructions can also be loaded onto a computer, other programmable data processing device, or other device to perform a series of operational steps on a computer, other programmable data processing device or other device to produce a computer-implemented process.
  • instructions executed on a computer, other programmable data processing apparatus, or other device implement the functions/acts recited in one or more of the flowcharts and/or block diagrams.
  • each block in the flowchart or block diagram can represent a module, a program segment, or a portion of an instruction that includes one or more components for implementing the specified logical functions.
  • Executable instructions can also occur in a different order than those illustrated in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts can be implemented in a dedicated hardware-based system that performs the specified function or function. Or it can be implemented by a combination of dedicated hardware and computer instructions. It is well known to those skilled in the art that implementation by hardware, implementation by software, and implementation by a combination of software and hardware are equivalent.
  • the application does not trigger the re-layout of the webpage, avoiding the beating or jamming of the webpage display, and improving the user experience.

Abstract

本申请公开了一种网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质。该方法包括：响应于所接收的进入全屏指令，锁定网页视图控件，以使得网页视图控件不发生旋转；拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合；根据预定的第一旋转角度，分别旋转视频视图控件和所述视频控制控件，以使得视频父视图控件实现横屏旋转；根据所获取的移动设备的屏幕的宽和高，拉伸视频父视图控件的展示界面至与移动设备的屏幕实现横屏重合。根据本申请，在实现网页视频的全屏设置时，不触发网页的重新排版，避免网页显示的跳动或卡顿，提升用户体验。

Description

网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质 技术领域
本申请涉及网页视频播放技术领域，更具体地，涉及一种网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质。
背景技术
随着移动设备的智能化普及和HTML5技术的发展，用户使用移动设备上安装的浏览器或者类似浏览器的网络应用，观看网页视频已经非常普遍。
在浏览器或者类似浏览器的网络应用在播放网页视频时，网页视频通常作为网页的一个普通节点，内嵌在网页中播放，因此网页视频的视频展示区域通常只是占据网页的一部分，用户在观看网页视频时，除了可以看到视频展示区域，还能看到视频展示区域之外的其他元素，例如介绍视频的文字、页面图标等。
而移动设备的屏幕通常较小，用户为获取更好的网页视频观看体验，通常会通过网页视频的点击控件选择进入视频全屏，使得网页视频的视频展示区域铺满移动设备的屏幕，获取更好的观看效果。而目前由于大部分的网页视频的宽度都大于高度，所以网页视频的视频全屏一般都是横屏展示，以使得视频展示区域获得最大的展示面积。
但是，现有浏览器或者浏览器应用播放网页视频的方案中，在实现网页视频全屏时，对于视频转为横屏展示的处理，通常都是通过横屏旋转整个用于展示网页内容的网页视图控件来完成，例如，通常是通过旋转与网页视图控件对应的Activity组件来实现，这样可以使得设置于网页视图控件中的用于展示视频内容的视频视图控件也同时发生横屏旋转，从而实现视频转为横屏展示。但是，旋转网页视图控件，例如旋转Activity组件，通常会导致浏览器或者浏览器应用的界面上的视图控件发生重新排版，至少包括网页视图控件发生重新排版，而网页视图控件的重新排版会导致网 页的重新排版，这对基于HTML5技术开发的网页而言，会触发相应的JavaScript函数事件(简称为JS事件)，消耗大量的处理资源以执行该JS事件，从而带来网页显示的跳动或卡顿，十分影响用户的体验。
因此，申请人认为，有必要针对上述现有技术中存在的问题进行改进。
发明内容
本申请的一个目的是提供一种用于网页视频的全屏设置的新技术方案。
根据本申请的第一方面，提供了一种网页视频的全屏设置方法，包括：
响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转，
其中，所述网页视图控件用于展示网页内容；
拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合，
其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示；
根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；
根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。
其中，
所述网页视图控件通过Activity组件实现；
所述锁定网页视图控件的步骤是：
锁定所述Activity组件的旋转方向。
其中，
所述视频父视图控件设置于所述网页视图控件中，
所述拉伸视频父视图控件的展示界面实现竖屏重合的步骤为：
根据所获取的所述移动设备的屏幕的宽、高以及所述移动设备的屏幕相对所述网页视图控件的偏移量，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合。
其中，所述拉伸视频视图控件的展示界面实现竖屏重合的步骤包括：
生成全屏视图控件；
所述全屏视图控件设置于所述网页视图控件之上，并且与所述移动设备的屏幕重合；以及
将所述视频父视图控件设置于所述全屏视图控件中，并拉伸所述视频父视图控件的展示界面至与所述全屏视图控件的展示界面重合。
其中，所述网页视频的全屏设置方法还包括：
响应于所接收的退出全屏指令，根据预定的第二旋转角度，分别旋转所述视频视图控件以及所述视频控制控件，以使得所述视频父视图控件实现竖屏旋转；
将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度，并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量，将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置；以及
解除对所述网页视图控件的锁定，以实现退出全屏。
其中，
所述视频视图控件是TextureView控件、GLSurfaceView控件或具有GL功能的SurfaceView控件中的一种；
所述视频控制控件是View控件；
所述第一旋转角度为90度或270度；以及
所述第二旋转角度为0度。
根据本申请的第二方面，提供一种网页视频的全屏设置设备，包括：
锁定处理单元，用于响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转，
其中，所述网页视图控件用于展示网页内容；
竖屏处理单元，用于拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合，
其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示；
第一旋转处理单元，用于根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；以及
横屏处理单元，用于根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。
其中，所述网页视频的全屏设置设备包括：
第二旋转处理单元，用于响应于所接收的退出全屏指令，根据预定的第二旋转角度，分别旋转所述视频视图控件以及所述视频控制控件，以使得所述视频父视图控件实现竖屏旋转；
恢复设置单元，用于将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度，并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量，将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置；以及
解锁处理单元，用于解除对所述网页视图控件的锁定，以实现退出全屏。
根据本申请的第三方面，提供一种移动设备，至少包括：
屏幕，以及
根据本申请的第二方面提供的网页视频的全屏设置设备。
根据本申请的第四方面，提供一种移动设备，包括：
存储器和处理器，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行本申请第一方面提供的网页视频的全屏方法。
根据本申请的第五方面，提供一种计算机可读存储介质，其存储有计算机可读程序指令，所述计算机可读程序指令用于执行本申请第一方面提供的网页视频的全屏方法。
本申请的申请人发现，在现有技术中，尚未存在一种网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质，可以在实现网页视频的全屏设置时，不触发网页的重新排版，避免网页显示的跳动或卡顿，提升用户体验。因此，本申请所要实现的技术任务或者所要解决的技术问题是本领域技术人员从未想到的或者没有预期到的，故本申请是一种新的技术方案。
通过以下参照附图对本申请的示例性实施例的详细描述，本申请的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本申请的实施例，并且连同其说明一起用于解释本申请的原理。
图1是显示可用于实现本申请的实施例的移动设备的硬件配置的例子的框图。
图2示出了本申请的实施例的网页视频进入全屏的方法的流程图。
图3示出了本申请的实施例中实现竖屏重合的示意图。
图4示出了本申请的实施例中实现横屏重合的示意图。
图5示出了本申请的实施例的网页视频退出全屏的方法的流程图。
图6示出了本申请的实施例的网页视频的全屏设置设备的框图。
具体实施方式
现在将参照附图来详细描述本申请的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本申请的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作 为对本申请及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
<硬件配置>
图1是示出可以实现本申请的实施例的移动设备1000的硬件配置的框图。
移动设备1000的可以是手机(例如1100-1所示)、平板电脑(例如1100-2所示)等。如图1所示，移动设备1000的可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、麦克风1800等等。其中，处理器1100可以是中央处理器CPU、微处理器MCU等。存储器1200例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB接口、耳机接口等。通信装置1400例如能够进行有线或无线通信等。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以通过扬声器1700和麦克风1800输入/输出语音信息。
图1所示的移动设备仅仅是说明性的并且决不意味着对本申请、其应用或使用的任何限制。应用于本申请的实施例中，移动设备1000的的所述存储器1200用于存储指令，所述指令用于控制所述处理器1100进行操作以执行本申请实施例提供的任意一项网页视频全屏播放方法。本领域技术人员应当理解，尽管在图1中对移动设备1000的示出了多个装置，但是，本申请可以仅涉及其中的部分装置，例如，移动设备1000的只涉及处理器1100和存储装置1200。技术人员可以根据本申请所公开方案设计指令。指 令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。
<实施例>
<方法>
在本实施例中提供一种网页视频的全屏设置方法，其中，网页视频是指用户通过移动设备的浏览器或者类似浏览器的应用提供的视频播放功能，观看的设置于网页中的视频。该方法如图2所示，包括：
步骤S2100，响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转；
其中，所述进入全屏指令由用户触发，例如，可以由用户点击网页视频的展示界面中出现的全屏按钮触发。
所述网页视图控件用于展示网页内容，例如，网页视图控件可以是WebView，WebView是Andriod系统提供的一个控件，可以用于显示网页。
锁定网页视图控件，使得所述网页视图控件不发生旋转，可以避免由网页视图控件的旋转带来的网页的重新排版，进而不会触发JS事件的发生。所述JS事件是基于HTML5技术开发的网页中的元素发生变化触发的JavaScript(直译式脚本语言)函数事件，例如监听到显示网页的屏幕分辨率发生变化、发生转屏等都会触发JS事件，JS事件的执行会消耗大量的处理资源，从而带来网页显示的跳动或卡顿，影响用户体验。本实施例中通过锁定网页视图控件以及后续一系列的操作，就可以在实现网页视频的全屏设置的同时，避免出现这个问题。
具体地，所述网页视图控件可以通过Activity组件实现，其中Activity组件是Android系统中最基本最常见的组件之一，Activity组件是一个应用程序组件，它提供一个显示界面，用户可以用来交互为了完成某项任务，因此，Activity组件中所有操作都与用户密切相关，是一个负责与用户交互的组件，可以通过setContentView(View)来显示指定控件，也可以监听并处理用户的事件做出响应。例如，本实施例中，可以通过Activity组件显示网页视图控件。对应地，所述锁定网页视图控件的步骤，可以通过锁定对应的Activity组件的旋转方向来实现。
步骤S2200，拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合；
其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示。
具体地，所述视频视图控件可以是Android系统提供的TextureView控件，TextureView控件可用于显示一段在线视频或者任意的数据流比如视频或者OpenGL(Open Graphics Library,开发图形库)场景的控件。而现有技术中通常将SurfaceView显示网页视频的视频视图控件，SurfaceView的工作方式是创建一个置于应用窗口之后的新窗口，因此SurfaceView的内容不在应用窗口上，所以不能使用变换(平移、缩放、旋转等)，但TextureView控件不存在这个问题，TextureView控件可以实现旋转功能。类似地，视频视图控件还可以是能实现旋转功能的GLSurfaceView控件或具有GL功能的SurfaceView控件。
而所述视频控制控件是用于控制视频内容的展示的控件，用于提供例如设置暂停、播放、调节音量、进入/退出全屏等控制视频内容的展示的功能，具体地，该视频控制控件可以是Andriod系统提供的View控件，View控件是提供开发者自定义设置背景或添加点击事件并显示的控件。
在本实施例中，拉伸视频父视图控件的展示界面以使得其与移动设备的屏幕实现竖屏重合，具体可以如图3所示，通常在视频父视图控件中通过视频视图控件展示的视频，其原始的宽度通常大于高度，而移动设备竖屏时，通常宽度小于高度，因此视频的原始宽高比与移动设备竖屏时的屏幕的宽高比不一致，因此当拉伸视频父视图控件的展示界面与移动设备的屏幕竖屏重合时，在使得展示的视频的宽度与移动设备的屏幕宽度相同后，对于展示的视频实际内容之外高度不足的部分，通常会填充黑条，如图3所示。
虽然在具体应用时，对用户展示的网页视频，在未进入全屏前，展示效果看起来视频都是嵌入在网页中，但在具体实现中，本实施例中的视频父视图控件可以设置于网页视图控件中，也可以与网页视图控件相互分离 但共同被包含于一个网页父视图控件中，并将视频父视图控件设置在位于网页视图控件的对应位置之上，获取看起来视频嵌入网页中的展示效果。
具体地一个例子中，当视频父视图控件设置于网页视图控件中时，拉伸视频视图控件的展示界面实现竖屏重合的步骤具体为：
根据所获取的所述移动设备的屏幕的宽、高以及所述移动设备的屏幕与所述网页视图控件中基准点的偏移量，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合。
具体地，所述移动设备的屏幕相对所述网页视图控件的偏移量，可以在网页视图控件中设置基准点(例如网页视图控件中左上角顶点)，获取移动设备的屏幕与网页视图控件中的基准点的偏移作为移动设备的屏幕相对所述网页视图控件的偏移量，该偏移量具体可以包括X坐标值和Y坐标值，该坐标值基于网页视图控件中的基准点为原点建立的坐标系确定的。
而后，拉伸视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合包括：将视频父视图控件的宽和高分别对应设置为移动设备的屏幕的宽和高，将视频父视图控件的左上角顶点坐标设置为所获取的偏移量中的X坐标值和Y坐标值，再基于视频父视图控件当前的宽、高以及左上角顶点坐标，重新生成视频父视图控件的展示界面，以实现与移动设备的屏幕竖屏重合。
在这个例子中，将视频父视图控件设置于网页视图控件中，可以使得拉伸视频父视图控件时，不需要将原来的视频父视图控件移除或重新生成一个全屏的视图控件，因而不需要缓冲视频父视图控件的视频视图控件中正在展示的视频，不存在时延，也没有额外的流量，不会带来视频的卡顿。
但是在拉伸视频父视图控件的过程中，获取移动设备的屏幕相对所述网页视图控件的偏移量在具体实现时往往需要进行大量的计算，消耗移动设备的处理资源，对移动设备的性能有较高的要求，因此，在另一个例子中，所述拉伸视频视图控件的展示界面实现竖屏重合的步骤包括：
生成全屏视图控件，
所述全屏视图控件设置于所述网页视图控件之上，并且与所述移动设备的屏幕重合；
将所述视频父视图控件设置于所述全屏视图控件中，并拉伸所述视频父视图控件的展示界面至与所述全屏视图控件的展示界面重合。
通过生成与移动设备的屏幕重合的全屏视图控件，将视频父视图控件设置于全屏视图控件中，拉伸视频父视图控件的展示界面至与全屏视图控件的展示界面重合，具体地，对应地，实现视频父视图控件的展示界面与移动设备的屏幕竖屏重合，实现较为简单，无需消耗太多处理资源。
步骤S2300，根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；
其中，分别以相同的第一旋转角度，旋转视频视图控件和视频控制控件，可以使得所述视频父视图控件实现横屏旋转，具体如图4所示，通常视频父视图控件中通过视频视图控件展示的视频，其原始的宽度通常大于高度，而移动设备横屏时，通常宽度也大于高度，因此视频的原始宽高比与移动设备竖屏时的屏幕的宽高比接近一致，因此，当视频父视图控件实现横屏旋转后，视频父视图控件中通过视频视图控件展示的视频将获取更大的展示面积。
具体地，视频视图控件可以是TextureView控件，视频控制控件可以是View控件。而分别旋转所述视频视图控件和所述视频控制控件，具体地，可以是通过setRotation设置TextureView控件的旋转角度为第一旋转角度，以实现TextureView控件实现横屏旋转，通过View控件支持的接口设置View控件的旋转角度为第一旋转角度，以实现View控件实现横屏旋转，从而实现视频父视图控件实现横屏旋转，其中，第一旋转角度可以是90度或者270度。
而视频视图控件还可以是GLSurfaceView控件或具有GL功能的SurfaceView控件，对应横屏旋转所述视频视图控件时，可以通过GLSurfaceView控件或具有GL功能的SurfaceView控件提供的接口实现，在此不再赘述。
步骤S2400，根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。
当所述视频父视图控件实现横屏旋转后，其在于移动设备的屏幕实现 竖屏重合时所具有高度和宽度不再适应移动设备的屏幕，因此需要重新拉伸所述视频父视图控件的展示界面，具体地，可以设置视频父视图控件的高度为移动设备屏幕的宽度，视频父视图控件的宽度为移动设备屏幕的宽度，以重新生成视频父视图控件的展示界面，实现与所述移动设备的屏幕实现横屏重合。而此时视频父视图控件中通过视频视图控件展示的视频的宽高比与移动设备的屏幕的宽高比接近一致，因此此时视频可获取的展示面积最大，几乎不存在填充的黑条，如图4所示。应当理解的是，图4仅为示意性的，并不意味着所展示的网页视频在进入全屏时无法铺满整个移动设备的屏幕，在通过例如调整网页视频的宽高比或者在网页视频的宽高比本身就与移动设备横屏时的宽高比一致时，显示时将不存在填充的黑条。
上述已经结合附图说明通过本实施例中提供的网页视频全屏设置方法使得网页视频实现全屏，在本实施例中，网页视频全屏设置方法还包括使得网页视频退出全屏的方法，具体如图5所示，包括：
步骤S5100，响应于所接收的退出全屏指令，根据预定的第二旋转角度，分别旋转所述视频视图控件以及所述视频控制控件，以使得所述视频父视图控件实现竖屏旋转；
具体地，视频视图控件可以是TextureView控件，视频控制控件可以是View控件。而分别旋转所述视频视图控件和所述视频控制控件，具体地，可以是通过setRotation设置TextureView控件的旋转角度为第二旋转角度，以实现TextureView控件实现竖屏旋转，通过View控件支持的接口设置View控件的旋转角度为第二旋转角度，以实现View控件实现竖屏旋转，从而实现视频父视图控件实现竖屏旋转，其中，第一旋转角度可以设置为0度。
而视频视图控件还可以是GLSurfaceView控件或具有GL功能的SurfaceView控件，对应竖屏旋转所述视频视图控件时，可以通过GLSurfaceView控件或具有GL功能的SurfaceView控件提供的接口实现，在此不再赘述。
步骤S5200，将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度，并根据所获取的所述视频父视图控件相对于所述 网页视图控件的原始偏移量，将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置；
其中，视频父视图控件的原始高度和原始宽度，可以从浏览器或类似浏览器应用的内核中获取。
而所述视频父视图控件相对于所述网页视图控件的原始偏移量，可以是未响应于进入全屏指令进入全屏时的视频父视图控件中的基准点(例如视频父视图控件的左上角顶点)相对于网页视图控件中的基准点(例如网页视图控件的左上角顶点)的偏移，该偏移量具体可以包括X坐标值和Y坐标值，通过网页视图控件中的基准点为原点建立的坐标系确定。
将视频父视图控件中的宽度和高度设置为原始的宽度和高度，基准点的坐标设置为X坐标值和Y坐标值，就将视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置，从而实现退出全屏。
步骤S5300，解除对所述网页视图控件的锁定，以实现退出全屏。
在退出全屏时，解除对所述网页视图控件的锁定，以避免影响网页视频非全频状态下对应的网页视图控件的所需实现的功能。
具体地，例如网页视图控件通过Activity组件实现时，可以通过解锁对应的Activity组件的旋转方向实现。
上述已经结合附图说明了本实施例中提供的网页视频的全屏设置方法，通过锁定网页视图控件后，对包含视频视图控件和视频控制控件的视频父视图控件的展示界面进行拉伸实现与移动设备的屏幕竖屏重合，再分别旋转视频视图控件和视频控制控件以实现视频父视图控件的横屏旋转，而后拉伸视频父视图控件的屏幕至与移动设备的屏幕横屏重合，使得网页视频进入全屏的过程中，不会触发网页视图控件的旋转，从而避免网页重新排版带来的网页显示的跳动和卡顿，提升用户体验。
<设备>
在本实施例中，还提供一种网页视频的全屏设置设备6000，如图6所示，包括：锁定处理单元6100、竖屏处理单元6200、第一旋转处理单元6300、横屏处理单元6400，可选地，还包括：第二旋转处理单元6500、恢 复设置单元6600、解锁处理单元6700，用于实施本实施例中提供的任意一项全屏设置方法，在此不再赘述。
全屏设置设备6000，包括：
锁定处理单元6100，用于响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转；
其中，所述网页视图控件用于展示网页内容；
竖屏处理单元6200，用于拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合，
其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示；
第一旋转处理单元6300，用于根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；
横屏处理单元6400，用于根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。
可选地，全屏设置设备6000还包括：
第二旋转处理单元6500，用于响应于所接收的退出全屏指令，根据预定的第二旋转角度，分别旋转所述视频视图控件以及所述视频控制控件，以使得所述视频父视图控件实现竖屏旋转；
恢复设置单元6600，用于将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度，并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量，将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置；
解锁处理单元6700，用于解除对所述网页视图控件的锁定，以实现退出全屏。
在本实施例中，并不限制全屏设置设备6000的具体实施方式，全屏设置设备6000可以是浏览器或者类似浏览器应用本身，也可以是浏览器或 者类似浏览器应用中包含的对应的功能单元，还可以是以插件等形式与浏览器或者类似浏览器应用建立连接提供服务的对应设备，在此不一一列举。
本领域技术人员应当明白，可以通过各种方式来实现全屏设置设备6000。例如，可以通过指令配置处理器来实现全屏设置设备6000。例如，可以将指令存储在ROM中，并且当启动设备时，将指令从ROM读取到可编程器件中来实现全屏设置设备6000。例如，可以将全屏设置设备6000固化到专用器件(例如ASIC)中。可以将全屏设置设备6000分成相互独立的单元，或者可以将它们合并在一起实现。全屏设置设备6000可以通过上述各种实现方式中的一种来实现，或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。
<实体设备>
本实施例中，还提供一种移动设备，至少包括：
屏幕，以及
本实施例中提供的任意一项网页视频的全屏设置设备6000。
具体地，该移动设备可以是手机、平板电脑或者掌上电脑。
此外，在本实施例中，还提供一种移动设备，包括：
存储器和处理器，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行本实施例中提供的任意一项网页视频的全屏设置方法。
具体地，该移动设备的实体实施形式可以如图1所示的移动设备1000。
以上已经结合附图描述了本申请的实施例，根据本实施例，提供一种网页视频的全屏设置方法、设备及移动设备，通过锁定网页视图控件后，对包含视频视图控件和视频控制控件的视频父视图控件的展示界面进行拉伸实现与移动设备的屏幕竖屏重合，再分别旋转视频视图控件和视频控制控件以实现视频父视图控件的横屏旋转，而后拉伸视频父视图控件的屏幕 至与移动设备的屏幕横屏重合，使得网页视频进入全屏的过程中，不会触发网页视图控件的旋转，从而避免网页重新排版带来的网页显示的跳动和卡顿，提升用户体验。
本领域技术人员公知的是，随着诸如大规模集成电路技术的电子信息
技术的发展和软件硬件化的趋势，要明确划分计算机系统软、硬件界限已经显得比较困难了。因为，任何操作可以软件来实现，也可以由硬件来实现。任何指令的执行可以由硬件完成，同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案，取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。因此，对于电子信息技术领域的普通技术人员来说，更为直接和清楚地描述一个技术方案的方式是描述该方案中的各个操作。在知道所要执行的操作的情况下，本领域技术人员可以基于对所述非技术性因素的考虑直接设计出期望的产品。
本申请可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本申请的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/ 或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本申请操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本申请的各个方面。
这里参照根据本申请实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本申请的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的 计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本申请的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本申请的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本申请的范围由所附权利要求来限定。
工业实用性
本申请在实现网页视频的全屏设置时，不触发网页的重新排版，避免网页显示的跳动或卡顿，提升用户体验。

Claims (11)

  1. 一种网页视频的全屏设置方法，其包括：
    响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转，
    其中，所述网页视图控件用于展示网页内容；
    拉伸视频父视图控件的展示界面，以使得其与移动设备的屏幕实现竖屏重合，
    其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示；
    根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；
    根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。
  2. 根据权利要求1所述的方法，其中，
    所述网页视图控件通过Activity组件实现；
    所述锁定网页视图控件的步骤是：
    锁定所述Activity组件的旋转方向。
  3. 根据权利要求1所述的方法，其中，
    所述视频父视图控件设置于所述网页视图控件中；
    所述拉伸视频父视图控件的展示界面实现竖屏重合的步骤为：
    根据所获取的所述移动设备的屏幕的宽、高以及所述移动设备的屏幕相对所述网页视图控件的偏移量，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现竖屏重合。
  4. 根据权利要求1所述的方法，其中，所述拉伸视频视图控件的展 示界面实现竖屏重合的步骤包括：
    生成全屏视图控件；
    所述全屏视图控件设置于所述网页视图控件之上，并且与所述移动设备的屏幕重合；以及
    将所述视频父视图控件设置于所述全屏视图控件中，并拉伸所述视频父视图控件的展示界面至与所述全屏视图控件的展示界面重合。
  5. 根据权利要求1-4中任一项所述的方法，其中，还包括：
    响应于所接收的退出全屏指令，根据预定的第二旋转角度，分别旋转所述视频视图控件以及所述视频控制控件，以使得所述视频父视图控件实现竖屏旋转；
    将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度，并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量，将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置；以及
    解除对所述网页视图控件的锁定，以实现退出全屏。
  6. 根据权利要求5所述的方法，其中，
    所述视频视图控件是TextureView控件、GLSurfaceView控件或具有GL功能的SurfaceView控件中的一种；
    所述视频控制控件是View控件；
    所述第一旋转角度为90度或270度；以及
    所述第二旋转角度为0度。
  7. 一种网页视频的全屏设置设备，包括：
    锁定处理单元，用于响应于所接收的进入全屏指令，锁定网页视图控件，以使得所述网页视图控件不发生旋转，
    其中，所述网页视图控件用于展示网页内容；
    竖屏处理单元，用于拉伸视频父视图控件的展示界面，以使得其与移 动设备的屏幕实现竖屏重合，
    其中，所述视频父视图控件中包含视频视图控件和视频控制控件，所述视频视图控件用于展示视频内容，所述视频控制控件用于控制视频内容的展示；
    第一旋转处理单元，用于根据预定的第一旋转角度，分别旋转所述视频视图控件和所述视频控制控件，以使得所述视频父视图控件实现横屏旋转；以及
    横屏处理单元，用于根据所获取的所述移动设备的屏幕的宽和高，拉伸所述视频父视图控件的展示界面至与所述移动设备的屏幕实现横屏重合。
  8. 根据权利要求7所述的设备，还包括：
    第二旋转处理单元，用于响应于所接收的退出全屏指令，根据预定的第二旋转角度，分别旋转所述视频视图控件以及所述视频控制控件，以使得所述视频父视图控件实现竖屏旋转；
    恢复设置单元，用于将所述视频父视图控件的宽度和高度设置为进入全屏前的原始宽度和原始高度，并根据所获取的所述视频父视图控件相对于所述网页视图控件的原始偏移量，将所述视频父视图控件相对于所述网页视图控件的位置恢复为未进入全屏前的位置；以及
    解锁处理单元，用于解除对所述网页视图控件的锁定，以实现退出全屏。
  9. 一种移动设备，其至少包括：
    屏幕，以及
    如权利要求7或8所述的网页视频的全屏设置设备。
  10. 一种移动设备，其包括：
    存储器和处理器，所述存储器用于存储指令，所述指令用于控制所述处理器进行操作以执行根据权利要求1-6中任一项所述的方法。
  11. 一种计算机可读存储介质，其存储有计算机可读程序指令，所述计算机可读程序指令用于执行权利要求1-6中任一项所述的方法。
PCT/CN2018/070101 2017-02-13 2018-01-03 网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质 WO2018145545A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710075717.6A CN108260018B (zh) 2017-02-13 2017-02-13 网页视频的全屏设置方法、设备及网页视频设置移动设备
CN201710075717.6 2017-02-13

Publications (1)

Publication Number Publication Date
WO2018145545A1 true WO2018145545A1 (zh) 2018-08-16

Family

ID=62721951

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/070101 WO2018145545A1 (zh) 2017-02-13 2018-01-03 网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质

Country Status (2)

Country Link
CN (1) CN108260018B (zh)
WO (1) WO2018145545A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110839174A (zh) * 2019-12-02 2020-02-25 广州酷狗计算机科技有限公司 图像处理的方法、装置、计算机设备以及存储介质
CN111338537A (zh) * 2020-02-11 2020-06-26 北京字节跳动网络技术有限公司 用于显示视频的方法、装置、电子设备和介质
CN114071214A (zh) * 2021-11-17 2022-02-18 上海哔哩哔哩科技有限公司 视频展示方法及装置

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109218831B (zh) * 2018-11-26 2021-04-20 Oppo广东移动通信有限公司 视频播放下网页处理方法、电子装置及计算机可读存储介质
CN111506842A (zh) * 2019-01-31 2020-08-07 阿里巴巴集团控股有限公司 页面展示方法、装置、电子设备及计算机存储介质
CN109640158B (zh) * 2019-02-02 2021-03-02 北京字节跳动网络技术有限公司 一种视频播放的控制方法、装置、设备和介质
CN110083417B (zh) * 2019-04-04 2022-05-06 天津字节跳动科技有限公司 用户界面响应方法和装置
CN110769300B (zh) * 2019-10-16 2022-02-01 南京尚网网络科技有限公司 一种呈现信息流中横屏视频的方法与设备
CN110611843A (zh) * 2019-10-18 2019-12-24 成都中航信虹科技股份有限公司 视频处理方法和装置、视频接入网关及存储介质
CN111866590B (zh) * 2020-07-17 2022-12-23 海信视像科技股份有限公司 一种显示设备
CN111757164B (zh) * 2020-07-29 2022-08-26 北京百度网讯科技有限公司 一种视频播放切换方法、装置、电子设备及存储介质
CN113220399B (zh) * 2021-05-17 2023-08-15 百度在线网络技术（北京）有限公司 一种界面显示方法、装置、智能屏设备及存储介质
CN117376659A (zh) * 2022-06-30 2024-01-09 华为技术有限公司 一种显示方法及相关装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101295539B1 (ko) * 2006-07-31 2013-08-12 엘지전자 주식회사 이동통신 단말기의 화면모드 전환방법
CN103873938A (zh) * 2012-12-14 2014-06-18 联想(北京)有限公司 基于视频标签的网页视频全屏播放方法和移动终端浏览器
CN105306997A (zh) * 2014-05-30 2016-02-03 广州市动景计算机科技有限公司 移动终端播放方式切换方法及装置
CN105933792A (zh) * 2016-06-03 2016-09-07 青岛海信移动通信技术股份有限公司 一种视频播放方法及移动终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101295539B1 (ko) * 2006-07-31 2013-08-12 엘지전자 주식회사 이동통신 단말기의 화면모드 전환방법
CN103873938A (zh) * 2012-12-14 2014-06-18 联想(北京)有限公司 基于视频标签的网页视频全屏播放方法和移动终端浏览器
CN105306997A (zh) * 2014-05-30 2016-02-03 广州市动景计算机科技有限公司 移动终端播放方式切换方法及装置
CN105933792A (zh) * 2016-06-03 2016-09-07 青岛海信移动通信技术股份有限公司 一种视频播放方法及移动终端

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110839174A (zh) * 2019-12-02 2020-02-25 广州酷狗计算机科技有限公司 图像处理的方法、装置、计算机设备以及存储介质
CN111338537A (zh) * 2020-02-11 2020-06-26 北京字节跳动网络技术有限公司 用于显示视频的方法、装置、电子设备和介质
CN111338537B (zh) * 2020-02-11 2021-06-25 北京字节跳动网络技术有限公司 用于显示视频的方法、装置、电子设备和介质
CN114071214A (zh) * 2021-11-17 2022-02-18 上海哔哩哔哩科技有限公司 视频展示方法及装置

Also Published As

Publication number Publication date
CN108260018B (zh) 2020-05-22
CN108260018A (zh) 2018-07-06

Similar Documents

Publication Publication Date Title
WO2018145545A1 (zh) 网页视频的全屏设置方法、设备、移动设备及计算机可读存储介质
US9710217B2 (en) Identifying the positioning in a multiple display grid
JP7407289B2 (ja) ビデオを表示するための方法、装置、電子機器及び媒体
CN107391117B (zh) 轻应用的分屏处理方法、设备及电子设备
US11620784B2 (en) Virtual scene display method and apparatus, and storage medium
US10983812B2 (en) Replaying interactions with a graphical user interface (GUI) presented in a video stream of the GUI
US20220310125A1 (en) Method and apparatus for video production, device and storage medium
US20160018983A1 (en) Touch screen video scrolling
CN105867752B (zh) 钉住用户界面上的区域的方法和系统
WO2017101390A1 (zh) 一种图片显示方法及装置
US10424009B1 (en) Shopping experience using multiple computing devices
US9430808B2 (en) Synchronization points for state information
US20170169599A1 (en) Methods and electronic devices for displaying picture
CN113688341B (zh) 动态图片分解方法、装置、电子设备及可读存储介质
US20140297836A1 (en) Tracking usage metrics for a mobile application
US20150319215A1 (en) Methods for facilitating a remote interface and devices thereof
CN110909274B (zh) 页面浏览方法、装置及电子设备
CN111125480A (zh) 背景音乐的播放方法、设备、客户端装置及电子设备
US9858646B2 (en) Resolution enhancer for electronic visual displays
CN110442499B (zh) 测试、提高页面响应性能的方法和装置、终端设备
CN113676677B (zh) 动态图片合成方法、装置、电子设备及可读存储介质
US10498843B2 (en) Tool for providing actionable functionality on a website
CN110780952A (zh) 应用界面的交互方法、装置及电子设备
US20160170945A1 (en) Information processing device, information processing method, and computer program product
CN110764681A (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: 18750983

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 05/12/2019)

122 Ep: pct application non-entry in european phase

Ref document number: 18750983

Country of ref document: EP

Kind code of ref document: A1