CN112911367B - Video playing interface processing method and device and electronic equipment - Google Patents
Video playing interface processing method and device and electronic equipment Download PDFInfo
- Publication number
- CN112911367B CN112911367B CN201911221922.4A CN201911221922A CN112911367B CN 112911367 B CN112911367 B CN 112911367B CN 201911221922 A CN201911221922 A CN 201911221922A CN 112911367 B CN112911367 B CN 112911367B
- Authority
- CN
- China
- Prior art keywords
- window
- interface
- playing
- webpage
- video playing
- 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.)
- Active
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/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
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to the technical field of image processing, and discloses a method and a device for processing a video playing interface and electronic equipment, wherein the method for processing the video playing interface comprises the following steps: displaying a video playing interface through an application program, wherein the video playing interface is generated based on a mode of inserting a webpage into the application program; the video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form; and receiving an editing instruction aiming at the at least one editable window, and editing the editable window on the video playing interface based on the editing instruction so as to update the video playing interface. The processing method of the video playing interface can edit the playing windows corresponding to the videos, such as reducing or amplifying the size of the editable window and moving the position of the programmable window, so as to improve the watching effect of a user.
Description
Technical Field
The application relates to the technical field of image processing, in particular to a method and a device for processing a video playing interface and electronic equipment.
Background
With the rapid development of internet technology, the use of smart terminals such as smart phones and tablet computers has become widespread, and users often browse different videos on the smart mobile terminals according to their own needs in real life.
Generally, when a user watches a plurality of videos on a mobile terminal, the position and the size of a playing window corresponding to each video are fixed, and when the user needs to change a certain video focused on, or the distance from the user to the terminal changes, the playing windows corresponding to the plurality of videos cannot be edited, so that the watching effect of the user is influenced.
Disclosure of Invention
The purpose of the present application is to solve at least one of the above technical drawbacks, and to provide the following solutions:
in a first aspect, a method for processing a video playing interface is provided, including:
displaying a video playing interface through an application program, wherein the video playing interface is generated based on a mode of inserting a webpage into the application program;
the video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form;
and receiving an editing instruction aiming at the at least one editable window, and editing the editable window on the video playing interface based on the editing instruction so as to update the video playing interface.
In an optional embodiment of the first aspect, the manner of inserting a web page in an application to generate a video playback interface includes:
inserting a webpage into the application program so that the inserted webpage covers a display interface of the application program;
at least two playing windows are inserted into the webpage in a label mode, and the webpage is used as a video playing interface.
In an optional embodiment of the first aspect, inserting at least two playing windows in the form of tags in the web page comprises:
acquiring the number of videos to be played, and inquiring typesetting layout information corresponding to the number of the videos to be played; the typesetting layout information comprises the size and the position of each playing window;
and inserting each playing window in a label form in the webpage based on the typesetting layout information.
In an optional embodiment of the first aspect, the manner of inserting a web page in an application to generate a video playback interface includes:
inserting a webpage into a display interface of an application program; the display interface of the application program is provided with at least one playing window; the display area of the inserted webpage is smaller than the display interface of the application program;
inserting at least one playing window in a webpage in a tag form, wherein the inserted at least one playing window comprises at least one editable window;
and taking the display interface provided with the webpage as a video playing interface.
In an optional embodiment of the first aspect, the editing instructions comprise movement instructions;
receiving an editing instruction for at least one editable window, editing the editable window on the video playing interface based on the editing instruction to update the video playing interface, including:
and receiving a moving instruction aiming at least one editable window, and moving the editable window on the webpage based on the moving instruction so as to update the video playing interface.
In an optional embodiment of the first aspect, the editing instructions comprise size adjustment instructions;
receiving an editing instruction for at least one editable window, editing the editable window on the video playing interface based on the editing instruction to update the video playing interface, including:
receiving a size adjustment instruction for at least one editable window;
adjusting the size of the editable window based on the size adjusting instruction to obtain a new editable window; the size of the editable window is not larger than the area range of the webpage;
and updating the video playing interface based on the new editable window.
In an optional embodiment of the first aspect, the method for processing a video playing interface further includes:
if an overlapping area exists between at least two playing windows, respectively acquiring current video frame images played by the at least two playing windows with the overlapping area;
and adjusting the transparency of the partial current video frame images in the overlapping area so that all the current video frame images are displayed in the video playing interface.
In an optional embodiment of the first aspect, the method for processing a video playing interface further includes:
and when the coordinate of the editing instruction is detected to be positioned in the prompt area corresponding to the editable window, displaying an editable prompt aiming at the editable window.
In a second aspect, a processing apparatus for a video playing interface is provided, including:
the display module is used for displaying a video playing interface through an application program, and the video playing interface is generated based on a mode of inserting a webpage into the application program;
the video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form;
and the editing module is used for receiving an editing instruction aiming at least one editable window and editing the editable window on the video playing interface based on the editing instruction so as to update the video playing interface.
In an alternative embodiment of the second aspect, the manner of inserting a web page in an application program to generate a video playback interface includes:
inserting a webpage into the application program so that the inserted webpage covers a display interface of the application program;
at least two playing windows are inserted into the webpage in a label mode, and the webpage is used as a video playing interface.
In an optional embodiment of the second aspect, inserting at least two playing windows in the form of tags in the web page comprises:
acquiring the number of videos to be played, and inquiring typesetting layout information corresponding to the number of the videos to be played; the typesetting layout information comprises the size and the position of each playing window;
and inserting each playing window in a label form in the webpage based on the typesetting layout information.
In an alternative embodiment of the second aspect, the manner of inserting a web page in an application program to generate a video playback interface includes:
inserting a webpage into a display interface of an application program; the display interface of the application program is provided with at least one playing window; the display area of the inserted webpage is smaller than the display interface of the application program;
inserting at least one playing window in a webpage in a tag form, wherein the inserted at least one playing window comprises at least one editable window;
and taking the display interface provided with the webpage as a video playing interface.
In an alternative embodiment of the second aspect, the editing instructions comprise movement instructions;
the editing module is configured to, when receiving an editing instruction for at least one editable window and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface, specifically:
and receiving a moving instruction aiming at least one editable window, and moving the editable window on the webpage based on the moving instruction so as to update the video playing interface.
In an alternative embodiment of the second aspect, the editing instructions comprise size adjustment instructions;
the editing module is configured to, when receiving an editing instruction for at least one editable window and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface, specifically:
receiving a size adjustment instruction for at least one editable window;
adjusting the size of the editable window based on the size adjusting instruction to obtain a new editable window; the size of the editable window is not larger than the area range of the webpage;
and updating the video playing interface based on the new editable window.
In an optional embodiment of the second aspect, the processing apparatus of the video playing interface further includes an adjusting module, and the adjusting module is configured to:
if an overlapping area exists between at least two playing windows, respectively acquiring current video frame images played by the at least two playing windows with the overlapping area;
and adjusting the transparency of the partial current video frame images in the overlapping area so that all the current video frame images are displayed in the video playing interface.
In an optional embodiment of the second aspect, the processing apparatus of the video playing interface further includes a prompt module, and the prompt module is configured to:
and when the coordinate of the editing instruction is detected to be positioned in the prompt area corresponding to the editable window, displaying an editable prompt aiming at the editable window.
In a third aspect, an electronic device is provided, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and when the processor executes the computer program, the method for processing a video playback interface as shown in the first aspect of the present application is implemented.
In a fourth aspect, a computer-readable storage medium is provided, on which a computer program is stored, and the computer program, when executed by a processor, implements the processing method of the video playing interface shown in the first aspect of the present application.
The beneficial effect that technical scheme that this application provided brought is:
the method includes the steps that a webpage is inserted into an application program, a playing window is inserted into the webpage, a video playing interface comprising at least two playing windows is obtained, the at least two playing windows comprise at least one editable window which is set in a label mode, when an editing instruction of a user for the editable window is received, the editable window can be edited on the video playing interface, the video playing interface is updated, the playing windows corresponding to a plurality of videos can be edited, for example, the size of the editable window is reduced or enlarged, and the position of the programmable window is moved, so that the watching effect of the user is improved.
Furthermore, the editable window can be moved or the size of the editable window can be adjusted, so that the requirements of the user can be met when the user needs to change a certain video which is focused on or the distance between the user and the terminal is changed.
Furthermore, the transparency of the partial current video frame images in the overlapping area is adjusted, so that each current video frame image is displayed in the video playing interface, a plurality of videos can be watched at the same time, and the watching interest is enhanced, for example, a plurality of videos can be overlaid for watching.
Furthermore, by displaying the editable prompt aiming at the editable window in the prompt area corresponding to the editable window, the user can more conveniently identify the editable window and edit the editable window.
Additional aspects and advantages of the present application will be set forth in part in the description which follows and, in part, will be obvious from the description, or may be learned by practice of the present application.
Drawings
The foregoing and/or additional aspects and advantages of the present application will become apparent and readily appreciated from the following description of the embodiments, taken in conjunction with the accompanying drawings of which:
fig. 1a is an application environment diagram of a processing method of a video playing interface according to an embodiment of the present application;
fig. 1b is an application environment diagram of a processing method of a video playing interface according to an embodiment of the present application;
fig. 2 is a schematic flowchart of a processing method of a video playing interface according to an embodiment of the present disclosure;
fig. 3 is a schematic view of a video playing interface according to an embodiment of the present disclosure;
fig. 4 is a schematic flowchart of a processing method of a video playing interface according to an embodiment of the present application;
fig. 5 is a schematic view of a video playing interface provided in an embodiment of the present application;
fig. 6 is a schematic view of a video playing interface according to an embodiment of the present application;
FIG. 7 is a diagram illustrating a scenario for editing a video playback interface according to an example of the embodiment of the present application;
FIG. 8 is a diagram illustrating an edited video playback interface according to an example of the embodiment of the present application;
fig. 9 is a schematic structural diagram of a processing apparatus of a video playing interface according to an embodiment of the present application;
fig. 10 is a schematic structural diagram of an electronic device for processing a video playing interface according to an embodiment of the present application.
Detailed Description
Reference will now be made in detail to the embodiments of the present application, examples of which are illustrated in the accompanying drawings, wherein like or similar reference numerals refer to the same or similar elements or elements having the same or similar function throughout. The embodiments described below with reference to the drawings are exemplary only for the purpose of explaining the present application and are not to be construed as limiting the present application.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may also be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. As used herein, the term "and/or" includes all or any element and all combinations of one or more of the associated listed items.
To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.
The application provides a processing method and device for a video playing interface, an electronic device and a computer readable storage medium, which aim to solve the above technical problems in the prior art.
The following describes the technical solutions of the present application and how to solve the above technical problems with specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.
The processing method of the video playing interface provided by the application can be applied to the application environments shown in fig. 1a and fig. 1 b. Specifically, as shown in fig. 1a, a video playing interface 100 is displayed through an application program, where the video playing interface 100 is generated based on a manner of inserting a web page into the application program; the video playing interface 100 includes a playing window 101 and a playing window 102, where each playing window is used for playing a corresponding video to be played; the two playing windows 101 and 102 include at least one editable window arranged in a label form, in the example shown in fig. 1a, the playing window 101 is an editable window, receives an editing instruction for the at least one editable window 101, moves the playing window 101 to the right, and edits the editable window on the video playing interface based on the editing instruction to update the video playing interface. As shown in fig. 1b, the editable window 101 is edited, i.e., the position of the editable window 101 is moved to the right.
A possible implementation manner is provided in the embodiment of the present application, and as shown in fig. 2, a method for processing a video playing interface is provided, which may include the following steps:
step S201, displaying a video playing interface through the application program, where the video playing interface is generated based on a manner of inserting a web page into the application program.
The video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form.
Specifically, the web page inserted into the application program can cover the original display interface of the application program, and all the playing windows are arranged on the web page; the inserted web page may also be displayed in the original display interface of the application program in a pop-up window form, a play window may be set in the original display interface of the application program, and a play window may also be set in the inserted web page.
Step S202, receiving an editing instruction for at least one editable window, and editing the editable window on the video playing interface based on the editing instruction so as to update the video playing interface.
In a specific implementation process, the playing window includes an editable window and a non-editable window, and the editable window refers to a window that can be edited by a user through an editing instruction.
Specifically, the editing instruction includes at least one of a moving instruction and a size adjusting instruction, and the user may move the editable window or edit the size of the editable window by moving the touch screen or clicking a specific position on the touch screen, for example, clicking and moving the editable window, dragging the editable window, or clicking and dragging a frame of the editable window, and adjusting the size of the editable window.
In the above embodiment, a video playing interface including at least two playing windows is obtained by inserting a web page into an application program and inserting a playing window into the web page, where the at least two playing windows include at least one editable window set in a tag form, and when an editing instruction for the editable window by a user is received, the editable window may be edited on the video playing interface, so as to update the video playing interface, and the playing windows corresponding to multiple videos may be edited, for example, the size of the editable window is reduced or enlarged, and the position of the programmable window is moved, so as to improve the viewing effect of the user.
In one implementation, the manner of inserting a web page in an application to generate a video playback interface may include:
(1) inserting a webpage into the application program so that the inserted webpage covers a display interface of the application program;
(2) at least two playing windows are inserted into the webpage in a label mode, and the webpage is used as a video playing interface.
Specifically, the two inserted play windows include at least one editable window, and the two inserted play windows are inserted in the form of a movable label, that is, the editable window is formed.
In a specific implementation process, inserting at least two playing windows in a webpage in a tag form may include:
a. acquiring the number of videos to be played, and inquiring typesetting layout information corresponding to the number of the videos to be played; the typesetting layout information comprises the size and the position of each playing window;
b. and inserting each playing window in a label form in the webpage based on the typesetting layout information.
In the specific implementation process, a plurality of types of layout information can be prestored in the application program, each type of layout information corresponds to different number of videos to be played, after the number of the videos to be played is obtained, the corresponding type of layout information is called, and each playing window is inserted into a webpage according to the type of layout information.
For example, two playing windows are inserted into the inserted web page in the form of movable labels, and both playing windows may be editable windows.
The layout information may further include the number of editable windows, the position of each editable window, the number of non-editable windows, and the position of each non-editable window, and the user may also set the number of editable windows.
In another implementation, the method for inserting a web page into an application to generate a video playing interface may include:
(1) inserting a webpage into a display interface of an application program; the display interface of the application program is provided with at least one playing window; the display area of the inserted webpage is smaller than the display interface of the application program;
(2) inserting at least one playing window in a webpage in a tag form, wherein the inserted at least one playing window comprises at least one editable window;
(3) and taking the display interface provided with the webpage as a video playing interface.
Specifically, the method can also be inserted into the application program in a pop-up webpage form, at least one playing window is already set in a display interface of the application program, and then at least one playing window is inserted into the pop-up webpage.
As shown in fig. 3, the display interface 100 of the application program is provided with a play window 301, a webpage 302 is inserted in a pop-up form, a play window 303 is inserted in a movable tag form in the webpage, and the inserted play window 303 is an editable window.
The embodiment of the application provides a possible implementation manner, and the editing instruction comprises a moving instruction; receiving an editing instruction for at least one editable window in step S202, and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface may include:
and receiving a moving instruction aiming at least one editable window, and moving the editable window on the webpage based on the moving instruction so as to update the video playing interface.
Specifically, the user may move the editable window in a manner of moving the touch screen or clicking a specific position on the touch screen, for example, clicking and moving the editable window, and dragging the editable window.
The embodiment of the application provides a possible implementation manner, and the editing instruction comprises a size adjusting instruction; receiving an editing instruction for at least one editable window in step S202, and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface may include:
(1) receiving a size adjustment instruction for at least one editable window;
(2) adjusting the size of the editable window based on the size adjusting instruction to obtain a new editable window; the size of the editable window is not larger than the area range of the webpage;
(3) and updating the video playing interface based on the new editable window.
Similarly, the user may edit the size of the editable window by moving the touch screen or clicking a specific position on the touch screen, for example, clicking a border of the editable window and dragging the border of the editable window, where the border changes from the size along with the clicking or dragging action.
In the above embodiment, the editable window may be moved or the size of the editable window may be adjusted, so that the user's requirement may be met when the user needs to change a certain video focused on, or when the distance from the user to the terminal changes.
A possible implementation manner is provided in the embodiment of the present application, and as shown in fig. 4, the processing method of the video playing interface may further include:
step S203, if an overlap region exists between at least two playing windows, respectively acquiring current video frame images played by the at least two playing windows in the overlap region;
and step S204, adjusting the transparency of the partial current video frame images in the overlapping area so as to display each current video frame image in the playing interface.
In a specific implementation process, if an overlap region exists between at least two playing windows, the current video frame image located in the overlap region may be acquired, and the transparency of the portion of the current video frame image in the overlap region may be adjusted.
If the web page is inserted into the application program and covers the display interface of the application program, all the playing windows are located in the web page, as shown in fig. 5, the video playing interface 500 has a playing window 501 and a playing window 502, an overlapping region 503 exists between the two playing windows, and the transparency of the two current video frame images in the overlapping region 503 can be adjusted, so that the current video frame images in the two playing windows can be displayed, that is, there is no case where one of the playing windows blocks the other playing window.
If the webpage is inserted into the application program in the form of a pop-up window, the video playing interface includes the original display interface of the application program and the webpage in the form of a pop-up window, as shown in fig. 6, a playing window 601 is arranged in the original display interface 600 of the application program, the webpage 602 is inserted into the display interface 600 in the form of a pop-up window, a playing window 603 is inserted into the webpage, the playing window 603 is an editable window, an overlapping area of the playing window 603 and the playing window 601 is an area where the whole webpage 602 is located, the transparency of the whole webpage 602 or the whole playing window 603 can be adjusted, and the transparency of the area where the playing window 601 is located in the webpage 602 is adjusted, so that the current video frame images in the playing window 601 and the playing window 603 are both visible.
In the above embodiment, the transparency of the partial current video frame images in the overlapping area is adjusted, so that each current video frame image is displayed in the video playing interface, and the interestingness of watching can be enhanced while watching a plurality of videos simultaneously, for example, a plurality of videos can be overlaid for watching.
The embodiment of the present application provides a possible implementation manner, and the method for processing the video playing interface may further include:
and when the coordinate of the editing instruction is detected to be positioned in the prompt area corresponding to the editable window, displaying an editable prompt aiming at the editable window.
When the coordinate of the detected editing instruction is located in the prompt area corresponding to the editable window, an editable character can be displayed on the editable window, or a preset symbol, a letter, or the like can be highlighted in the preset area on the editable window, and the specific prompt mode is not limited herein.
In the above embodiment, by displaying the editable reminder for the editable window in the prompt area corresponding to the editable window, it is more convenient for the user to identify the editable window and edit the editable window.
According to the processing method of the video playing interface, the webpage is inserted into the application program, the playing window is inserted into the webpage, the video playing interface comprising at least two playing windows is obtained, the at least two playing windows comprise at least one editable window which is arranged in a label mode, and when an editing instruction of a user for the editable window is received, the editable window can be edited on the video playing interface, so that the video playing interface is updated, the playing windows corresponding to a plurality of videos can be edited, for example, the size of the editable window is reduced or enlarged, and the position of the programmable window is moved, so that the watching effect of the user is improved.
Furthermore, the editable window can be moved or the size of the editable window can be adjusted, so that the requirements of the user can be met when the user needs to change a certain video which is focused on or the distance between the user and the terminal is changed.
Furthermore, the transparency of the partial current video frame images in the overlapping area is adjusted, so that each current video frame image is displayed in the video playing interface, a plurality of videos can be watched at the same time, and the watching interest is enhanced, for example, a plurality of videos can be overlaid for watching.
Furthermore, by displaying the editable prompt aiming at the editable window in the prompt area corresponding to the editable window, the user can more conveniently identify the editable window and edit the editable window.
An example of the processing method of the video playing interface of the present invention is described in detail below:
in an example, a method for processing a video playing interface provided by the present application includes the following steps:
1) inserting a webpage into the application program so that the inserted webpage covers a display interface of the application program;
2) inserting two playing windows into a webpage in a tag form, respectively playing a video A and a video B in the two playing windows, and taking the webpage as a video playing interface; both the two playing windows are editable windows;
3) as shown in fig. 7, a move instruction for two play windows is received;
4) moving the two playing windows based on the moving instruction;
5) adjusting the transparency of part of the current video frame images in the overlapping area so as to display each current video frame image in the video playing interface; the resulting video playback interface is shown in fig. 8.
In the above example, by inserting the web page into the application program and inserting two playing windows into the web page, both of the two playing windows are editable windows, and receiving the moving instruction for the two playing windows, the videos to be played corresponding to the two playing windows are played in an overlapping manner, so that the interest in watching the two videos is enhanced.
One possible implementation manner is provided in the embodiment of the present application, as shown in fig. 9, a processing apparatus 90 for a video playing interface is provided, which includes a display module 901 and an editing module 902, wherein,
a display module 901, configured to display a video playing interface through an application program, where the video playing interface is generated based on a manner of inserting a web page into the application program;
the video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form;
the editing module 902 is configured to receive an editing instruction for at least one editable window, and edit the editable window on the video playing interface based on the editing instruction to update the video playing interface.
The embodiment of the present application provides a possible implementation manner, and a manner of inserting a web page in an application program to generate a video playing interface includes:
inserting a webpage into the application program so that the inserted webpage covers a display interface of the application program;
at least two playing windows are inserted into the webpage in a label mode, and the webpage is used as a video playing interface.
The embodiment of the present application provides a possible implementation manner, where at least two playing windows are inserted in a webpage in a tag form, including:
acquiring the number of videos to be played, and inquiring typesetting layout information corresponding to the number of the videos to be played; the typesetting layout information comprises the size and the position of each playing window;
and inserting each playing window in a label form in the webpage based on the typesetting layout information.
The embodiment of the present application provides a possible implementation manner, and a manner of inserting a web page in an application program to generate a video playing interface includes:
inserting a webpage into a display interface of an application program; the display interface of the application program is provided with at least one playing window; the display area of the inserted webpage is smaller than the display interface of the application program;
inserting at least one playing window in a webpage in a tag form, wherein the inserted at least one playing window comprises at least one editable window;
and taking the display interface provided with the webpage as a video playing interface.
The embodiment of the application provides a possible implementation manner, and the editing instruction comprises a moving instruction;
the editing module 902, when receiving an editing instruction for at least one editable window and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface, is specifically configured to:
and receiving a moving instruction aiming at least one editable window, and moving the editable window on the webpage based on the moving instruction so as to update the video playing interface.
The embodiment of the application provides a possible implementation manner, and the editing instruction comprises a size adjusting instruction;
the editing module 902, when receiving an editing instruction for at least one editable window and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface, is specifically configured to:
receiving a size adjustment instruction for at least one editable window;
adjusting the size of the editable window based on the size adjusting instruction to obtain a new editable window; the size of the editable window is not larger than the area range of the webpage;
and updating the video playing interface based on the new editable window.
The embodiment of the present application provides a possible implementation manner, and the processing apparatus for a video playing interface further includes an adjusting module, where the adjusting module is configured to:
if an overlapping area exists between at least two playing windows, respectively acquiring current video frame images played by the at least two playing windows with the overlapping area;
and adjusting the transparency of the partial current video frame images in the overlapping area so that all the current video frame images are displayed in the video playing interface.
The embodiment of the present application provides a possible implementation manner, and the processing apparatus of the video playing interface further includes a prompt module, where the prompt module is configured to:
and when the coordinate of the editing instruction is detected to be positioned in the prompt area corresponding to the editable window, displaying an editable prompt aiming at the editable window.
According to the processing device for the video playing interface, the webpage is inserted into the application program, the playing window is inserted into the webpage, the video playing interface comprising at least two playing windows is obtained, the at least two playing windows comprise at least one editable window which is arranged in a label mode, and when an editing instruction of a user for the editable window is received, the editable window can be edited on the video playing interface, so that the video playing interface is updated, the playing windows corresponding to a plurality of videos can be edited, for example, the size of the editable window is reduced or enlarged, and the position of the programmable window is moved, so that the watching effect of the user is improved.
The processing device for a video playing interface of a picture according to the embodiment of the present disclosure may execute the processing method for a video playing interface of a picture provided by the embodiment of the present disclosure, and the implementation principle is similar, the actions executed by each module in the processing device for a video playing interface of a picture according to the embodiments of the present disclosure correspond to the steps in the processing method for a video playing interface of a picture according to the embodiments of the present disclosure, and for the detailed functional description of each module of the processing device for a video playing interface of a picture, reference may be specifically made to the description in the processing method for a video playing interface of a corresponding picture shown in the foregoing text, and details are not repeated here.
Based on the same principle as the method shown in the embodiments of the present disclosure, embodiments of the present disclosure also provide an electronic device, which may include but is not limited to: a processor and a memory; a memory for storing computer operating instructions; and the processor is used for executing the processing method of the video playing interface shown in the embodiment by calling the computer operation instruction. Compared with the prior art, the processing method of the video playing interface can edit the playing windows corresponding to a plurality of videos, such as reducing or enlarging the size of the editable window and moving the position of the programmable window, so as to improve the watching effect of a user.
In an alternative embodiment, an electronic device is provided, as shown in fig. 10, the electronic device 4000 shown in fig. 10 comprising: a processor 4001 and a memory 4003. Processor 4001 is coupled to memory 4003, such as via bus 4002. Optionally, the electronic device 4000 may further comprise a transceiver 4004. In addition, the transceiver 4004 is not limited to one in practical applications, and the structure of the electronic device 4000 is not limited to the embodiment of the present application.
The Processor 4001 may be a CPU (Central Processing Unit), a general-purpose Processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array) or other Programmable logic device, a transistor logic device, a hardware component, or any combination thereof. Which may implement or perform the various illustrative logical blocks, modules, and circuits described in connection with the disclosure. The processor 4001 may also be a combination that performs a computational function, including, for example, a combination of one or more microprocessors, a combination of a DSP and a microprocessor, or the like.
The Memory 4003 may be a ROM (Read Only Memory) or other types of static storage devices that can store static information and instructions, a RAM (Random Access Memory) or other types of dynamic storage devices that can store information and instructions, an EEPROM (Electrically Erasable Programmable Read Only Memory), a CD-ROM (Compact Disc Read Only Memory) or other optical Disc storage, optical Disc storage (including Compact Disc, laser Disc, optical Disc, digital versatile Disc, blu-ray Disc, etc.), a magnetic Disc storage medium or other magnetic storage devices, or any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer, but is not limited to these.
The memory 4003 is used for storing application codes for executing the scheme of the present application, and the execution is controlled by the processor 4001. Processor 4001 is configured to execute application code stored in memory 4003 to implement what is shown in the foregoing method embodiments.
Among them, electronic devices include but are not limited to: mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and the like, and fixed terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 10 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
The present application provides a computer-readable storage medium, on which a computer program is stored, which, when running on a computer, enables the computer to execute the corresponding content in the foregoing method embodiments. Compared with the prior art, the processing method of the video playing interface can edit the playing windows corresponding to a plurality of videos, such as reducing or enlarging the size of the editable window and moving the position of the programmable window, so as to improve the watching effect of a user.
It should be understood that, although the steps in the flowcharts of the figures are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and may be performed in other orders unless explicitly stated herein. Moreover, at least a portion of the steps in the flow chart of the figure may include multiple sub-steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, which are not necessarily performed in sequence, but may be performed alternately or alternately with other steps or at least a portion of the sub-steps or stages of other steps.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to perform the methods shown in the above embodiments.
Computer program code for carrying out operations for aspects of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming 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. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, 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 the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of a module does not in some cases constitute a definition of the module itself, for example, an editing module may also be described as a "module for editing an editable window".
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Claims (11)
1. A processing method of a video playing interface is characterized by comprising the following steps:
displaying a video playing interface through an application program, wherein the video playing interface is generated based on a mode of inserting a webpage into the application program;
the video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form;
receiving an editing instruction for at least one editable window, and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface;
the webpage covers the original display interface of the application program, the at least two playing windows are located in the webpage, and the video playing interface is the webpage; or the webpage is displayed in the original display interface of the application program in a pop-up window mode, the display interface and the webpage are respectively provided with a playing window, and the video playing interface is the display interface provided with the webpage.
2. The method for processing the video playing interface according to claim 1, wherein the manner of inserting the web page into the application program to generate the video playing interface includes:
inserting a webpage into the application program so that the inserted webpage covers a display interface of the application program;
and inserting the at least two playing windows into the webpage in a tag form, and taking the webpage as the video playing interface.
3. The method for processing the video playing interface according to claim 2, wherein the inserting the at least two playing windows in the web page in the form of tags comprises:
acquiring the number of videos to be played, and inquiring typesetting layout information corresponding to the number of the videos to be played; the typesetting layout information comprises the size and the position of each playing window;
and inserting each playing window in a label form in the webpage based on the typesetting layout information.
4. The method for processing the video playing interface according to claim 1, wherein the manner of inserting the web page into the application program to generate the video playing interface includes:
inserting a webpage into a display interface of the application program; at least one playing window is arranged in a display interface of the application program; the display area of the inserted webpage is smaller than the display interface of the application program;
inserting at least one playing window in a label form in the webpage, wherein the inserted at least one playing window comprises at least one editable window;
and taking the display interface provided with the webpage as the video playing interface.
5. The method for processing a video playback interface of claim 1, wherein the editing instruction includes a move instruction;
the receiving an editing instruction for at least one of the editable windows, and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface includes:
receiving a moving instruction aiming at least one editable window, and moving the editable window on the webpage based on the moving instruction so as to update the video playing interface.
6. The method for processing a video playback interface of claim 1, wherein the editing instruction comprises a size adjustment instruction;
the receiving an editing instruction for at least one of the editable windows, and editing the editable window on the video playing interface based on the editing instruction to update the video playing interface includes:
receiving a size adjustment instruction for at least one of the editable windows;
adjusting the size of the editable window based on the size adjusting instruction to obtain a new editable window; the size of the editable window is not larger than the area range of the webpage;
and updating the video playing interface based on the new editable window.
7. The method for processing the video playing interface according to claim 1, further comprising:
if an overlapping area exists between the at least two playing windows, respectively acquiring current video frame images played by the at least two playing windows with the overlapping area;
and adjusting the transparency of the partial current video frame images in the overlapping area so as to display each current video frame image in the video playing interface.
8. The method for processing the video playing interface according to claim 1, further comprising:
and when the coordinate of the editing instruction is detected to be positioned in the prompt area corresponding to the editable window, displaying an editable prompt aiming at the editable window.
9. A device for processing a video playback interface, comprising:
the display module is used for displaying a video playing interface through an application program, and the video playing interface is generated based on a mode of inserting a webpage into the application program;
the video playing interface comprises at least two playing windows, and each playing window is used for playing a corresponding video to be played; the at least two playing windows comprise at least one editable window arranged in a label form;
the editing module is used for receiving an editing instruction aiming at least one editable window and editing the editable window on the video playing interface based on the editing instruction so as to update the video playing interface;
the webpage covers the original display interface of the application program, the at least two playing windows are located in the webpage, and the video playing interface is the webpage; or the webpage is displayed in the original display interface of the application program in a pop-up window mode, the display interface and the webpage are respectively provided with a playing window, and the video playing interface is the display interface provided with the webpage.
10. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the processing method of the video playback interface according to any one of claims 1 to 8 when executing the program.
11. A computer-readable storage medium, characterized in that the computer-readable storage medium has stored thereon a computer program which, when executed by a processor, implements the processing method of the video playback interface according to any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911221922.4A CN112911367B (en) | 2019-12-03 | 2019-12-03 | Video playing interface processing method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911221922.4A CN112911367B (en) | 2019-12-03 | 2019-12-03 | Video playing interface processing method and device and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112911367A CN112911367A (en) | 2021-06-04 |
| CN112911367B true CN112911367B (en) | 2022-04-19 |
Family
ID=76104295
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911221922.4A Active CN112911367B (en) | 2019-12-03 | 2019-12-03 | Video playing interface processing method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112911367B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115202526A (en) * | 2022-07-26 | 2022-10-18 | 亿咖通(湖北)技术有限公司 | Window processing method and electronic equipment |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104581401A (en) * | 2013-10-10 | 2015-04-29 | 腾讯科技（深圳）有限公司 | Method and device for playing data |
| CN105224159A (en) * | 2014-05-28 | 2016-01-06 | 腾讯科技（深圳）有限公司 | The method of display window, device and terminal |
| CN105868418A (en) * | 2016-05-31 | 2016-08-17 | 北京奇艺世纪科技有限公司 | Video display method and video display device |
| CN106201318A (en) * | 2016-07-13 | 2016-12-07 | 乐视控股（北京）有限公司 | Adjust the method for video playback window, device and display terminal |
| CN106919707A (en) * | 2017-03-10 | 2017-07-04 | 腾讯科技（深圳）有限公司 | A kind of page display method and terminal based on H5 |
| CN107241657A (en) * | 2017-07-06 | 2017-10-10 | 广州优视网络科技有限公司 | Video broadcasting method, device, computing device and storage medium |
| CN108055570A (en) * | 2017-12-20 | 2018-05-18 | 深圳市茁壮网络股份有限公司 | A kind of video broadcasting method and device |
| CN109218806A (en) * | 2018-11-28 | 2019-01-15 | 北京字节跳动网络技术有限公司 | A kind of video information indication method, device, terminal and storage medium |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9069374B2 (en) * | 2012-01-04 | 2015-06-30 | International Business Machines Corporation | Web video occlusion: a method for rendering the videos watched over multiple windows |
| KR102040611B1 (en) * | 2013-05-31 | 2019-11-05 | 엘지전자 주식회사 | Mobile terminal and controlling method thereof |
| CN104349109B (en) * | 2013-08-09 | 2018-02-27 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| CN105208442B (en) * | 2014-06-27 | 2018-06-26 | 贝壳网际（北京）安全技术有限公司 | A kind of video broadcasting method and device of video playing application program |
| CN107302724A (en) * | 2016-04-14 | 2017-10-27 | 北京搜狗科技发展有限公司 | A kind of video playing control method, device and electronic equipment |
| CN106993215A (en) * | 2017-03-31 | 2017-07-28 | 联想(北京)有限公司 | A kind of information processing method and processing routine device |
| CN107493497A (en) * | 2017-07-27 | 2017-12-19 | 努比亚技术有限公司 | A kind of video broadcasting method, terminal and computer-readable recording medium |
| CN110489681A (en) * | 2019-07-04 | 2019-11-22 | 天脉聚源(杭州)传媒科技有限公司 | Data interactive method, system and storage medium between webpage based on APP |
-
2019
- 2019-12-03 CN CN201911221922.4A patent/CN112911367B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104581401A (en) * | 2013-10-10 | 2015-04-29 | 腾讯科技（深圳）有限公司 | Method and device for playing data |
| CN105224159A (en) * | 2014-05-28 | 2016-01-06 | 腾讯科技（深圳）有限公司 | The method of display window, device and terminal |
| CN105868418A (en) * | 2016-05-31 | 2016-08-17 | 北京奇艺世纪科技有限公司 | Video display method and video display device |
| CN106201318A (en) * | 2016-07-13 | 2016-12-07 | 乐视控股（北京）有限公司 | Adjust the method for video playback window, device and display terminal |
| CN106919707A (en) * | 2017-03-10 | 2017-07-04 | 腾讯科技（深圳）有限公司 | A kind of page display method and terminal based on H5 |
| CN107241657A (en) * | 2017-07-06 | 2017-10-10 | 广州优视网络科技有限公司 | Video broadcasting method, device, computing device and storage medium |
| CN108055570A (en) * | 2017-12-20 | 2018-05-18 | 深圳市茁壮网络股份有限公司 | A kind of video broadcasting method and device |
| CN109218806A (en) * | 2018-11-28 | 2019-01-15 | 北京字节跳动网络技术有限公司 | A kind of video information indication method, device, terminal and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112911367A (en) | 2021-06-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109740085B (en) | Page content display method, device, equipment and storage medium | |
| CN111339463B (en) | Display method and device of list data and electronic equipment | |
| CN109976620B (en) | Method, device, equipment and storage medium for determining list item display attribute information | |
| CN109996109B (en) | Image processing method and device | |
| CN110070593B (en) | Method, device, equipment and medium for displaying picture preview information | |
| US20160345049A1 (en) | Method and device for switching channel | |
| CN110333919B (en) | Method and equipment for presenting social object information | |
| CN111190520A (en) | Menu item selection method and device, readable medium and electronic equipment | |
| CN112486611B (en) | Page switching display method and device, storage medium and electronic equipment | |
| WO2023160548A1 (en) | Video information display method and device, storage medium and program product | |
| CN110958481A (en) | Video page display method and device, electronic equipment and computer readable medium | |
| US20210400330A1 (en) | Information interaction method and device, electronic apparatus, and computer readable storage medium | |
| KR20200104899A (en) | Digital component background rendering | |
| CN113128185A (en) | Interaction method and device and electronic equipment | |
| CN113254136A (en) | Information recommendation popup window display method, device, equipment and computer readable medium | |
| CN111309240A (en) | Content display method and device and electronic equipment | |
| CN110865734A (en) | Target object display method and device, electronic equipment and computer readable medium | |
| CN110443772B (en) | Picture processing method and device, computer equipment and storage medium | |
| CN110148024B (en) | Method and device for providing comment input mode | |
| CN112911367B (en) | Video playing interface processing method and device and electronic equipment | |
| CN113784194A (en) | Embedding method and device of video player | |
| US10452727B2 (en) | Method and system for dynamically providing contextually relevant news based on an article displayed on a web page | |
| CN110069186B (en) | Method and equipment for displaying operation interface of application | |
| CN110704740A (en) | Method and apparatus for presenting information | |
| US11665119B2 (en) | Information replying method, apparatus, electronic device, computer storage medium, and product |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |