CN114217889A - Display method, device, equipment and storage medium - Google Patents
Display method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN114217889A CN114217889A CN202111334345.7A CN202111334345A CN114217889A CN 114217889 A CN114217889 A CN 114217889A CN 202111334345 A CN202111334345 A CN 202111334345A CN 114217889 A CN114217889 A CN 114217889A
- Authority
- CN
- China
- Prior art keywords
- display area
- area
- display
- information
- determining
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Abstract
The present disclosure provides a display method, apparatus, device and storage medium, which relate to the technical field of computers, and in particular to the technical fields of video processing, live broadcasting, and the like. The display method comprises the following steps: determining a first display area, wherein the first display area is an area where key information to be displayed is located; determining a second display area, wherein the second display area is positioned in an upper layer view, and the upper layer view is positioned on the upper layer of the view of the first display area; if the first display area and the second display area have an overlapping area, the second display area is adjusted to a third display area, and the third display area and the first display area do not have an overlapping area. The present disclosure can improve display effects.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to the field of video processing and live broadcasting technologies, and in particular, to a display method, an apparatus, a device, and a storage medium.
Background
With the development of intellectualization, users generally watch videos by using Applications (APPs) installed on smart terminals. The APP comprises a user interface, the user interface can be divided into multiple layers of views, for example, a view for playing a video can be called a video view, and the APP can also be provided with some view controls, and the video controls are generally positioned above the video view and can be called upper layers of views.
When the video is played, the upper view in the APP may block key information in the video.
Disclosure of Invention
The present disclosure provides a display method, apparatus, device, and storage medium.
According to an aspect of the present disclosure, there is provided a display method including: determining a first display area, wherein the first display area is an area where key information to be displayed is located; determining a second display area, wherein the second display area is positioned in an upper layer view, and the upper layer view is positioned on the upper layer of the view of the first display area; if the first display area and the second display area have an overlapping area, the second display area is adjusted to a third display area, and the third display area and the first display area do not have an overlapping area.
According to another aspect of the present disclosure, there is provided a display device including: the first determining module is used for determining a first display area, wherein the first display area is an area where key information to be displayed is located; a second determining module, configured to determine a second display area, where the second display area is located in an upper layer view, and the upper layer view is located on an upper layer of a view in which the first display area is located; and the adjusting module is used for adjusting the second display area to a third display area if the first display area and the second display area have an overlapping area, and the third display area and the first display area do not have an overlapping area.
According to another aspect of the present disclosure, there is provided an electronic device including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of the above aspects.
According to another aspect of the present disclosure, there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method according to any one of the above aspects.
According to another aspect of the present disclosure, there is provided a computer program product comprising a computer program which, when executed by a processor, implements the method according to any one of the above aspects.
According to the technical scheme of the disclosure, the display effect can be improved.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present disclosure, nor do they limit the scope of the present disclosure. Other features of the present disclosure will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not to be construed as limiting the present disclosure. Wherein:
FIG. 1 is a schematic diagram according to a first embodiment of the present disclosure;
FIG. 2 is a schematic diagram according to a second embodiment of the present disclosure;
FIG. 3 is a schematic diagram according to a third embodiment of the present disclosure;
4 a-4 d are top level views and key information display diagrams according to a fourth embodiment of the present disclosure;
FIG. 5 is a schematic diagram according to a fifth embodiment of the present disclosure;
FIG. 6 is a schematic diagram according to a sixth embodiment of the present disclosure;
FIG. 7 is a schematic diagram according to a seventh embodiment of the present disclosure;
FIG. 8 is a schematic diagram according to an eighth embodiment of the present disclosure;
fig. 9 is a schematic diagram of an electronic device for implementing a display method according to an embodiment of the present disclosure.
Detailed Description
Exemplary embodiments of the present disclosure are described below with reference to the accompanying drawings, in which various details of the embodiments of the disclosure are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present disclosure. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
In the related art, in order to avoid the key information being blocked, a certain rule may be agreed, for example, for experience, a safety region is divided from a region of the video picture for displaying the key information.
However, this method is based on experience, and cannot solve the problem that the key information in the video picture is blocked by the view control.
Fig. 1 is a schematic diagram according to a first embodiment of the present disclosure, which provides a display method, including:
101. determining a first display area, wherein the first display area is an area where key information to be displayed is located.
102. Determining a second display area, wherein the second display area is positioned in an upper layer view, and the upper layer view is positioned above the view of the first display area visually.
103. If the first display area and the second display area have an overlapping area, the second display area is adjusted to a third display area, and the third display area and the first display area do not have an overlapping area.
The execution main body of the embodiment may be referred to as a display device, and the device may be software, hardware or a combination of software and hardware. The apparatus may be located at a client. The client can be the APP installed on the user terminal, and the user terminal can include a Personal Computer (PC), a mobile device (such as a mobile phone, a tablet Computer, and the like), a vehicle-mounted terminal (such as a car machine, and the like), an intelligent home device (such as an intelligent sound box, an intelligent television, and the like), an intelligent wearable device (such as an intelligent watch, and the like), and the like.
As shown in fig. 2, a user terminal 201 may display a user interface of APP, which displays a video view and an upper view located at an upper layer of the video view. The video view is a view for playing a video, and the upper view may be a view for controlling the played video, specifically, for example, a view in which a button such as a comment button, a pop-up button, a button for viewing specific video content (e.g., "click to view details"), and the like are located. The user terminal 201 may communicate with a server (which may be a local server or cloud of a video provider) 202 to obtain video from the server.
Specifically, the video may be an advertisement video, and the corresponding server may be an advertisement platform server.
The key information may be key information in the video, and specific content of the key information may be specified according to actual needs, and may be specifically specified by a video provider. For example, for an advertisement video, the key information may be description information (such as attribute information of a product name, a color, and the like) of a product corresponding to the advertisement.
It is to be understood that the key information is not limited to the key information in the video, but may be other content, such as key information in an image, and the like.
The upper view is a view located at the upper layer of the video view, and can be preset on the user interface of the APP by the provider of the APP. For example, the upper-layer view is a view in which buttons such as approval, forwarding and comment are located, the buttons such as approval, forwarding and comment can be collectively referred to as a video control, and for an advertisement video, the video control can further include a button such as "click to view details".
For the sake of distinction, taking a video as an example, a region where key information of the video is located may be referred to as a first display region, a region where a video control is located may be referred to as a second display region, a view where the first display region is located may be referred to as a video view, a view where the second display region is located may be referred to as an upper view, and the upper view is located at an upper layer of the video view. As shown in fig. 3, there may be an overlapping area between the first display area and the second display area, and the overlapping area is indicated by diagonal line filling in fig. 3.
In order to improve the display effect, when the two areas overlap, the second display area may be adjusted, and the area after the second display area is adjusted may be referred to as a third display area. As shown in fig. 3, the second display area may be adjusted to a third display area that does not overlap with the first display area.
In the embodiment of the disclosure, by adjusting the second display area, the upper view can be prevented from shielding the key information, the display effect is improved, and the user experience is improved.
In some embodiments, the key information is key information in a video frame; the determining the first display area comprises: acquiring the area information of the first display area from the video data of the video frame, wherein the area information of the first display area is recorded in the video data; determining the first display area based on area information of the first display area.
When a video provider produces a video, corresponding to a video frame with key information, the video provider can write area information of the corresponding key information in the video data of the video frame.
It is assumed that region information of the key information is denoted by f, and includes four elements:
x: the x-axis coordinate of the leftmost point of the region where the key information is located;
y: y-axis coordinates of the uppermost point of the region where the key information is located;
w: the width of the region where the key information is located;
h: the height of the area where the key information is located.
Can be expressed as: f ═ x, y, w, h%
(x, y) may be referred to as position information, and (w, h) may be referred to as size information.
Taking the area where the key information is located as a rectangle as an example, where (x, y) may be coordinates of the upper left corner of the rectangular area where the key information is located, and (w, h) is the width and height of the rectangular area.
After the APP acquires the video frame, the area information of the first display area may be acquired from the corresponding video data, and then the first display area may be determined based on the area information.
By recording the area information of the first display area in the video data, it is possible to facilitate the operation and reduce the maintenance cost.
In some embodiments, the first display region is variable in different video frames, the method further comprising: in response to a change in the first display area, determining whether there is an overlapping area between the first display area and the second display area.
That is, the determination of the overlapping area is performed only when the first display area changes, and the amount of calculation can be reduced and the resource overhead can be reduced compared to the real-time determination method.
For example, the area information of the first display area at the first time is the first area information, and the area information of the first display area at the second time is the second area information, and if the first area information is different from the second area information, it may be determined that the first display area is changed.
By performing the determination of the overlapping area in response to the change of the first display, the amount of calculation can be saved and the resource overhead can be reduced.
In some embodiments, the video frame is played by a player, and the method further includes:
receiving a progress callback instruction fed back by the player, wherein the progress callback instruction comprises information whether the first display area changes or not; and determining whether the first display area is changed or not based on the progress callback instruction.
The video can be played by the player, the player can also feed back a progress callback instruction to the APP when the video is normally played, the progress callback instruction can contain the playing time of the currently played video frame and the like, and the progress callback instruction can also contain information about whether the first display area changes or not.
The information about whether the first display area is changed or not may be identified by a setting field, and different field values of the setting field may respectively correspond to whether the first display area is changed or not, for example, 1 indicates that the first display area is changed, and 0 indicates that the first display area is not changed.
For example, the player acquires first region information from video data of a video frame at a first time, acquires second region information from video data of a video frame at a second time, and if the first region information is different from the second region information, it may be determined that the first display region is changed, so that the field value of the setting field may be set to 1, otherwise, the field value is 0, and the field value is carried in the progress callback instruction and sent to the APP.
After the APP obtains the progress callback instruction, it may determine whether the first display area changes based on 1 or 0 described above.
By calling back the instruction based on the progress, whether the first display area is changed or not can be easily determined.
In some embodiments, the determining the second display area comprises: determining the second display area based on predetermined area information of the second display area.
Since the upper layer view is generally self-contained by the APP, the area information of the second display area may be obtained from predetermined information (such as configuration information) of the APP, and the second display area may be determined based on the area information of the second display area.
The representation of the area information of the second display area is similar to that of the first display area and may be represented by the above-described 4 elements.
The number of the second display regions may be one or more, and a plurality refers to at least two, and may be represented as f1, f 2.., fN, respectively, assuming that there are N (N is a positive integer) second display regions. Each fi (1 ≦ i ≦ N) is a quadruple, fi ═ xi, yi, wi, hi, and (xi, yi, wi, hi) are the coordinates and width and height of the upper left corner of the second display region.
Through the predetermined information, the area information of the second display area can be obtained, and the second display area is further determined.
In some embodiments, said adjusting said second display area to a third display area comprises:
determining initial region information based on the size information of the overlapping region and the region information of the second display region; determining a third display area based on the initial area information; adjusting the second display area to the third display area.
In some embodiments, the determining the third display area based on the initial area information comprises:
if the display area corresponding to the initial area information does not exceed the display range of the user interface, taking the display area corresponding to the initial area information as the third display area; alternatively, the first and second electrodes may be,
if the display area corresponding to the initial area information exceeds the display range of the user interface, adjusting the initial area information to obtain updated area information, wherein the display area corresponding to the updated area information does not exceed the display range of the user interface, and taking the display area corresponding to the updated area information as the third display area.
In some embodiments, the method further comprises: and if the display area corresponding to the updated area information exceeds the display range of the user interface, performing transparent processing on the upper layer view.
For example, referring to fig. 4a to 4b, the first display area (the area where the key information is located) is denoted by f, the second display area (e.g., the area where the video control is located) is denoted by f1, and the overlapping area of the two is denoted by filling with oblique lines, the size information of the overlapping area may be calculated based on the area information of the first display area and the area information of the second display area, and denoted by w0 and h0, respectively.
The initial area information includes initial position information and size information, the size information is size information of the second display area, the initial position information is determined based on the size information of the overlapping area and the position information in the area information of the second display area, and the size information is size information of the second display area.
For example, if the position information of the second display area is represented by (x, y) and the initial position information is represented by (x ', y'), the calculation formula is: x + w0+ ex0, y + h0+ ey 0.
Where e ═ ex, ey is the offset, and e0 ═ ex0, ey0 is the preset value.
For example, if the size information of the second display region is represented by (w, h), the size information in the initial region information is also represented by (w, h).
In this embodiment, the display range that does not exceed the user interface is taken as an example that the display area corresponding to the initial area information is all located within the display range of the user interface.
As shown in fig. 4a, assuming that the display area f1 ' corresponding to the initial area information does not exceed the display range of the user interface, the display area f1 ' corresponding to the initial area information may be used as a third display area, so that the display area of the video control is moved from the second display area f to the third display area f '.
For another example, referring to fig. 4b, it is assumed that the display area f 1' corresponding to the initial area information exceeds the display range of the user interface, and specifically, the x direction exceeds in fig. 4 b. At this time, the initial position information may be adjusted to obtain updated position information, and the updated position information and the size information in the initial area information may be used as updated area information.
Adjusting the initial position information may be performed based on a preset step size.
Assuming that the initial position information is represented by (x ', y'), the updated position information is represented by (x ", y"), and the preset step is represented by (sx, sy), the calculation formula may be:
x”＝x’-sx＝x+w0+ex0-sx，y”＝y’-sy＝y+h0+ey0-sy。
the above adjustment may be performed multiple times, for example, if the display area corresponding to x "still exceeds the display range of the user interface, the x" is continuously updated until the x direction does not exceed the display range of the user interface, for example, the second display area is moved to the third display area along the y direction in fig. 4 b.
Taking the x/y direction movement and updating as an example, it is understood that only one direction may be moved, instead of both x/y directions.
Further, if the user interface moves in the x/y direction, the display range of the user interface still exceeds, and at this time, as shown in fig. 4c, the upper layer view may be subjected to a transparency process.
By determining the third display area based on the display range adjustment of the user interface, the third display area may be prevented from moving outside the display range of the user interface. Furthermore, the degree of shielding key information can be reduced by performing transparency processing on the upper layer view.
In some embodiments, the second display area is a plurality of second display areas, and the plurality of second display areas are respectively located in a plurality of upper views, and the method further includes: if the plurality of second display areas have overlapping areas after adjustment, performing transparency processing on part of the upper layer views in the plurality of upper layer views based on preset weights of the plurality of upper layer views.
For example, referring to fig. 4d, the second display area includes f1 and f2, after the movement, if there is an overlapping area between the moved f1 and the moved f2, the upper view with a lower weight may be subjected to the transparency processing, for example, if the weight of the upper view with f1 is less than that of the upper view with f2, the upper view with f1 is subjected to the transparency processing.
Further, when there are more upper views having overlapping regions, the progressive transparency processing may be performed in sequence according to a weight, which is inversely proportional to the transparency degree, for example, the transparency degree with the lowest weight is the highest, and the transparency processing is not performed with the highest weight.
By performing the transparentization processing on part of the upper layer views in the plurality of upper layer views with the overlapping area, the display effect of the upper layer views can be ensured.
Fig. 5 is a schematic diagram according to a fifth embodiment of the present disclosure, where the present embodiment provides a display method, and as shown in fig. 5, the present embodiment takes key information in a video frame as an example, and the method includes:
501. and playing the video.
Specifically, referring to fig. 6, when the server generates a video, in addition to a general video material, the server may specify key information, set region information of the key information, and synthesize the key information and the region information together with the video material into the video, that is, record the key information and the region information thereof in video data.
After the server generates the video, the video can be stored in the storage resource, the storage address of the storage resource where the video is located is obtained, and the storage address is used as the video address to be sent to the client.
After the player of the client receives the video address, the player can obtain video data based on the video address, that is, load the video address and load data.
Therefore, the client can load the video data and play the corresponding video by using the player.
502. And determining whether the first display area is changed or not based on the progress callback instruction fed back by the player.
As shown in fig. 6, after the player loads the video data, the player may play the video based on the video data, and in the video playing process, may execute a progress callback, that is, the player may feed back a progress callback instruction to the client.
If the first display area changes, that is, the position of the key information changes, the position adjustment process of the upper view can be triggered.
The first display area is an area where key information to be displayed is located.
If the first display area is not changed, the normal playing and progress call-back processes can be continued.
503. In response to a change in the first display area, determining whether there is an overlapping area between the first display area and the second display area.
The first display area is an area where key information to be displayed is located.
The second display area is an area where the video control is located, the second display area is located in an upper layer view, and the upper layer view is located on the upper layer of the view where the first display area is located.
Specifically, as shown in fig. 6, the area information of the first display area may be acquired from video data of the video frame, in which the area information of the first display area is recorded; determining the first display area based on area information of the first display area.
The second display region may be determined based on predetermined region information of the second display region.
The area information of the key information may be acquired from the video data after the player loads the video data, and the player sends the area information to the client, so that the client may acquire the area information of the first display area.
504. If the first display area and the second display area have an overlapping area, adjusting the upper layer view to a third display area, wherein the third display area and the first display area do not have an overlapping area.
For example, as shown in fig. 6, a third display area is determined by using the visual model dead reckoning, and the second display area is adjusted to the third display area, that is, the video control in the upper view is rearranged.
Wherein the specific implementation of the visual model position estimation is to determine a third adjustment based on the first display area and the second display area.
As shown in fig. 7, generally, the above-described process may be implemented such that the position of the video control 701 in the upper view is automatically adjusted as the position of the key information 702 changes (from a to b to c).
In the embodiment, the area information of the key information of the video is written into the video, and the player acquires the area information of the key information to perform layout, so that the problem that the key information is shielded by other video controls in the video playing process is solved, the experience of a user for receiving the key information in the video is improved, and the conversion rate of video advertisements is promoted. Since the area information of the key information is written into the video, the video can be provided for other players without influencing normal playing.
Fig. 8 is a schematic diagram according to an eighth embodiment of the present disclosure, which provides a control device. As shown in fig. 8, the apparatus 800 includes: a first determination module 801, a second determination module 802, and an adjustment module 803.
The first determining module 801 is configured to determine a first display area, where the key information to be displayed is located; the second determining module 802 is configured to determine a second display area, where the second display area is located in an upper layer view, and the upper layer view is located on an upper layer of a view in which the first display area is located; the adjusting module 803 is configured to adjust the second display area to a third display area if there is an overlapping area between the first display area and the second display area, where there is no overlapping area between the third display area and the first display area.
In some embodiments, the key information is key information in a video frame, and the first determining module 801 is further configured to: acquiring the area information of the first display area from the video data of the video frame, wherein the area information of the first display area is recorded in the video data; determining the first display area based on area information of the first display area.
In some embodiments, the first display region is variable in different video frames, the apparatus further comprising: and the third determining module is used for responding to the change of the first display area and determining whether an overlapping area exists between the first display area and the second display area.
In some embodiments, the video frame is played by a player, and the apparatus further includes: the receiving module is used for receiving a progress callback instruction fed back by the player, wherein the progress callback instruction comprises information about whether the first display area changes or not; and the fourth determining module is used for determining whether the first display area changes or not based on the progress callback instruction.
In some embodiments, the second determining module 802 is further configured to: determining the second display area based on predetermined area information of the second display area.
In some embodiments, the adjusting module 803 is further configured to: determining initial region information based on the size information of the overlapping region and the region information of the second display region; determining the third display area based on the initial area information; adjusting the second display area to the third display area.
In some embodiments, the adjusting module 803 is further configured to: if the display area corresponding to the initial area information does not exceed the display range of the user interface, taking the display area corresponding to the initial area information as the third display area; if the display area corresponding to the initial area information exceeds the display range of the user interface, adjusting the initial area information to obtain updated area information, wherein the display area corresponding to the updated area information does not exceed the display range of the user interface, and taking the display area corresponding to the updated area information as the third display area.
In some embodiments, the apparatus 800 further comprises: and the first processing module is used for performing transparency processing on the upper view if the updated area information exceeds the display range of the user interface.
In some embodiments, the second display area is a plurality of second display areas, and the second display areas are respectively located in a plurality of upper views, and the apparatus 800 further includes: and the second processing module is used for performing transparentization processing on part of the upper layer views in the plurality of upper layer views based on the preset weights of the plurality of upper layer views if the plurality of second display areas have overlapping areas after adjustment.
In the embodiment of the disclosure, by adjusting the second display area, the upper view can be prevented from shielding the key information, the display effect is improved, and the user experience is improved.
It is to be understood that in the disclosed embodiments, the same or similar elements in different embodiments may be referenced.
It is to be understood that "first", "second", and the like in the embodiments of the present disclosure are used for distinction only, and do not indicate the degree of importance, the order of timing, and the like.
In the technical scheme of the disclosure, the collection, storage, use, processing, transmission, provision, disclosure and other processing of the personal information of the related user are all in accordance with the regulations of related laws and regulations and do not violate the good customs of the public order.
The present disclosure also provides an electronic device, a readable storage medium, and a computer program product according to embodiments of the present disclosure. And, the present disclosure also provides an autonomous vehicle including the above-mentioned electronic device.
FIG. 9 illustrates a schematic block diagram of an example electronic device 900 that can be used to implement embodiments of the present disclosure. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital assistants, cellular telephones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the disclosure described and/or claimed herein.
As shown in fig. 9, the electronic apparatus 900 includes a computing unit 901, which can perform various appropriate actions and processes in accordance with a computer program stored in a Read Only Memory (ROM)902 or a computer program loaded from a storage unit 908 into a Random Access Memory (RAM) 903. In the RAM 903, various programs and data required for the operation of the electronic device 900 can also be stored. The calculation unit 901, ROM 902, and RAM 903 are connected to each other via a bus 904. An input/output (I/O) interface 905 is also connected to bus 904.
A number of components in the electronic device 900 are connected to the I/O interface 905, including: an input unit 906 such as a keyboard, a mouse, and the like; an output unit 907 such as various types of displays, speakers, and the like; a storage unit 908 such as a magnetic disk, optical disk, or the like; and a communication unit 909 such as a network card, a modem, a wireless communication transceiver, and the like. The communication unit 909 allows the electronic device 900 to exchange information/data with other devices through a computer network such as the internet and/or various telecommunication networks.
The computing unit 901 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of the computing unit 901 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various dedicated Artificial Intelligence (AI) computing chips, various computing units running machine learning model algorithms, a Digital Signal Processor (DSP), and any suitable processor, controller, microcontroller, and so forth. The calculation unit 901 performs the respective methods and processes described above, such as the display method. For example, in some embodiments, the display method may be implemented as a computer software program tangibly embodied in a machine-readable medium, such as storage unit 908. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 900 via the ROM 902 and/or the communication unit 909. When the computer program is loaded into the RAM 903 and executed by the computing unit 901, one or more steps of the display method described above may be performed. Alternatively, in other embodiments, the computing unit 901 may be configured to perform the display method by any other suitable means (e.g., by means of firmware).
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), system on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
Program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable map control apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on 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.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The Server can be a cloud Server, also called a cloud computing Server or a cloud host, and is a host product in a cloud computing service system, so as to solve the defects of high management difficulty and weak service expansibility in the traditional physical host and VPS service ("Virtual Private Server", or simply "VPS"). The server may also be a server of a distributed system, or a server incorporating a blockchain.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present disclosure may be executed in parallel, sequentially, or in different orders, as long as the desired results of the technical solutions disclosed in the present disclosure can be achieved, and the present disclosure is not limited herein.
The above detailed description should not be construed as limiting the scope of the disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present disclosure should be included in the scope of protection of the present disclosure.
Claims (21)
1. A display method, comprising:
determining a first display area, wherein the first display area is an area where key information to be displayed is located;
determining a second display area, wherein the second display area is positioned in an upper layer view, and the upper layer view is positioned on the upper layer of the view of the first display area;
if the first display area and the second display area have an overlapping area, the second display area is adjusted to a third display area, and the third display area and the first display area do not have an overlapping area.
2. The method of claim 1, wherein the key information is key information in a video frame;
the determining the first display area comprises:
acquiring the area information of the first display area from the video data of the video frame, wherein the area information of the first display area is recorded in the video data;
determining the first display area based on area information of the first display area.
3. The method of claim 2, wherein the first display region is variable in different video frames, the method further comprising:
in response to a change in the first display area, determining whether there is an overlapping area between the first display area and the second display area.
4. The method of claim 3, wherein the video frame is played with a player, the method further comprising:
receiving a progress callback instruction fed back by the player, wherein the progress callback instruction comprises information whether the first display area changes or not;
and determining whether the first display area is changed or not based on the progress callback instruction.
5. The method of claim 1, wherein the determining a second display area comprises:
determining the second display area based on predetermined area information of the second display area.
6. The method of any of claims 1-5, wherein the adjusting the second display region to a third display region comprises:
determining initial area information based on the size information of the overlapping area and the area information of the second display area, wherein the display area corresponding to the initial area information does not have an overlapping area with the first display area;
determining the third display area based on the initial area information;
adjusting the second display area to the third display area.
7. The method of claim 6, wherein the determining the third display area based on the initial area information comprises:
if the display area corresponding to the initial area information does not exceed the display range of the user interface, taking the display area corresponding to the initial area information as the third display area;
if the display area corresponding to the initial area information exceeds the display range of the user interface, adjusting the initial area information to obtain updated initial area information, wherein the display area corresponding to the updated initial area information does not exceed the display range of the user interface, and taking the display area corresponding to the updated initial area information as the third display area.
8. The method of claim 7, further comprising:
and if the display area corresponding to the updated initial area information exceeds the display range of the user interface, performing transparent processing on the upper layer view.
9. The method of any of claims 1-5, wherein the second display area is a plurality of second display areas, the plurality of second display areas being respectively located in a plurality of top views, the method further comprising:
if the plurality of second display areas have overlapping areas after adjustment, performing transparency processing on part of the upper layer views in the plurality of upper layer views based on preset weights of the plurality of upper layer views.
10. A display device, comprising:
the first determining module is used for determining a first display area, wherein the first display area is an area where key information to be displayed is located;
a second determining module, configured to determine a second display area, where the second display area is located in an upper layer view, and the upper layer view is located on an upper layer of a view in which the first display area is located;
and the adjusting module is used for adjusting the second display area to a third display area if the first display area and the second display area have an overlapping area, and the third display area and the first display area do not have an overlapping area.
11. The apparatus of claim 10, wherein the key information is key information in a video frame;
the first determination module is further to:
acquiring the area information of the first display area from the video data of the video frame, wherein the area information of the first display area is recorded in the video data;
determining the first display area based on area information of the first display area.
12. The apparatus of claim 11, wherein the first display region is variable in different video frames, the apparatus further comprising:
and the third determining module is used for responding to the change of the first display area and determining whether an overlapping area exists between the first display area and the second display area.
13. The apparatus of claim 12, wherein the video frame is played with a player, the apparatus further comprising:
the receiving module is used for receiving a progress callback instruction fed back by the player, wherein the progress callback instruction comprises information about whether the first display area changes or not;
and the fourth determining module is used for determining whether the first display area changes or not based on the progress callback instruction.
14. The apparatus of claim 10, wherein the second determining means is further for:
determining the second display area based on predetermined area information of the second display area.
15. The apparatus of any of claims 10-14, wherein the adjustment module is further to:
determining initial area information based on the size information of the overlapping area and the area information of the second display area, wherein the display area corresponding to the initial area information does not have an overlapping area with the first display area;
determining the third display area based on the initial area information;
adjusting the second display area to the third display area.
16. The apparatus of claim 15, wherein the adjustment module is further configured to:
if the display area corresponding to the initial area information does not exceed the display range of the user interface, taking the display area corresponding to the initial area information as the third display area; if the display area corresponding to the initial area information exceeds the display range of the user interface, adjusting the initial area information to obtain updated initial area information, wherein the display area corresponding to the updated initial area information does not exceed the display range of the user interface, and taking the display area corresponding to the updated initial area information as the third display area.
17. The apparatus of claim 16, further comprising:
and the first processing module is used for performing transparent processing on the upper view if the display area corresponding to the updated initial area information exceeds the display range of the user interface.
18. The apparatus according to any one of claims 10-14, wherein the second display area is plural, and the plural second display areas are respectively located at plural upper layer views, the apparatus further comprising:
and the second processing module is used for performing transparentization processing on part of the upper layer views in the plurality of upper layer views based on the preset weights of the plurality of upper layer views if the plurality of second display areas have overlapping areas after adjustment.
19. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-9.
20. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-9.
21. A computer program product comprising a computer program which, when executed by a processor, implements the method according to any one of claims 1-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111334345.7A CN114217889B (en) | 2021-11-11 | 2021-11-11 | Display method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111334345.7A CN114217889B (en) | 2021-11-11 | 2021-11-11 | Display method, device, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114217889A true CN114217889A (en) | 2022-03-22 |
| CN114217889B CN114217889B (en) | 2023-08-11 |
Family
ID=80696943
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111334345.7A Active CN114217889B (en) | 2021-11-11 | 2021-11-11 | Display method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114217889B (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090183080A1 (en) * | 2008-01-14 | 2009-07-16 | Microsoft Corporation | Techniques to automatically manage overlapping objects |
| CN111078070A (en) * | 2019-11-29 | 2020-04-28 | 深圳市咨聊科技有限公司 | PPT video barrage play control method, device, terminal and medium |
| CN111309214A (en) * | 2020-03-17 | 2020-06-19 | 网易（杭州）网络有限公司 | Video interface setting method and device, electronic equipment and storage medium |
| US20200336718A1 (en) * | 2019-04-19 | 2020-10-22 | Microsoft Technology Licensing, Llc | Contextually-aware control of a user interface displaying a video and related user text |
| CN111836093A (en) * | 2019-04-16 | 2020-10-27 | 百度在线网络技术（北京）有限公司 | Video playing method, device, equipment and medium |
| CN111949169A (en) * | 2020-06-30 | 2020-11-17 | 北京百度网讯科技有限公司 | Application interface display method and device |
| CN112148160A (en) * | 2020-08-28 | 2020-12-29 | 百度在线网络技术（北京）有限公司 | Floating window display method and device, electronic equipment and computer readable storage medium |
-
2021
- 2021-11-11 CN CN202111334345.7A patent/CN114217889B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090183080A1 (en) * | 2008-01-14 | 2009-07-16 | Microsoft Corporation | Techniques to automatically manage overlapping objects |
| CN111836093A (en) * | 2019-04-16 | 2020-10-27 | 百度在线网络技术（北京）有限公司 | Video playing method, device, equipment and medium |
| US20200336718A1 (en) * | 2019-04-19 | 2020-10-22 | Microsoft Technology Licensing, Llc | Contextually-aware control of a user interface displaying a video and related user text |
| CN111078070A (en) * | 2019-11-29 | 2020-04-28 | 深圳市咨聊科技有限公司 | PPT video barrage play control method, device, terminal and medium |
| CN111309214A (en) * | 2020-03-17 | 2020-06-19 | 网易（杭州）网络有限公司 | Video interface setting method and device, electronic equipment and storage medium |
| CN111949169A (en) * | 2020-06-30 | 2020-11-17 | 北京百度网讯科技有限公司 | Application interface display method and device |
| CN112148160A (en) * | 2020-08-28 | 2020-12-29 | 百度在线网络技术（北京）有限公司 | Floating window display method and device, electronic equipment and computer readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114217889B (en) | 2023-08-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106919358B (en) | Display control method and device of mobile terminal and mobile terminal | |
| CN110177295A (en) | Processing method, device and the electronic equipment that subtitle crosses the border | |
| CN113657518B (en) | Training method, target image detection method, device, electronic device, and medium | |
| CN111790148A (en) | Information interaction method and device in game scene and computer readable medium | |
| CN113655975A (en) | Image display method, image display device, electronic apparatus, and medium | |
| CN114217889A (en) | Display method, device, equipment and storage medium | |
| CN109091866B (en) | Display control method and device, computer readable medium and electronic equipment | |
| CN115576470A (en) | Image processing method and apparatus, augmented reality system, and medium | |
| CN115423919A (en) | Image rendering method, device, equipment and storage medium | |
| CN117319725A (en) | Subtitle display method, device, equipment and medium | |
| JP2024518594A (en) | Electronic table introduction method, device, equipment and medium | |
| CN114241092A (en) | Multi-graph typesetting method, multi-graph typesetting device and electronic equipment | |
| CN110597432B (en) | Interface control method, device, computer readable medium and electronic equipment | |
| CN111200705B (en) | Image processing method and device | |
| CN113810755A (en) | Panoramic video preview method and device, electronic equipment and storage medium | |
| CN114143590A (en) | Video playing method, server and storage medium | |
| CN113836455A (en) | Special effect rendering method, device, equipment, storage medium and computer program product | |
| CN106156371B (en) | Method and device for realizing complete background picture of webpage | |
| CN113362438A (en) | Panorama rendering method, device, electronic apparatus, medium, and program | |
| CN113190150A (en) | Display method, device and storage medium of covering | |
| CN113744414B (en) | Image processing method, device, equipment and storage medium | |
| CN114724528B (en) | Display control method and device of display device, electronic device and storage medium | |
| CN113655926B (en) | Display control method, device, equipment and storage medium | |
| CN114786051B (en) | Video rendering method and device, electronic equipment and storage medium | |
| CN114125135B (en) | Video content presentation method and device, electronic equipment and storage medium |
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 |