CN113986442A - Page display method and device, electronic equipment and computer readable storage medium - Google Patents

Page display method and device, electronic equipment and computer readable storage medium Download PDF

Info

Publication number
CN113986442A
CN113986442A CN202111307421.5A CN202111307421A CN113986442A CN 113986442 A CN113986442 A CN 113986442A CN 202111307421 A CN202111307421 A CN 202111307421A CN 113986442 A CN113986442 A CN 113986442A
Authority
CN
China
Prior art keywords
display
page
target page
target
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.)
Pending
Application number
CN202111307421.5A
Other languages
Chinese (zh)
Inventor
李玉娥
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202111307421.5A priority Critical patent/CN113986442A/en
Publication of CN113986442A publication Critical patent/CN113986442A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The disclosure relates to a page display method, a page display device, an electronic device and a computer readable storage medium, wherein the method comprises the following steps: acquiring display parameters of display equipment; acquiring page elements included in a target page to be displayed in a video application; according to the display parameters, determining a display mode of the page elements on the target page under the condition that the target page is matched with the display equipment; and displaying the target page on the display equipment by adopting the determined display mode. Through the method and the device, the problems of disordered display and low user experience when the page is displayed on the display equipment in the related art are solved.

Description

Page display method and device, electronic equipment and computer readable storage medium
Technical Field
The present disclosure relates to the field of computers, and in particular, to a page display method and apparatus, an electronic device, and a computer-readable storage medium.
Background
In the related art, when pages of video applications are displayed on different terminal devices, the layout of displayed page elements is often not adapted, and when the same page elements are displayed on different terminal devices, the positions of part of the page elements are often changed greatly, so that the method is not suitable for the habit of a user, even the phenomenon that the page elements cannot be found due to disordered layout occurs. For example, when a page of a video application is normally displayed on an outdoor large screen, because display sizes and resolutions of the outdoor large screen and a mobile phone terminal are different, when the same media stream corresponding to the page of the video application is displayed on the mobile phone terminal, incomplete display or overlapped display may be caused, which may cause poor user experience for a user.
Therefore, the above problems need to be solved.
Disclosure of Invention
The disclosure provides a page display method, a page display device, an electronic device and a computer-readable storage medium, which are used for at least solving the problems of disordered display and low user experience when a page is displayed on a display device in the related art. The technical scheme of the disclosure is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided a page display method, including: acquiring display parameters of display equipment; acquiring page elements included in a target page to be displayed in a video application; according to the display parameters, determining a display mode of the page elements on the target page under the condition that the target page is matched with the display equipment; and displaying the target page on the display equipment by adopting the determined display mode.
Optionally, the determining, according to the display parameter, a display manner of the page element on the target page under a condition that the target page is adapted to the display device includes: acquiring element types of the page elements, wherein different element types have different display requirements; and determining the display mode of the page element on the target page based on the display parameters and the element type under the condition that the target page is matched with the display equipment.
Optionally, the determining, based on the display parameter and the element type, a display manner of the page element on the target page on the condition that the target page is adapted to the display device includes: according to the display parameters, determining the display effect of the target page on the display equipment under the condition that the target page is matched with the display equipment; based on the element type, determining a display mode of the page element on the target page on the basis of the display effect, wherein the display mode comprises: and displaying the layout of the page elements on the target page.
Optionally, the determining, based on the element type and on the display effect, a display manner of the page element on the target page includes: determining a display area of a page element included in the target page when the target page is adapted to the display device according to the element type; and determining the display layout of the page elements on the target page when the target page is adapted to the display equipment based on the display area of the page elements included in the target page.
Optionally, the displaying the target page on the display device in the determined display manner includes: determining a target display mode from the plurality of display modes under the condition that the determined display modes comprise a plurality of display modes, wherein the target display mode is a display mode without failure in the plurality of display modes; and displaying the target page on the display equipment according to the target display mode.
Optionally, the display parameter is a display parameter of a display window in the display device, and the display parameter includes at least one of: resolution and display size.
Optionally, the method further includes: and triggering to acquire the display parameters of the display equipment when receiving the data stream corresponding to the target page to be displayed in the video application.
According to a second aspect of the embodiments of the present disclosure, there is provided a display processing apparatus including: the first acquisition module is used for acquiring display parameters of the display equipment; the second acquisition module is used for acquiring page elements included in a target page to be displayed in the video application; a first determining module, configured to determine, according to the display parameter, a display manner of the page element on the target page on the condition that the target page is adapted to the display device; and the first display module is used for displaying the target page on the display equipment by adopting the determined display mode.
Optionally, the first determining module includes: the first acquisition unit is used for acquiring element types of the page elements, wherein different element types have different display requirements; a first determining unit, configured to determine, based on the display parameter and the element type, a display manner of the page element on the target page on a condition that the target page is adapted to the display device.
Optionally, the first determining unit includes: the first determining subunit is configured to determine, according to the display parameter, a display effect of the target page on the display device under a condition that the target page is adapted to the display device; a second determining subunit, configured to determine, based on the element type and on the display effect, a display manner of the page element on the target page, where the display manner includes: and displaying the layout of the page elements on the target page.
Optionally, the second determining subunit includes: the first determining subunit is configured to determine, according to the element type, a display area of a page element included in the target page when the target page is adapted to the display device; and the second determining subunit is configured to determine, based on the display area of the page element included in the target page, a display layout of the page element on the target page when the target page is adapted to the display device.
Optionally, the first display module includes: a second determining unit, configured to determine, when the determined display manner includes a plurality of display manners, a target display manner from the plurality of display manners, where the target display manner is a display manner in which a failure does not occur in the plurality of display manners; and the first display unit is used for displaying the target page on the display equipment according to the target display mode.
Optionally, the display parameter is a display parameter of a display window in the display device, and the display parameter includes at least one of: resolution and display size.
Optionally, the apparatus further comprises: and the triggering module is used for triggering and acquiring the display parameters of the display equipment when receiving the data stream corresponding to the target page to be displayed in the video application.
According to a third aspect of the embodiments of the present disclosure, there is provided an electronic apparatus including: a processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement any of the page display methods.
According to a fourth aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium, in which instructions, when executed by a processor of an electronic device, enable the electronic device to perform any one of the page display methods.
According to a fifth aspect of embodiments of the present disclosure, there is provided a computer program product comprising a computer program which, when executed by a processor, implements any one of the page display methods.
The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:
according to the display parameters, the display mode of the page elements on the target page is determined under the condition that the target page to be displayed is matched with the display equipment, and the target page is displayed on the display equipment according to the determined display mode.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.
FIG. 1 is a flow diagram illustrating a page display method in accordance with an exemplary embodiment;
FIG. 2 is a flow diagram illustrating another method of page display in accordance with an illustrative embodiment;
FIG. 3 is a flow diagram illustrating yet another method of page display in accordance with an illustrative embodiment;
FIG. 4 is a flow diagram illustrating yet another page display method in accordance with an exemplary embodiment;
FIG. 5 is a schematic diagram illustrating a cross-screen angle and a vertical-screen angle comparison in a page display method according to an alternative embodiment of the present invention;
FIG. 6 is a schematic diagram illustrating a resolution-angle banner comparison in a page display method according to an alternative embodiment of the present invention;
FIG. 7 is a diagram illustrating a grid comparison at a resolution angle in a page display method according to an alternative embodiment of the present invention;
fig. 8 is a block diagram showing a configuration of a display processing apparatus according to an exemplary embodiment;
fig. 9 is a block diagram showing the configuration of the first determination module 83 in the display processing apparatus according to an exemplary embodiment;
fig. 10 is a block diagram showing a configuration of the first determining unit 92 in the first determining module 83 in the display processing apparatus according to an exemplary embodiment;
fig. 11 is a block diagram showing the configuration of another display processing apparatus according to an exemplary embodiment;
fig. 12 is a block diagram illustrating a structure of a terminal according to an exemplary embodiment.
Detailed Description
In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
It should be noted that the user information (including but not limited to user device information, user personal information, etc.) referred to in the present disclosure is information authorized by the user or sufficiently authorized by each party.
The present disclosure provides a page display method as shown in fig. 1. Fig. 1 is a flowchart illustrating a page display method according to an exemplary embodiment, which is used in the computer terminal described above, as shown in fig. 1, and includes the following steps.
In step S11, display parameters of the display device are acquired;
in step S12, a page element included in a target page to be displayed in the video application is acquired;
in step S13, the display mode of the page element on the target page is determined based on the display parameters and on the condition that the target page fits the display device.
In step S14, the target page is displayed on the display device in the determined display manner.
By adopting the above processing, the display mode of the page element on the target page is determined by taking the target page to be displayed as the adaptive display device according to the display parameters, and the target page is displayed on the display device according to the determined display mode, because the page element included in the target page displayed on the display device is determined under the condition that the target page is adaptive to the display device and is adaptive to the display device, when the page element is displayed on the display device, the page element on the target page and the target page are all adaptive to the whole display device, the problems of disordered display and low user experience caused when the page is displayed on the display device in the related art are solved. And then when the page is displayed on different display devices, the page is displayed on the display device according to the mode that the page to be displayed is matched with the display device. The display page can be flexibly adjusted and displayed according to different display devices, and the user experience of browsing and watching the display page is improved.
In one or more optional embodiments, display parameters of a display device are obtained, where the display parameters may be display parameters of a display window in the display device, and the display parameters may be adjustable and may be adjustable in the display device, and the display parameters are generally different in different display devices, and may also be different in different display windows of the same display device. The display parameters of the display device can be obtained by triggering when a data stream corresponding to a target page to be displayed in a video application is received, that is, the page display processing method can be directly carried in the data stream corresponding to the target page, and when a page needs to be displayed on the display device, the display parameters of the display device are automatically obtained firstly through the triggering condition, so that the subsequent displayed page is adaptive to the display device, and therefore, when the data stream reaches the display device, the display device is automatically adapted to display, but the display device does not need to be adjusted, so that the display device can completely, comprehensively and clearly display the page to be displayed, the automation function of the page display processing method is improved, and the user experience is increased.
It should be noted that the display parameters may include a plurality of types, for example, the resolution and the display size of the display device (display window) may be included, and by acquiring the resolution, the display size and other display parameters of the display device, a basis is laid for subsequent targeted adjustment of the display device.
In addition, the display device may be a variety of electronic devices with a display function, such as a terminal device or a server, where the terminal device may be, for example, a mobile phone, a tablet, a host, a sound box with a display function, a refrigerator, and so on.
In one or more optional embodiments, when determining the display manner of the page element on the target page based on the display parameter and the target page adaptation display device, the display manner may be in multiple manners, for example, fig. 2 is a flowchart of another page display method according to an exemplary embodiment, as shown in fig. 2, the method includes the steps shown in fig. 1, where the step S13 may include the following steps:
step S21, acquiring element types of page elements, wherein different element types have different display requirements;
and step S22, determining the display mode of the page element on the target page based on the display parameters and the element type and taking the target page to adapt to the display equipment as a condition.
The element types referred to above may include various types, for example, a banner, a grid, a slide, and the like. The banner refers to an element type capable of displaying the object content with a larger display space in the display window, the grid refers to an element type capable of displaying the object content in the display window in a grid display mode, and the slider refers to an element type capable of displaying the object content in the display window through a sliding operation. Different element types have different display requirements. For example, banners are used primarily to highlight notifications, or highlight, of the content of an object. The grid is mainly used for arranging and displaying a plurality of object contents, and the sliding is mainly used for displaying more object contents in a sliding mode in a smaller display area. The display requirements of different types of page elements are different, and therefore, in order to adapt a display page to a display device, the display mode of the page elements on the target page is determined based on the different types of element types, so that the display on the display device is in accordance with the element types, namely, is in accordance with the viewing requirements of a viewer with the page to be displayed.
In one or more optional embodiments, based on the display parameter and the element type, when determining the display manner of the page element on the target page on the condition that the target page is adapted to the display device, the display layout of the page element on the target page may be determined first. Fig. 3 is a flowchart illustrating a further page display method according to an exemplary embodiment, as shown in fig. 3, the method includes the steps shown in fig. 2, wherein the step S22 may include the following steps:
step 31, determining the display effect of the target page on the display equipment under the condition that the target page is adapted to the display equipment according to the display parameters;
step 32, based on the element type, determining a display mode of the page element on the target page on the basis of the display effect, wherein the display mode includes: the display layout of the page elements on the target page.
It should be noted that the display effect here may be whether the target page can be displayed completely on the display device, whether there is a block, whether the display resolution of the target page is matched with the display device, and the like. The display mode of the page elements on the target page is determined on the basis of the determined display effect, wherein the display mode comprises a display layout of the page elements on the target page, namely an arrangement mode of the page elements on the target page, for example, several page elements are displayed on one row of the target page, several page elements are displayed on one column of the target page, and the like, and the number of the total page elements displayed on the target page. Through the processing, the display effect is determined, and the display layout of the page elements on the target page is determined based on the display effect, so that the display of the page elements on the target page is adaptive, and the display of the page elements on the target page is also adaptive. By the layer-by-layer adaptation mode, the adaptation of integral display is achieved.
In one or more optional embodiments, determining, based on the element type and on the display effect, a display manner of the page element on the target page may include: determining a display area of a page element included in a target page when the target page is adapted to display equipment according to the element type; and determining the display layout of the page elements on the target page when the target page is adapted to the display equipment based on the display area of the page elements included in the target page. Through the above processing, after the display area of the page element included in the target page is determined, the display layout of the page element on the target page is determined based on the display area. For example, based on the element type, the display size of the page element when displayed on the target page, that is, the display area of the page element on the target page, may be determined. And determining the arrangement mode of the page elements included in the target page elements based on the size of the display area. Based on the size occupied by the display area, when the determined arrangement mode is unreasonable, the display area of the page elements on the target page can be adjusted, and finally the arrangement mode of the whole page elements is adapted to the perception of the user through a proper adjustment mode, so that the overall layout is adapted, and the overall impression of the user on the target page is improved.
It should be noted that, when the display layout of the page elements is determined, in terms of the practicability and the aesthetic degree of the typesetting, what is more important is the display of the controls included in the page elements, and therefore, the display area of the controls can be considered preferentially, so that the display of the important controls is more obviously embodied, and the display of the important controls is avoided being ignored.
In one or more optional embodiments, when the target page is displayed on the display device in the determined display manner, the method may further include: determining a target display mode from the plurality of display modes under the condition that the determined display modes comprise a plurality of display modes, wherein the target display mode is a display mode without failure in the plurality of display modes; and displaying the target page on the display equipment according to the target display mode. Wherein, the plurality of display modes may include: the target display mode can be a display mode determined from the main display mode and the auxiliary display mode. Under the condition that the main display mode is not failed, displaying a target page on display equipment by adopting the main display mode; and/or displaying the target page on the display equipment by adopting the auxiliary display mode under the condition that the main display mode has a fault. When the target page is adapted to the display equipment, a plurality of adaptation modes are provided, namely, a corresponding redundancy mechanism is provided, so that when one main display mode is adopted for displaying and a fault occurs, an auxiliary display mode is adopted, the display equipment is ensured to display the target page in an adaptation mode smoothly, and bad use experience of a user is avoided.
As described above, the method for processing page display may be directly carried in a data stream corresponding to a target page to be displayed, and when a page needs to be displayed on a display device, the triggering condition is used to automatically obtain display parameters of the display device, so that a subsequently displayed page is adapted to the display device.
Fig. 4 is a flowchart illustrating still another page display method according to an exemplary embodiment, as shown in fig. 4, the method may further include the following steps in addition to the steps shown in fig. 1:
and step 41, when receiving a data stream corresponding to a target page to be displayed in the video application, triggering to acquire a display parameter of the display device.
By adopting the processing, when the data stream of the target page to be displayed is received, the process of the page display method is triggered, the target page is adaptively displayed on the display equipment in an adaptive mode of the data stream, and adaptive convenience is realized.
Based on the foregoing embodiments and optional embodiments, in an optional embodiment of the present invention, a page display method is provided, and in particular, a page display method for an adaptive ui (user interface) technology framework is provided.
According to the method in the optional embodiment of the present invention, the interface can be displayed in the horizontal screen and vertical screen modes in a self-adaptive manner, when the terminal device rotates, the screen display interface can be self-adapted according to the rotation angle, fig. 5 is a schematic diagram of the angle comparison between the horizontal screen and the vertical screen in the page display method provided in the optional embodiment of the present invention, as shown in fig. 5, the terminal device is originally displayed as the vertical screen, the terminal device is rotated by 90 degrees to be displayed as the horizontal screen, and is rotated by 180 degrees to be displayed as the reverse vertical screen, and is rotated by 270 degrees to be displayed as the reverse horizontal screen. The method in the optional embodiment of the present invention may also be adapted to display interfaces with different resolutions, for example, different resolutions when displaying on different terminal devices, the resolution of the mobile phone end is generally 1080x2160 and 1080x1920 resolutions, the resolution of the tablet end is generally 1600x2560 resolution, and the resolution may also be 1024x600 resolution on other terminal devices, and the like, and may be adapted by comparison according to the resolutions on different devices, and different types and numbers of controls may be displayed on the same display interface. Fig. 6 is a schematic diagram of a banner comparison at a resolution angle in a page display method according to an alternative embodiment of the present invention, as shown in fig. 6, in a screen with different resolutions, a banner (banner) has a different display form, and in the case of 1080x2160 resolution, 1600x2560 resolution, and 1024x600 resolution, the banner has a different length, width, and format, and is adapted to a display page with a current resolution. Fig. 7 is a schematic diagram of grid comparison at a resolution angle in a page display method according to an optional embodiment of the present invention, as shown in fig. 7, under screens with different resolutions, displayed interface layouts are different, for example, when a terminal device is a mobile phone with a resolution of 1080x2160, a grid display mode may be to display three columns of pictures, and when the terminal device is a flat panel with a resolution of 1600x2560, four columns of pictures may be displayed in a vertical screen mode.
The following is a detailed description of alternative embodiments of the invention.
(1) Defining the data format: the data format of the presentation is defined in the form of a json string, where type: is the presentation form of the data, such as banner ", grid", and slide "slip".
Taking the banner as an example, the code is as follows:
Figure BDA0003340626720000081
Figure BDA0003340626720000091
(2) the calculation logic:
1) banner display area calculation logic:
wherein, the following design can be made at the height-width ratio of 176/351:
/**
universal carousel graph usage
Mobile phone upper control width ═ screen width-2 ═ M
*<p>
Scale is the multiple of the current screen width of the mobile phone
(float) screen width/scale of responsive control
*<p>
*<p>
*height=width*176/351
*/
/**
Wherein, the following design can be made at the height-width ratio of 130/351:
universal carousel graph usage
Mobile phone upper control width ═ screen width-2 ═ M
*<p>
Scale is the multiple of the current screen width of the mobile phone
(float) screen width/scale of responsive control
*<p>
*<p>
*height=width*130/351
*/
2) The grid display area calculation logic calculates ResponsiveSize (adaptive layout), as follows:
(1) acquiring the length and width of the whole grid area, namely the size of the whole grid area;
(2) the length and width of the grid cells to be displayed in the whole grid area, namely the size of each grid cell to be displayed;
(3) acquiring the row spacing and the column spacing between adjacent grid units and the number of grid units to be displayed in the whole grid area;
(4) and determining the display layout of the whole grid area (including the grid cells) based on the size of the whole grid area, the size of each grid cell to be displayed, the row spacing and the column spacing between the adjacent grid cells and the number of the grid cells to be displayed in the whole grid area.
Through the optional implementation mode, the beneficial effect that when the display is carried out on different devices, the display is carried out on the devices according to the mode of adapting the display content to the devices can be achieved.
It is noted that while for simplicity of explanation, the foregoing method embodiments have been described as a series of acts or combination of acts, it will be appreciated by those skilled in the art that the present disclosure is not limited by the order of acts, as some steps may, in accordance with the present disclosure, occur in other orders and concurrently. Further, those skilled in the art should also appreciate that the embodiments described in the specification are preferred embodiments and that the acts and modules referred to are not necessarily required for the disclosure.
Through the above description of the embodiments, those skilled in the art can clearly understand that the method according to the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but the former is a better implementation mode in many cases. Based on such understanding, the technical solutions of the present disclosure may be embodied in the form of a software product, which is stored in a computer-readable storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (which may be a mobile phone, a computer, a server, or a network device) to execute the method of the embodiments of the present disclosure.
According to an embodiment of the present disclosure, there is also provided an apparatus for implementing the above page display method, and fig. 8 is a block diagram illustrating a structure of a display processing apparatus according to an exemplary embodiment. Referring to fig. 8, the apparatus includes a first obtaining module 81, a second obtaining module 82, a first determining module 83 and a first displaying module 84, which will be described below.
A first obtaining module 81, configured to obtain a display parameter of a display device; a second obtaining module 82, connected to the first obtaining module 81, configured to obtain a page element included in a target page to be displayed in a video application; a first determining module 83, connected to the second obtaining module 82, configured to determine, according to the display parameter, a display mode of the page element on the target page under a condition that the target page is adapted to the display device; and a first display module 84, connected to the first determining module 83, configured to display the target page on the display device in the determined display manner.
In one or more alternative embodiments, fig. 9 is a block diagram illustrating a structure of the first determining module 83 in the display processing apparatus according to an exemplary embodiment. Referring to fig. 9, the first determination module 83 includes: a first acquiring unit 91 and a first determining unit 92, the first determining module 83 will be described below.
A first obtaining unit 91, configured to obtain element types of page elements, where different element types have different display requirements; the first determining unit 92 is connected to the first obtaining unit 91, and configured to determine, based on the display parameter and the element type, a display manner of the page element on the target page on the condition that the target page is adapted to the display device.
In one or more alternative embodiments, fig. 10 is a block diagram illustrating a structure of the first determining unit 92 in the first determining module 83 in the display processing apparatus according to an exemplary embodiment. Referring to fig. 10, the first determination unit 92 includes: a first determining subunit 101 and a second determining subunit 102, which will be described below with respect to the first determining unit 92.
The first determining subunit 101 is configured to determine, according to the display parameter, a display effect of the target page on the display device on the condition that the target page is adapted to the display device; a second determining subunit 102, connected to the first determining subunit 101, configured to determine, based on the element type and on the basis of the display effect, a display manner of the page element on the target page, where the display manner includes: the display layout of the page elements on the target page.
In one or more optional embodiments, the second determining subunit 102 includes: the first determining subunit is used for determining a display area of a page element included in the target page when the target page is adapted to the display device according to the element type; and the second determining subunit is used for determining the display layout of the page elements on the target page when the target page is adapted to the display device based on the display area of the page elements included in the target page.
In one or more alternative embodiments, the first display module 84 includes: the second determining unit is used for determining a target display mode from the plurality of display modes when the determined display modes comprise a plurality of display modes, wherein the target display mode is a display mode without failure in the plurality of display modes; and the first display unit is used for displaying the target page on the display equipment according to the target display mode.
In one or more optional embodiments, the display parameter is a display parameter of a display window in the display device, and the display parameter includes at least one of: resolution and display size.
Fig. 11 is a block diagram illustrating a structure of another display processing apparatus according to an exemplary embodiment. Referring to fig. 11, the apparatus includes, in addition to the structure shown in fig. 8: the trigger module 111 will be described below.
The triggering module 111 is connected to the first obtaining module 81, and configured to trigger obtaining of the display parameter of the display device when receiving a data stream corresponding to a target page to be displayed in the video application.
It should be noted here that the first obtaining module 81, the second obtaining module 82, the first determining module 83 and the first displaying module 84 correspond to steps S11 to S14 in the embodiment, and the modules are the same as the examples and application scenarios realized by the corresponding steps, but are not limited to the disclosure in the embodiment. It should be noted that the modules described above may be implemented in a computer terminal as part of an apparatus.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
An embodiment of the present disclosure may provide an electronic device, for example, the electronic device may be a terminal 1200, and fig. 12 is a block diagram illustrating a structure of the terminal according to an exemplary embodiment. As shown in fig. 12, the terminal 1200 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, an exercise device, a personal digital assistant, or the like.
Referring to fig. 12, terminal 1200 may include one or more of the following components: processing component 1202, memory 1204, power component 1206, multimedia component 1208, audio component 1210, input/output (I/O) interface 1212, sensor component 1214, and communications component 1216.
The processing component 1202 generally controls overall operation of the terminal 1200, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing components 1202 may include one or more processors 1220 to execute instructions to perform all or a portion of the steps of the methods described above. Further, the processing component 1202 can include one or more modules that facilitate interaction between the processing component 1202 and other components. For example, the processing component 1202 can include a multimedia module to facilitate interaction between the multimedia component 1208 and the processing component 1202.
The memory 1204 is configured to store various types of data to support operation at the device 1200. Examples of such data include instructions for any application or method operating on terminal 1200, contact data, phonebook data, messages, pictures, videos, and so forth. The memory 1204 may be implemented by any type or combination of volatile or non-volatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
Power supply components 1206 provide power to the various components of terminal 1200. Power components 1206 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for terminal 1200.
The multimedia component 1208 includes a screen providing an output interface between the terminal 1200 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 1208 includes a front facing camera and/or a rear facing camera. The front camera and/or the rear camera may receive external multimedia data when the device 1200 is in an operating mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
Audio component 1210 is configured to output and/or input audio signals. For example, the audio assembly 1210 includes a Microphone (MIC) configured to receive external audio signals when the terminal 1200 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 1204 or transmitted via the communication component 1216. In some embodiments, audio assembly 1210 further includes a speaker for outputting audio signals.
The I/O interface 1212 provides an interface between the processing component 1202 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to: a home button, a volume button, a start button, and a lock button.
The sensor assembly 1214 includes one or more sensors for providing various aspects of state assessment for the terminal 1200. For example, sensor assembly 1214 can detect an open/closed state of device 1200, the relative positioning of components, such as a display and keypad of terminal 1200, sensor assembly 1214 can also detect a change in position of terminal 1200 or a component of terminal 1200, the presence or absence of user contact with terminal 1200, orientation or acceleration/deceleration of terminal 1200, and a change in temperature of terminal 1200. The sensor assembly 1214 may include a proximity sensor configured to detect the presence of a nearby object in the absence of any physical contact. The sensor assembly 1214 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 1214 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
Communications component 1216 is configured to facilitate communications between terminal 1200 and other devices, either wired or wirelessly. The terminal 1200 may access a wireless network based on a communication standard, such as WiFi, an operator network (such as 2G, 3G, 4G, or 5G), or a combination thereof. In an exemplary embodiment, the communication component 1216 receives the broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communications component 1216 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the terminal 1200 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the above-described methods.
In an exemplary embodiment, a computer-readable storage medium comprising instructions, such as memory 1204 comprising instructions, executable by processor 1220 of terminal 1200 to perform the above-described method is also provided. Alternatively, the computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
In an exemplary embodiment, a computer program product is also provided, in which the computer program, when executed by a processor of a terminal, enables the terminal to perform the page display method of any of the above.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims (10)

1. A page display method, comprising:
acquiring display parameters of display equipment;
acquiring page elements included in a target page to be displayed in a video application;
according to the display parameters, determining a display mode of the page elements on the target page under the condition that the target page is matched with the display equipment;
and displaying the target page on the display equipment by adopting the determined display mode.
2. The method according to claim 1, wherein the determining, according to the display parameters, a display manner of the page element on the target page on the condition that the target page is adapted to the display device comprises:
acquiring element types of the page elements, wherein different element types have different display requirements;
and determining the display mode of the page element on the target page based on the display parameters and the element type under the condition that the target page is matched with the display equipment.
3. The method according to claim 2, wherein the determining, based on the display parameters and the element type, the display manner of the page element on the target page conditioned on the target page adapting to the display device comprises:
according to the display parameters, determining the display effect of the target page on the display equipment under the condition that the target page is matched with the display equipment;
based on the element type, determining a display mode of the page element on the target page on the basis of the display effect, wherein the display mode comprises: and displaying the layout of the page elements on the target page.
4. The method of claim 3, wherein determining, based on the element type and the display effect, a manner of display of the page element on the target page comprises:
determining a display area of a page element included in the target page when the target page is adapted to the display device according to the element type;
and determining the display layout of the page elements on the target page when the target page is adapted to the display equipment based on the display area of the page elements included in the target page.
5. The method according to claim 1, wherein the displaying the target page on the display device in the determined display manner comprises:
determining a target display mode from the plurality of display modes under the condition that the determined display modes comprise a plurality of display modes, wherein the target display mode is a display mode without failure in the plurality of display modes;
and displaying the target page on the display equipment according to the target display mode.
6. The method according to any one of claims 1 to 5, wherein the display parameter is a display parameter of a display window in the display device, and the display parameter comprises at least one of: resolution and display size.
7. A display processing apparatus characterized by comprising:
the first acquisition module is used for acquiring display parameters of the display equipment;
the second acquisition module is used for acquiring page elements included in a target page to be displayed in the video application;
a first determining module, configured to determine, according to the display parameter, a display manner of the page element on the target page on the condition that the target page is adapted to the display device;
and the first display module is used for displaying the target page on the display equipment by adopting the determined display mode.
8. An electronic device, comprising:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement the page display method of any of claims 1 to 6.
9. A computer-readable storage medium, wherein instructions in the computer-readable storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the page display method of any of claims 1 to 6.
10. A computer program product comprising a computer program, characterized in that the computer program realizes the page display method of any one of claims 1 to 6 when executed by a processor.
CN202111307421.5A 2021-11-05 2021-11-05 Page display method and device, electronic equipment and computer readable storage medium Pending CN113986442A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111307421.5A CN113986442A (en) 2021-11-05 2021-11-05 Page display method and device, electronic equipment and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111307421.5A CN113986442A (en) 2021-11-05 2021-11-05 Page display method and device, electronic equipment and computer readable storage medium

Publications (1)

Publication Number Publication Date
CN113986442A true CN113986442A (en) 2022-01-28

Family

ID=79746843

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111307421.5A Pending CN113986442A (en) 2021-11-05 2021-11-05 Page display method and device, electronic equipment and computer readable storage medium

Country Status (1)

Country Link
CN (1) CN113986442A (en)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108628656A (en) * 2018-05-09 2018-10-09 平安普惠企业管理有限公司 Interface adaptation method, device, computer equipment and storage medium on ios device
CN109344352A (en) * 2018-08-09 2019-02-15 广州优视网络科技有限公司 Page loading method, device and electronic equipment
CN110147230A (en) * 2019-04-18 2019-08-20 浙江数链科技有限公司 Page adaptation method, apparatus, equipment and storage medium
CN111552530A (en) * 2020-04-22 2020-08-18 北京赤金智娱科技有限公司 Terminal screen adapting method, device and equipment for user interface
CN112417338A (en) * 2020-11-30 2021-02-26 北京博瑞彤芸科技股份有限公司 Page adaptation method, system and equipment
CN113127125A (en) * 2021-04-22 2021-07-16 康键信息技术(深圳)有限公司 Page automatic adaptation method, device, equipment and storage medium
CN113268303A (en) * 2021-05-27 2021-08-17 北京大米科技有限公司 Interface element configuration method and device, storage medium and electronic equipment

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108628656A (en) * 2018-05-09 2018-10-09 平安普惠企业管理有限公司 Interface adaptation method, device, computer equipment and storage medium on ios device
CN109344352A (en) * 2018-08-09 2019-02-15 广州优视网络科技有限公司 Page loading method, device and electronic equipment
CN110147230A (en) * 2019-04-18 2019-08-20 浙江数链科技有限公司 Page adaptation method, apparatus, equipment and storage medium
CN111552530A (en) * 2020-04-22 2020-08-18 北京赤金智娱科技有限公司 Terminal screen adapting method, device and equipment for user interface
CN112417338A (en) * 2020-11-30 2021-02-26 北京博瑞彤芸科技股份有限公司 Page adaptation method, system and equipment
CN113127125A (en) * 2021-04-22 2021-07-16 康键信息技术(深圳)有限公司 Page automatic adaptation method, device, equipment and storage medium
CN113268303A (en) * 2021-05-27 2021-08-17 北京大米科技有限公司 Interface element configuration method and device, storage medium and electronic equipment

Similar Documents

Publication Publication Date Title
CN105955607B (en) Content sharing method and device
CN107526494B (en) Keyboard display method, device, terminal and storage medium
CN110662095B (en) Screen projection processing method and device, terminal and storage medium
EP3033837B1 (en) Mobile terminal and method for controlling the same
CN105159640B (en) Display interface rotating method and device and mobile terminal
CN106506448B (en) Live broadcast display method and device and terminal
EP3182716A1 (en) Method and device for video display
CN106657780B (en) Image preview method and device
CN107888984B (en) Short video playing method and device
JP2016530554A (en) Image switching method, apparatus, program, and recording medium
CN111479158B (en) Video display method and device, electronic equipment and storage medium
US20150116368A1 (en) Method and device for adjusting characters of application
CN106775235B (en) Screen wallpaper display method and device
CN107566878B (en) Method and device for displaying pictures in live broadcast
CN106775210B (en) Wallpaper changing method and device
CN109783171B (en) Desktop plug-in switching method and device and storage medium
CN109521938B (en) Method and device for determining data evaluation information, electronic device and storage medium
CN106919302B (en) Operation control method and device of mobile terminal
CN111614910B (en) File generation method and device, electronic equipment and storage medium
CN114268802B (en) Virtual space display method and device, electronic equipment and storage medium
CN107832112B (en) Wallpaper setting method and device
CN107102836B (en) Display method and device
CN113986442A (en) Page display method and device, electronic equipment and computer readable storage medium
CN106354464B (en) Information display method and device
CN111736890A (en) Data updating 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