Display device and multi-size screen presentation method

Abstract

The application discloses a display device and a multi-size picture display method. The display device acquires the screen physical size and the screen resolution parameter corresponding to the display in response to a playing instruction of a demonstration media, filters a target display size not greater than the screen physical size from a preset size set, calculates a corresponding size proportion coefficient based on the screen physical size, and determines the pixel coordinates and the window size of the target display window based on the size proportion coefficient and the screen resolution. The picture content of the demonstration media is limited in a corresponding rectangular area by calling a bottom rendering engine to perform rendering output, the corresponding annotation information is superimposed on the display level of the picture content, and the display is controlled to perform display according to a preset display rule. The application can accurately simulate the display effect of screens with different sizes on a single display device, realize intuitive comparison of multi-size pictures, and further improve the display effect and ease of use of the size demonstration scene.

Description

Technical Field

[0001] This application relates to the field of display device technology, and in particular to a display device and a method for displaying screens of multiple sizes. Background Technology

[0002] Display devices are intelligent devices capable of presenting a user interface and supporting user interaction. Taking smart TVs as an example, smart TVs are television products based on Internet application technology, possessing an open operating system and chip, an open application platform, and enabling two-way human-computer interaction. They integrate multiple functions such as audio-visual entertainment and data to meet diverse and personalized user needs. Display devices can present different media asset recommendation interfaces, which may include multiple media asset options for users to select and play.

[0003] In display device demonstration scenarios, to address the need for comparing the viewing effects of products of different sizes, two display methods are employed: physical display and single-screen multi-window display. Physical display involves simultaneously deploying multiple display devices of different physical sizes in the exhibition area. Each device operates independently and plays video content, accompanied by static labels indicating product size parameters, allowing viewers to compare the visual presentation effects of different specifications on-site. The single-screen multi-window display solution, based on display technologies such as picture-in-picture and split-screen rendering, transmits preset window ratios and position parameters from the application layer to the underlying rendering engine. A fixed-ratio sub-window is opened within the main display screen to play video, achieving multi-screen simultaneous display on the same screen.

[0004] However, the above methods cannot accurately simulate the dynamic video viewing effect of multiple display devices based on the physical size parameters of the local screen on a single display device according to the actual physical ratio. It is difficult to achieve an intuitive comparison of the effects of multiple sizes under the same video screen, thus affecting the display effect of the display device and the user experience. Summary of the Invention

[0005] This application provides a display device and a method for displaying multiple screen sizes to solve the problem that display devices have difficulty in achieving intuitive comparison of multiple screen sizes under the same video screen.

[0006] In a first aspect, this application provides a display device, comprising: The monitor is configured to display the user interface; The controller, coupled to the display, is configured to: In response to a playback command for the presentation media, the physical screen size and screen resolution parameters of the display are obtained. Select target display sizes that are not larger than the physical screen size from the preset set of sizes; Based on the physical size of the screen, calculate the size ratio coefficient corresponding to the target display size; Based on the size ratio coefficient and the screen resolution, the pixel coordinates and window size of the target display window are determined, and the target display window is the display window corresponding to the target display size; The underlying rendering engine is invoked to render and output the content of the presentation media within the rectangular area corresponding to the target display window, and annotation information corresponding to the target display size is superimposed on the display layer of the content. The display is controlled to show the screen content and the annotation information according to preset display rules.

[0007] The above technical solution has the following beneficial effects or advantages: The architecture, which directly locks the media asset rendering area using the underlying rendering engine, results in low image distortion and high playback smoothness. The annotation overlay does not interfere with the decoding and rendering process of the underlying media asset, ensuring strong operational stability. Based on the screen's physical size and scaling factor, it achieves proportional size simulation, allowing for intuitive reproduction of the actual display size of screens of different specifications on a single display device. This adapts to the size comparison demonstration needs of offline retail stores, product showrooms, and other scenarios. The layered rendering mode of media asset images and annotation information makes the two layers of logic independent of each other, and adjustments to the annotation style and position will not affect the output of the underlying media asset.

[0008] In some embodiments of this application, the controller determines the pixel coordinates and window size of the target display window based on the size scaling factor and the screen resolution, specifically configured as follows: Based on the size ratio coefficient and the pixel width and height corresponding to the screen resolution, calculate the window width and window height of the corresponding target display window to obtain the window size; Based on the layout rules of horizontal centering and bottom alignment, the horizontal and vertical offsets corresponding to the target display window are calculated to obtain the pixel coordinates.

[0009] The above technical solution has the following beneficial effects or advantages: By strictly matching the aspect ratio of the target size through proportional conversion, the display ratio of the simulated image is consistent with that of the real screen, without any stretching or distortion issues, and the size reproduction accuracy is high. It adopts a unified layout rule of horizontal centering and bottom alignment, and the arrangement of simulated images of all sizes is standardized and uniform. The visual transition when switching sizes is natural, making it easy for viewers to intuitively perceive the size differences of different specifications.

[0010] In some embodiments of this application, the annotation information includes text elements and boundary markers, and the controller overlays and renders annotation information corresponding to the target display size on top of the display layer of the screen content, specifically configured as follows: Obtain the system font baseline value; Based on the system font reference value, the pixel coordinates and window size of the target display window are converted into corresponding positioning parameters and size parameters under the interface layout system; Based on the positioning parameters and the size parameters, the display font size of the text element is scaled according to the size scaling factor, and the rendering position of the boundary marker and the text element is determined. Above the display layer of the screen content, the text element and the boundary marker are rendered according to the rendering position, so that the boundary marker coincides with the boundary of the target display window.

[0011] The above technical solution has the following beneficial effects or advantages: The conversion of pixel parameters to interface layout parameters based on the system font baseline value ensures that the position of the annotation elements is accurately aligned with the target display window, avoiding annotation offset issues at different resolutions. The font size of the text elements scales synchronously with the size ratio, making the visual proportion of the annotation text at different sizes coordinated and consistent, and avoiding font size imbalance issues. The boundary markers completely coincide with the boundary of the display window, which can clearly define the visual range of the simulated screen, making it easy for viewers to intuitively perceive the actual screen boundary of the corresponding size.

[0012] In some embodiments of this application, the controller controls the display to show the screen content and the annotation information according to a preset display rule, specifically configured as follows: According to the target display size in descending or ascending order and a preset time interval, the display is controlled to sequentially display the screen content and the annotation information corresponding to each target display size; When the display is set to the minimum or maximum target display size, the display is controlled to show the screen content and annotation information corresponding to all target display sizes. After a preset duration, the display continues to show the screen content and annotation information corresponding to each target display size in sequence, according to the target display size from largest to smallest or from smallest to largest and the preset time interval.

[0013] The above technical solution has the following beneficial effects or advantages: It supports automatic looping and display, which can complete the full-size sequential demonstration without manual operation; and when looping to the smallest or largest size, it triggers full-size simultaneous display. Within a single loop cycle, it takes into account both the display of single-size details and the overall comparison of multiple sizes. The demonstration logic conforms to the viewer's cognitive habits, and the display effect is more prominent. It also supports two loop directions, forward and reverse, which can be flexibly selected according to different display scenarios, making it highly adaptable.

[0014] In some embodiments of this application, the controller controls the display to show the screen content and annotation information corresponding to all the target display sizes, specifically configured as follows: Calculate the size ratio coefficient, pixel coordinates, and window size for each of the target display sizes; The underlying rendering engine is invoked to process the screen content according to the target display size based on the size ratio coefficient, pixel coordinates and window size, forming corresponding sub-screens; Synchronously render and output all the sub-screens corresponding to the target display size, and overlay the annotation information corresponding to the target display size on the top layer of the sub-screens.

[0015] The above technical solution has the following beneficial effects or advantages: Based on single-source media asset processing, multiple sizes of sub-screens are generated and output on the same screen. There is no need for parallel decoding of multiple media assets, the hardware computing power is low, and it can be adapted to display devices with different performance levels. Each sub-screen corresponds to independent annotation information, and the size parameters correspond one-to-one with the screen. Viewers can intuitively compare the size differences of multiple screen specifications in the same screen, making size comparison more efficient.

[0016] In some embodiments of this application, the controller is further configured to: Receive size switching instructions from the user; In response to the size switching command, the target display size to which the size switching command applies is determined as the first display size; Control the display to show the screen content corresponding to the first display size and the annotation information.

[0017] The above technical solution has the following beneficial effects or advantages: It supports users to manually switch the display size via commands, and can stop at the target size for detailed viewing as needed. It is suitable for interactive scenarios such as sales guide explanations and user self-viewing, making it more flexible to use. The size switching response is direct, the operation link is short, the switching process is smooth and lag-free, and the interactive experience is good.

[0018] In some embodiments of this application, the controller is further configured to: Receive menu trigger commands input by the user; In response to the menu trigger command, control the display to show the size selection menu; In response to a size selection command input based on the size selection menu, the target display size applied by the size selection command is determined as the second display size; Control the display to show the screen content corresponding to the second display size and the annotation information.

[0019] The above technical solution has the following beneficial effects or advantages: It offers a menu-driven size selection method, allowing users to directly jump to the target size without having to switch between different sizes. This improves the efficiency of selecting large-span sizes, adapts to the rapid demonstration needs of products with multiple specifications, and the menu interaction conforms to the general operating logic of display devices, making it easy to use.

[0020] In some embodiments of this application, the controller is further configured to: Detect the resolution level of the screen resolution; Different pixel width and height and system font baseline values ​​are set according to different resolution levels; The pixel width and height are used to calculate the pixel coordinates and window size of the target display window, and the system font reference value is used to determine the display of the annotation information.

[0021] The above technical solution has the following beneficial effects or advantages: By adapting corresponding calculation parameters and font benchmarks for different resolution levels, it can ensure consistent layout proportions and display effects on display devices with different resolutions. The computational overhead is small and the adaptation efficiency is high.

[0022] In some embodiments of this application, when the presentation media asset is video, the controller invokes the underlying rendering engine, specifically configured as follows: The underlying media service interface is invoked to pass the pixel coordinates and window size of the target display window to the underlying rendering engine; The underlying rendering engine locks the rendering boundary based on the input parameters and controls the video image of the demonstration media to complete the rendering output within the rectangular area corresponding to the target display window.

[0023] The above technical solution has the following beneficial effects or advantages: For video media assets, a dedicated underlying media service interface is used to lock the rendering boundary by relying on the hardware decoding channel. This results in high video playback smoothness. The video rendering area is directly controlled through the underlying interface, eliminating the need for secondary processing of the video image at the application layer. This leads to lower processing latency and faster response speed for size switching.

[0024] Secondly, this application provides a method for displaying multiple screen sizes, applied to a display device, wherein the display device is equipped with a monitor, and the method includes: In response to a playback command for the presentation media, the physical screen size and screen resolution parameters of the display are obtained. Select target display sizes that are not larger than the physical screen size from the preset set of sizes; Based on the physical size of the screen, calculate the size ratio coefficient corresponding to the target display size; Based on the size ratio coefficient and the screen resolution, the pixel coordinates and window size of the target display window are determined, and the target display window is the display window corresponding to the target display size; The underlying rendering engine is invoked to render and output the content of the presentation media within the rectangular area corresponding to the target display window, and annotation information corresponding to the target display size is superimposed on the display layer of the content. The display is controlled to show the screen content and the annotation information according to preset display rules.

[0025] The above technical solution has the following beneficial effects or advantages: By calculating the size ratio and determining the relevant parameters of the target display window based on the physical size and resolution of the display device itself, it is possible to simulate the display effect of screens of different sizes on a single device. By using the underlying rendering engine to perform area-limited rendering of the presentation media and layering and superimposing annotation information, it can ensure the smoothness of media playback and the integrity of the picture, while clearly presenting the corresponding size identification information. At the same time, the picture is displayed according to the preset display rules, which can realize the orderly presentation and comparison of multiple sizes of the picture. Attached Figure Description

[0026] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0027] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device and a control device provided in some embodiments of this application; Figure 2 This is a schematic diagram of the hardware configuration of a display device provided in some embodiments of this application; Figure 3 This is a schematic diagram of the software configuration of a display device provided in some embodiments of this application; Figure 4 A flowchart illustrating a method for displaying multi-size images according to some embodiments of this application; Figure 5 This is a schematic diagram illustrating the rendering process of annotation information provided in some embodiments of this application; Figure 6 These are schematic diagrams illustrating the effect of a single-size display provided for some embodiments of this application; Figure 7A full-size flowchart illustrating some embodiments of this application; Figure 8 Full-size illustrations of the effects provided for some embodiments of this application; Figure 9 This is a schematic diagram illustrating the effect of the size selection menu provided in some embodiments of this application; Figure 10 A multi-size screen display system provided for some embodiments of this application; Figure 11 Interactive diagrams illustrating multi-size screen displays provided in some embodiments of this application. Detailed Implementation

[0028] The embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The embodiments described below do not represent all embodiments consistent with this application. They are merely examples of systems and methods consistent with some aspects of this application as detailed in the claims.

[0029] It should be noted that the brief descriptions of terms in this application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of this application. Unless otherwise stated, these terms should be understood in their ordinary and common meaning.

[0030] The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms are interchangeable where appropriate.

[0031] The terms “comprising” and “having”, and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device that includes a range of components is not necessarily limited to all of the components that are clearly listed, but may include other components that are not clearly listed or that are inherent to such product or device.

[0032] The term "module" refers to any known or subsequently developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and / or software code that is capable of performing the functions associated with that element.

[0033] In this embodiment, the display device 200 generally refers to a device with screen display and data processing capabilities. For example, the display device 200 includes, but is not limited to, smart TVs, mobile terminals, computers, monitors, advertising screens, wearable devices, virtual reality devices, augmented reality devices, etc.

[0034] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device and a control device provided in some embodiments of this application. For example... Figure 1 As shown, a user can operate the display device 200 via touch operation, a mobile terminal 300, and a control device 100. The control device 100 receives user input commands and converts them into control commands that the display device 200 can recognize and respond to. For example, the control device 100 can be a remote control, a stylus, a gamepad, etc.

[0035] The mobile terminal 300 can function as a control device for human-computer interaction between the user and the display device 200. It can also function as a communication device for establishing a communication connection with the display device 200 and exchanging data. In some embodiments, the mobile terminal 300 can have software applications installed on it and communicate with the display device 200 via network communication protocols to achieve one-to-one control and data communication. Furthermore, it can transmit audio and video content displayed on the mobile terminal 300 to the display device 200 for synchronized display.

[0036] In some embodiments, the mobile terminal 300 or other electronic devices may also simulate the functions of the control device 100 by running an application that controls the display device 200.

[0037] like Figure 1 The diagram also shows that the display device 200 communicates with the server 400 via various communication methods. This allows the display device 200 to communicate via a local area network (LAN), a wireless local area network (WLAN), and other networks.

[0038] Display device 200 can provide broadcast television reception function, and can also be equipped with intelligent network television function that provides computer support function, including but not limited to network television, smart television, Internet Protocol television (IPTV), etc.

[0039] Figure 2 Provided for some embodiments of this application Figure 1 Hardware configuration block diagram of display device 200.

[0040] In some embodiments, the display device 200 may include at least one of a tuner 210, a communication device 220, a detector 230, a device interface 240, a controller 250, a display 260, an audio output device 270, a memory, a power supply, and a user input interface 280.

[0041] In some embodiments, detector 230 is used to acquire signals from the external environment or to interact with the outside world. For example, detector 230 includes a light receiver, a sensor for acquiring ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to acquire external environmental scenes, user attributes, or user interaction gestures; or, detector 230 includes a sound acquisition device, such as a microphone, for receiving external sounds.

[0042] In some embodiments, the display 260 includes display function components for presenting images and driving components for driving image display. The display 260 is used to receive and display image signals output from the controller 250. For example, the display 260 can be used to display video content, image content, menu control interface components, and user control UI interfaces, etc.

[0043] In some embodiments, the communication device 220 is a component used to communicate with external devices or the server 400 according to various communication protocol types. The display device 200 may have multiple communication devices 220 depending on the supported communication methods. For example, when the display device 200 supports wireless network communication, it may have a communication device 220 with WiFi functionality. When the display device 200 supports Bluetooth connectivity, it needs to have a communication device 220 with Bluetooth functionality.

[0044] The communication device 220 enables the display device 200 to communicate with external devices or the server 400 via wireless or wired connections. Wired connections utilize data cables, interfaces, or other components to connect the display device 200 to external devices. Wireless connections utilize wireless signals or wireless networks. The display device 200 can directly establish a connection with external devices or indirectly through gateways, routers, or other connection devices.

[0045] In some embodiments, the controller 250 may include at least one of a central processing unit, a video processor, an audio processor, a graphics processor, and a power processor, and a first to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200.

[0046] In some embodiments, the controller 250 and the tuner 210 may be located in different separate devices, that is, the tuner 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.

[0047] In some embodiments, a user can input user commands through a graphical user interface (GUI) displayed on a display 260, and the user input interface 280 receives the user input commands through the graphical user interface (GUI).

[0048] In some embodiments, the audio output device 270 can be a built-in speaker of the display device 200 or an external audio output device connected to the display device 200. For the external audio output device connected to the display device 200, the display device 200 may also be provided with an external audio output terminal, through which the audio output device can be connected to the display device 200 to output sound from the display device 200.

[0049] In some embodiments, the user input interface 280 can be used to receive instructions from user input.

[0050] To enable user interaction, in some embodiments, the display device 200 may run an operating system. The operating system is a computer program used to manage and control the hardware and software resources of the display device 200. The operating system can control the display device to provide a user interface; for example, the operating system can directly control the display device to provide a user interface, or it can provide a user interface by running an application. The operating system also allows users to interact with the display device 200.

[0051] It should be noted that the operating system can be a native operating system based on a specific operating platform, a third-party operating system that is deeply customized based on a specific operating platform, or an independent operating system specifically developed for display devices.

[0052] An operating system can be divided into different modules or levels based on the functions it implements, for example... Figure 3 As shown, in some embodiments, the system is divided into three layers, from top to bottom: the Applications layer (referred to as the "application layer"), the middleware layer, and the hardware layer.

[0053] In some embodiments, the application layer provides services and interfaces for applications, enabling the display device 200 to run applications and interact with the user based on the applications. The application layer may contain at least one application, which may be a built-in Windows program, system settings program, or clock program of the operating system; or it may be an application developed by a third-party developer. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0054] The framework layer provides application programming interfaces (APIs) and a programming framework for applications. The application framework layer includes predefined functions. It acts as a central processing unit, determining the actions taken by applications within the application layer. Through the API, applications can access system resources and obtain system services during execution.

[0055] like Figure 3 As shown, Figure 3 Provided for some embodiments of this application Figure 1 The diagram shows the software configuration of the display device. In some embodiments, the system of the display device 200 can be divided into three layers, from top to bottom: the application layer, the middleware layer, and the hardware layer.

[0056] The application layer mainly includes commonly used applications on TVs, as well as the application framework. The commonly used applications are mainly browser-based applications, such as HTML5 apps, and native apps. An application framework is a complete program model that has all the basic functions required by standard application software, such as file access, data exchange, and the user interface for these functions (toolbar, status bar, menu, dialog box).

[0057] Native apps can support online or offline access, push notifications, or access to local resources.

[0058] The middleware layer includes various television protocols, multimedia protocols, and system components. Middleware can use the basic services (functions) provided by system software to connect different parts of application systems or different applications on the network, achieving resource sharing and function sharing.

[0059] The hardware layer mainly includes the Hardware Abstraction Layer (HAL) interface, hardware, and drivers. The HAL interface is a unified interface for all TV chips, with the specific logic implemented by each individual chip. Drivers mainly include: audio drivers, display drivers, Bluetooth drivers, camera drivers, Wi-Fi drivers, USB drivers, HDMI drivers, sensor drivers (such as fingerprint sensors, temperature sensors, pressure sensors, etc.), and power drivers.

[0060] It should be noted that the above examples are merely a simple division of operating system functions and do not limit the specific form of the operating system of the display device 200 in this application embodiment. Depending on the functions of the display device 200, the type of the operating system, and other factors, the number of layers and the specific type of the operating system may take other forms.

[0061] In the display scenario of display device 200, to meet users' needs for comparing the viewing effects of products of different sizes, related technologies use two display methods to showcase the display effects of different sizes: physical display and single-screen multi-window display. Physical display requires the simultaneous deployment of multiple display devices of different physical sizes in the display area. Each device independently runs and plays video content, accompanied by static labels indicating the product's size parameters, allowing viewers to compare the visual presentation effects of different specifications on-site. The single-screen multi-window display solution, based on display technologies such as picture-in-picture and split-screen rendering, transmits preset window ratios and position parameters from the application layer to the underlying rendering engine. A fixed-ratio sub-window is opened within the main display screen to play video, thus achieving multi-screen simultaneous display on the same screen.

[0062] However, neither of the above methods can accurately simulate the viewing effect of playing dynamic videos on multiple display devices according to the actual physical ratio based on the physical size parameters of the local screen on a single display device. It is also difficult to achieve an intuitive comparison of the effects of different sizes under the same video screen, which will ultimately affect the display effect of the display device and reduce the user experience.

[0063] In some embodiments, the display device 200 realizes multi-size display effect demonstration based on the canvas drawing capability of the application layer view system. By constructing a layered canvas architecture, the demonstration content corresponding to the target size is drawn in the first canvas in the foreground, the borders and identification information of other reference sizes are drawn in the cache canvas, and then the cache canvas content is copied to the second canvas in the background for overlay rendering. Finally, the interface comparison effect of multiple sizes is presented on a single display device 200.

[0064] However, multi-size displays based on application-layer canvas cannot accurately control the display area of ​​the underlying independent video rendering channel, making it difficult to strictly reproduce the viewing effect of multi-specification display devices according to the physical size ratio of the screen in dynamic video playback scenarios.

[0065] To address the aforementioned issues, this application provides a display device and a method for displaying multiple screen sizes, which can accurately simulate the display effects of screens of different sizes on a single display device, enabling intuitive comparison of multiple screen sizes.

[0066] Figure 4 This is a flowchart illustrating a method for displaying multi-size screens according to some embodiments of this application. Figure 4As shown, controller 250 is configured to perform the following steps: S401, in response to the playback command of the presentation media, obtain the physical screen size and screen resolution parameters corresponding to the display.

[0067] The display device 200 can receive playback commands for presentation media initiated by the user or automatically triggered by the display device 200, and in response to the playback commands, obtain the physical screen size and screen resolution parameters of the display 260. The presentation media can be images or videos.

[0068] In some embodiments, in response to a presentation media playback command issued by the application layer, the display device 200 calls the screen size acquisition component (DemaUslsFunc.getScreenSize) in the platform adaptation layer to read the current physical diagonal size (sizeProduct, unit: inches) of the display 260 from the system firmware. Simultaneously, it uses the resolution detection component (StoreModeFunc.is4K) to detect the current screen resolution level, determining it to be either 4K (3840×2160) or 2K (1920×1080). These parameters are read all at once when the presentation media playback command is triggered and are then passed to subsequent calculation steps.

[0069] In some embodiments, the preset size set predefines a variety of standard TV sizes, including but not limited to common sizes such as 116 inches, 110 inches, 100 inches, 98 inches, 85 inches, 75 inches, 65 inches, 55 inches, 50 inches, and 43 inches. Each size entry includes the corresponding inch value.

[0070] S402. Filter the target display size from the preset size set that is not larger than the physical screen size.

[0071] The controller 250 compares the screen physical size (sizeProduct) obtained in step S401 with each size entry in the size set, and filters out all entries that are not larger than sizeProduct to form a target display size list (listVideo). The filtering results are arranged in descending order of size, and the first item in the list (listVideo[0]) is the physical size of the current display device 200, which is used as the base size (baseInch).

[0072] For example, when sizeProduct is 85 inches, the target display size list obtained by filtering from the preset size set includes six size entries: 85 inches, 75 inches, 65 inches, 55 inches, 50 inches, and 43 inches.

[0073] S403. Based on the physical size of the screen, calculate the size ratio coefficient corresponding to the target display size.

[0074] The controller 250 calculates a scaling factor for each size item (targetInch) in the target display size list, using the base size (baseInch) as the denominator, using the following formula: ratio = targetInch / baseInch The scaling factor corresponding to the baseline size is 1.0, and the scaling factors for the other target display sizes are all less than 1.0. The smaller the value, the smaller the simulated target screen.

[0075] For example, using 85 inches as a baseline, the ratios corresponding to each target display size are as follows: 85 inches corresponds to ratio=1.0, 75 inches corresponds to ratio approximately 0.882, 65 inches corresponds to ratio approximately 0.765, 55 inches corresponds to ratio approximately 0.647, 50 inches corresponds to ratio approximately 0.588, and 43 inches corresponds to ratio approximately 0.506.

[0076] S404. Based on the size ratio factor and screen resolution, determine the pixel coordinates and window size of the target display window. The target display window is the display window corresponding to the target display size.

[0077] Based on the screen resolution parameters (screenPixelWidth, screenPixelHeight) obtained in step S401 and the ratio calculated in step S403, the controller 250 calculates the window size of the target display window corresponding to each target display size according to the following formula: winWidth (window width) = screenPixelWidth × ratio, winHeight (window height) = screenPixelHeight × ratio.

[0078] After obtaining the window width (winWidth) and window height (winHeight), the controller 250 calculates the pixel coordinates (winX, winY) of the target display window according to the layout rules of horizontal centering and bottom alignment: winX=(screenPixelWidth-winWidth) / 2 (horizontal centering); winY=screenPixelHeight-winHeight (bottom alignment).

[0079] In this way, the horizontally centered layout rule can ensure that the simulated images of different sizes maintain visual symmetry in the horizontal direction; the bottom-aligned layout rule can make the bottom edge of the simulated image flush with the bottom edge of the monitor 260, which conforms to the viewing habits of users when standing and viewing in actual purchase scenarios, and makes the size difference more intuitive in the upper area.

[0080] In some embodiments, when the controller 250 determines the pixel coordinates and window size of the target display window based on the size ratio factor and the screen resolution, it calculates the window width and window height of the corresponding target display window according to the size ratio factor (ratio) and the pixel width and height (screenPixelWidth, screenPixelHeight) corresponding to the screen resolution, using the formulas winWidth=screenPixelWidth×ratio and winHeight=screenPixelHeight×ratio, to obtain the window size; and according to the layout rules of horizontal centering and bottom alignment, it calculates the horizontal offset (winX) and vertical offset (winY) of the target display window according to the formulas winX=(screenPixelWidth-winWidth) / 2 and winY=screenPixelHeight-winHeight, to obtain the pixel coordinates.

[0081] Through the above proportional conversion, the display ratio of the simulated images of each target display size is completely consistent with the display ratio of the corresponding physical screen size, with no stretching or distortion issues and high size restoration accuracy; the use of unified layout rules ensures that the simulated images of all sizes are arranged in a standardized manner, and the visual transition when switching sizes is natural, making it easy for viewers to intuitively perceive the size differences of different specifications.

[0082] Taking an 85-inch TV with 4K resolution (3840×2160) as an example, the target display window parameters for each target display size are as follows: 85-inch: winWidth=3840, winHeight=2160, winX=0, winY=0; 75-inch: winWidth approximately 3387, winHeight approximately 1906, winX approximately 226, winY approximately 254; 65-inch: winWidth approximately 2937, winHeight approximately 1652. The dimensions for the 55-inch WinX are approximately 451mm and WinY is approximately 508mm; the dimensions for the 55-inch WinX are approximately 2485mm and WinHeight is approximately 1398mm; the dimensions for the 50-inch WinX are approximately 677mm and WinY is approximately 762mm; the dimensions for the 50-inch WinX are approximately 2259mm and WinHeight is approximately 1271mm; the dimensions for the 50-inch WinX are approximately 790mm and WinY is approximately 889mm; and the dimensions for the 43-inch WinX are approximately 1942mm and WinHeight is approximately 1093mm; the dimensions for the 43-inch WinX are approximately 949mm and WinY is approximately 1067mm.

[0083] S405: Call the underlying rendering engine to restrict the content of the presentation media to the rectangular area corresponding to the target display window for rendering and output, and overlay the annotation information corresponding to the target display size on top of the display layer of the content.

[0084] The controller 250 calls the corresponding underlying rendering engine to display the video image within the specified rectangular area (the rectangular area corresponding to the target display window).

[0085] In some embodiments, when the presentation media is video, the controller 250 calls the underlying media service (MediaPlayerService) in the platform adaptation layer, and passes the window pixel coordinates (winX, winY) and window size (winWidth, winHeight) calculated in step S404 to the underlying rendering engine through the underlying media interface (hiMedia.getPreviewSplUrl). The underlying rendering engine locks the rendering boundary according to the input parameters, and controls the video image of the presentation media to complete the rendering output within the rectangular area corresponding to the target display window. There is no need for the application layer to perform secondary cropping or scaling of the video image, resulting in low video playback latency and minimal image quality loss.

[0086] After completing the underlying rendering output of the video image, the controller 250 overlays rendering annotation information on the display layer of the video image to help viewers intuitively understand the target size parameters of the current simulation.

[0087] S406. Control the display to show the screen content and annotation information according to the preset display rules.

[0088] After the controller 250 calls the underlying rendering engine to render the corresponding screen content and annotation information, it controls the display 260 to output the rendering result and present the screen corresponding to the target display size according to the preset display rules, so as to realize the accurate simulation of the viewing effect of multiple product specifications on a single device.

[0089] This embodiment of the disclosure directly locks the rendering boundary through the underlying rendering engine, enabling the rendering and output of dynamic video images of different display devices on a single display device 200 based on the local physical screen and in accordance with the actual size ratio. This eliminates the need for secondary cropping and scaling of the video by the application layer, ensuring the accuracy of size restoration, reducing image quality loss and playback delay, and intuitively presenting the comparison of display effects at different sizes, thereby improving the display effect and user experience.

[0090] Figure 5 This is a schematic diagram illustrating the rendering process of annotation information provided in some embodiments of this application. For example... Figure 5 As shown, in some embodiments, controller 250 is configured to perform the following steps: S501, Obtain the system font baseline value.

[0091] The controller 250 acquires the system font baseline value (rootFontSize). In some embodiments, rootFontSize is set to 60 at 4K resolution and 30 at 2K resolution. This setting ensures that the actual display size of UI elements remains consistent across different resolution display devices.

[0092] S502. Based on the system font baseline value, convert the pixel coordinates and window size of the target display window into the corresponding positioning parameters and size parameters under the interface layout system.

[0093] The controller 250 converts the pixel coordinates and window size of the target display window into corresponding rem unit positioning parameters and size parameters under the interface layout system based on the system font reference value: imgW=winWidth / rootFontSize, imgH=winHeight / rootFontSize; imgX=winX / rootFontSize, imgY=winY / rootFontSize.

[0094] Through the above transformation, absolutely positioned UI elements in the annotation layer can be precisely aligned with the rectangular boundary of the underlying video display window, and there will be no annotation offset problem at different resolutions.

[0095] S503. Based on the positioning parameters and size parameters, scale the display font size of the text elements according to the size ratio coefficient, and determine the rendering position of the boundary markers and text elements.

[0096] The controller 250 scales the display font size of the text element based on the size ratio and determines the rendering position of the boundary marker and the text element so that the boundary marker coincides with the boundary of the target display window.

[0097] S504. Above the display level of the screen content, render text elements and boundary markers according to their rendering positions, so that the boundary markers coincide with the boundary of the target display window.

[0098] The controller 250 renders the annotation information above the video display layer according to the aforementioned positioning and size parameters.

[0099] In some embodiments, the annotation information includes text elements and boundary markers. The boundary markers can be border markers of a preset color, such as white border markers (box-shadow), used to define the display boundary of the currently displayed target size; the text elements can be size numerical annotations (e.g., 65 inches), screen diagonal length annotations (165cm), or screen physical width and height annotations (e.g., W 144cm × H 81cm). For example, taking an 85-inch TV displaying a 65-inch effect as an example, the display device 200 controls the monitor 260 to display... Figure 6 The display effect shown.

[0100] The conversion of pixel parameters to interface layout parameters based on the system font baseline value ensures that the position of the annotation elements is accurately aligned with the target display window, avoiding annotation offset problems at different resolutions; the font size of the text elements scales synchronously with the size ratio, making the visual proportion of the annotation text at different sizes consistent; the boundary markers completely coincide with the boundary of the display window, which can clearly define the visual range of the simulated screen, making it easy for viewers to intuitively perceive the actual screen boundary of the corresponding size.

[0101] In some embodiments, the controller 250 controls the display 260 to sequentially switch the display content and annotation information corresponding to each target display size in descending order of target display size at preset time intervals (default 6 seconds). Each time the switch occurs, the controller 250 re-executes step S405 to pass the pixel coordinates and window size parameters of the corresponding size to the underlying rendering engine, completing the real-time update of the video rendering area, and simultaneously updating the display parameters of the annotation layer to achieve synchronous switching between the video image and the size annotations.

[0102] When the monitor 260 displays the smallest target display size, the controller 250 triggers the full-size simultaneous display mode: it calculates the size ratio coefficient, pixel coordinates, and window size corresponding to each target display size, calls the underlying rendering engine to process the screen content according to each target display size based on the above parameters, forms the corresponding sub-screen, synchronously renders and outputs all sub-screens corresponding to the target display sizes, and overlays the corresponding target display size annotation information on top of each sub-screen. After the full-size simultaneous display continues for a preset duration (default is 15 seconds), the controller 250 continues to display the target display sizes in descending order, starting a new round of carousel loop.

[0103] Taking an 85-inch 4K TV as an example of multi-size comparison, the automatic loop display process is as follows: at 6-second intervals, single-size images of 85-inch, 75-inch, 65-inch, 55-inch, 50-inch, and 43-inch are displayed in sequence; after reaching 43-inch, the full-size overlay comparison mode is entered, and the monitor 260 simultaneously displays the borders and label information of six sizes: 85-inch, 75-inch, 65-inch, 55-inch, 50-inch, and 43-inch. This state lasts for 15 seconds; after 15 seconds, it returns to 85-inch and the loop starts again.

[0104] Furthermore, in some embodiments, when the controller 250 controls the display 260 to display screen content and annotation information according to preset display rules, the controller 250 controls the display 260 to sequentially display screen content and annotation information corresponding to each target display size in descending order of target display size and at preset time intervals; when the display 260 displays the smallest target display size, the controller 260 displays screen content and annotation information corresponding to all target display sizes; after a preset duration (e.g., 15 seconds), the controller 250 continues to control the display 260 to sequentially display screen content and annotation information corresponding to each target display size in descending order of target display size and at preset time intervals.

[0105] In other embodiments, the carousel direction can also be set from small to large, that is, starting from the smallest target display size and gradually expanding. When the largest target display size is displayed, a full-size simultaneous display is triggered, and after a preset duration, the cycle restarts from the smallest size.

[0106] The display device 200 supports automatic looping display, which can complete the full-size sequential demonstration without manual operation; when looping to the smallest (or largest) size, it triggers full-size simultaneous display, taking into account both single-size detail display and multi-size overall comparison within a single loop cycle. The demonstration logic conforms to the viewer's cognitive habits, and the display effect is more prominent.

[0107] Figure 7 A full-size flowchart illustrating some embodiments of this application. For example... Figure 7As shown, in some embodiments, when the controller 250 controls the display 260 to display the screen content and annotation information corresponding to all target display sizes, it calculates the size ratio coefficient, pixel coordinates, and window size corresponding to each target display size (S701). The underlying rendering engine is invoked, and based on the size ratio coefficient, pixel coordinates, and window size of each target display size, the screen content is processed according to each target display size to form corresponding sub-screens (S702). All sub-screens corresponding to the target display sizes are rendered and output synchronously, and annotation information corresponding to the target display size is overlaid on top of each sub-screen (S703).

[0108] Taking an 85-inch 4K TV as an example, such as Figure 8 As shown, in the full-size overlay comparison mode, six sub-screens of 85-inch, 75-inch, 65-inch, 55-inch, 50-inch, and 43-inch sizes are rendered simultaneously. All sub-screens follow the layout rules of horizontal centering and bottom alignment, and shrink inwards according to the physical size ratio, with the larger screen on the outside and the smaller screen on the inside. The corresponding size border and size value are overlaid on the top layer of each screen, allowing users to intuitively compare the screen size and visual proportion differences of different inch TVs on the same screen.

[0109] In this embodiment, multi-sized sub-screens are generated based on single-source media asset processing and output simultaneously on the same screen. This eliminates the need for parallel decoding of multiple media assets, resulting in low hardware computational power consumption and compatibility with display devices of different performance levels. Each sub-screen corresponds to independent annotation information, with size parameters corresponding one-to-one with the screen, leading to higher efficiency in size comparison.

[0110] In some embodiments, the controller 250 also receives a size switching command input by the user; in response to the size switching command, determines the target display size to which the size switching command applies as the first display size; and controls the display 260 to display the screen content and annotation information corresponding to the first display size.

[0111] In some embodiments, the size switching command is generated by the user using the left and right directional keys of the control device 100 (such as a remote control). When the user presses the right button on the remote control, the controller 250 switches the target display size to the next smaller size in the list and uses it as the first display size; when the user presses the left button on the remote control, the controller 250 switches the target display size to the previous larger size in the list and uses it as the first display size. Upon responding to the size switching command, the controller 250 pauses the automatic loop timer, synchronously updates the rendering area parameters of the underlying rendering engine and the display parameters of the annotation layer, and switches in real time to the image content and annotation information corresponding to the first display size.

[0112] This embodiment of the disclosure supports users to manually switch the display size via commands, and can stop at the target size for detailed viewing as needed. It is suitable for interactive scenarios such as sales guide explanations and user self-viewing, and is highly flexible in use. The size switching response is direct, the operation link is short, the switching process is smooth, and it can improve the interactive experience.

[0113] In some embodiments, the controller 250 also receives a menu trigger command input by the user; in response to the menu trigger command, controls the display 260 to display a size selection menu; in response to a size selection command input based on the size selection menu, determines the target display size applied by the size selection command as a second display size; and controls the display 260 to display the screen content and annotation information corresponding to the second display size.

[0114] In some embodiments, the menu trigger command is generated by a user via a menu button on a control device 100 (such as a remote control). Upon responding to the menu trigger command, the controller 250 overlays a size selection menu onto the display 260. For example, as... Figure 9 As shown, the size selection menu includes options for Auto, Total, and various target display sizes (e.g., 85-inch, 75-inch, 65-inch, 55-inch, 50-inch, 43-inch). After the user selects a target display size using the directional keys and confirmation key on the remote control, the controller 250 responds to the size selection command, uses the selected size as the second display size, updates the rendering area parameters of the underlying rendering engine and the annotation layer display parameters, immediately switches to the screen content and annotation information corresponding to the second display size, and hides the size selection menu. If the user selects the Auto option, the automatic loop display mode is restored; if the user selects the Total option, it switches to the full-size simultaneous display mode.

[0115] This disclosure provides a menu-driven size selection method, allowing users to directly jump to the target size without switching between different sizes, thus improving the operational efficiency of selecting large-span sizes and adapting to the rapid demonstration needs of multi-specification products; the menu interaction conforms to the general operating logic of display devices and is simple to operate.

[0116] In some embodiments, the controller 250 also detects the resolution level of the screen resolution; sets different pixel width and height and system font reference values ​​according to different resolution levels; wherein, the pixel width and height are used to calculate the pixel coordinates and window size of the target display window, and the system font reference value is used to determine the display of annotation information.

[0117] For example, controller 250 detects the current screen resolution level using the resolution detection component (StoreModeFunc.is4K). When display device 200 is detected to be at 4K resolution, screenPixelWidth=3840, screenPixelHeight=2160, and rootFontSize=60 are set; when display device 200 is detected to be at 2K resolution, screenPixelWidth=1920, screenPixelHeight=1080, and rootFontSize=30 are set. These parameter configurations ensure that the calculated pixel coordinates and window size of the target display window strictly correspond to the physical size ratio on different resolution display devices. Simultaneously, the consistency of the conversion between rem unit coordinates and pixel coordinates in the annotation layer is guaranteed, thus ensuring a consistent layout ratio and display effect across different resolution devices.

[0118] The embodiments disclosed herein adapt the corresponding calculation parameters and font benchmarks for different resolution levels, which can ensure a consistent layout ratio and display effect on display devices with different resolutions, with low computational overhead and high adaptation efficiency.

[0119] In some embodiments, when the presentation media is video, the controller 250 calls the underlying media service interface (hiMedia.getPreviewSplUrl) to pass the pixel coordinates (winX, winY) and window size (winWidth, winHeight) of the target display window to the underlying rendering engine; the underlying rendering engine locks the rendering boundary according to the input parameters and controls the video image of the presentation media to complete the rendering output within the rectangular area corresponding to the target display window.

[0120] In this embodiment, pixel-level window parameters are directly passed to the underlying rendering engine through the underlying media service interface. No secondary processing of the video image is required by the application layer. Video decoding and rendering are completed entirely in the underlying hardware acceleration channel, resulting in low processing latency and high video playback smoothness. When switching sizes, only the window parameters passed to the underlying rendering engine need to be updated, resulting in fast switching response and no stuttering or frame rate loss during screen switching.

[0121] Figure 10 The multi-size screen display system provided in some embodiments of this application includes a parameter acquisition module, a window parameter calculation module, a video rendering module, and a UI overlay module. The modules transmit data through internal interfaces and work together to complete the multi-size video overlay comparison display function.

[0122] The parameter acquisition module, located at the bottom layer of the system architecture, interacts directly with the hardware layer. It is responsible for acquiring the target terminal's screen physical parameters during system initialization, including the pixel width (screenPixelWidth), pixel height (screenPixelHeight), and physical screen size (inches). The module reads the EDID physical parameter information of the target terminal's display device by calling the hardware query interface provided by the underlying rendering engine, ensuring that the obtained parameters are the actual physical resolution and size of the screen, rather than logical parameters processed by the operating system's DPI scaling. After verification and formatting, the acquired screen physical parameters are passed to the window parameter calculation module as the basis for calculations.

[0123] The window parameter calculation module, located in the business logic layer of the system architecture, receives screen physical parameters, a base size (baseInch), and a list of target sizes from the parameter acquisition module. Following the calculation logic, it sequentially calculates the display scaling factor (ratio), window size (winWidth, winHeight), pixel coordinates (winX, winY), and the corresponding UI layer logical width (imgW) for each target size in the target size list. The calculation results are then passed to the video rendering module and the UI overlay module in structured data format.

[0124] The video rendering module, located in the underlying rendering engine layer of the system architecture, receives video window display coordinate parameters (winX, winY, winWidth, winHeight) from the window parameter calculation module. It then calls the underlying graphics API of the rendering engine to create a corresponding number of video rendering windows on the screen and stack them in Z-axis order (from largest to smallest). Each video rendering window plays the corresponding video source content through hardware-accelerated video decoding. Multiple windows maintain screen synchronization through a timestamp synchronization mechanism, ensuring that video windows of different sizes display the same video frame content at the same time.

[0125] The UI overlay module, located in the UI presentation layer of the system architecture, receives UI layer logical coordinate parameters (imgW, etc.) from the window parameter calculation module and creates a transparent UI overlay layer above the video rendering layer. The UI overlay module converts the logical coordinate parameters corresponding to each video window into CSS style properties (width, height, left, bottom, etc.), sets them on the corresponding UI container elements, and renders the interface elements corresponding to the annotation information within the container. The UI overlay layer and the underlying video rendering layer achieve perfect overlay through precise coordinate mapping, allowing the interface elements and video footage to visually blend seamlessly.

[0126] Figure 11 These are interactive schematic diagrams illustrating multi-size screen displays provided in some embodiments of this application. For example... Figure 11As shown, in some embodiments, the user triggers a playback command for the presentation media through the control device 100, and the control device 100 transmits the playback command to the controller 250 of the display device 200. After responding to the playback command, the controller 250 calls the parameter acquisition component of the platform adaptation layer to read the screen physical size and screen resolution parameters of the display 260. After completing the reading, the parameter acquisition component returns the basic parameter data (i.e., the screen physical size and screen resolution parameters) to the controller 250.

[0127] The controller 250 retrieves a preset set of sizes, filters out target display sizes that are no larger than the physical screen size, and calls the coordinate calculation module to calculate the size ratio coefficient, target display window pixel coordinates and window size, as well as the positioning parameters and size parameters under the interface layout system, based on the physical screen size. After the coordinate calculation module completes all calculations, it synchronously returns the calculation results to the controller 250.

[0128] The controller 250 sends a rendering area configuration command to the underlying rendering engine, carrying the pixel coordinates of the current target display size and the window size parameters; the underlying rendering engine locks the rendering boundary according to the input parameters, restricts the content of the presentation media to the corresponding rectangular area for rendering output, and returns a rendering ready response to the controller 250.

[0129] Meanwhile, the controller 250 sends annotation rendering instructions to the UI overlay rendering module, carrying the converted layout parameters and font size scaling ratio; the UI overlay rendering module renders boundary markers and text elements above the display layer of the screen content, so that the boundary markers are precisely aligned with the boundary of the target display window, and returns an annotation ready response to the controller 250 after completion.

[0130] After receiving two ready responses, the controller 250 controls the display 260 to output the superimposed complete image and starts an automatic loop timer and preset time interval to switch the target display size in sequence. Each time it switches, the underlying rendering parameters and UI annotation information are updated synchronously.

[0131] Based on the aforementioned display device 200, some embodiments of this application also provide a multi-size screen display method, applied to the display device 200, which is equipped with a monitor 260, such as... Figure 4 As shown, the method includes the following steps: S401, in response to the playback command of the presentation media, obtain the physical screen size and screen resolution parameters corresponding to the display.

[0132] S402. Filter the target display size from the preset size set that is not larger than the physical screen size.

[0133] S403. Based on the physical size of the screen, calculate the size ratio coefficient corresponding to the target display size.

[0134] S404. Based on the size scaling factor and screen resolution, determine the pixel coordinates and window size of the target display window. The target display window is the display window corresponding to the target display size.

[0135] S405: Call the underlying rendering engine to restrict the content of the presentation media to the rectangular area corresponding to the target display window for rendering and output, and overlay the annotation information corresponding to the target display size on top of the display layer of the content.

[0136] S406. Control the display to show the screen content and annotation information according to the preset display rules.

[0137] It should be noted that the multi-size screen display method described in this application embodiment can adopt the same principle and implementation method as the above-mentioned display device 200 embodiment. For specific implementation details, please refer to the description of the corresponding embodiment of display device 200, which will not be repeated here.

[0138] In some embodiments, the preset display rules include automatic carousel display, whereby the display 260 is controlled to display screen content and annotation information according to the preset display rules. Specifically, this includes: according to a preset carousel direction and preset time interval, the display 260 is controlled to sequentially switch the display of screen content and annotation information corresponding to each target display size in descending or ascending order of target display size; when the carousel reaches the endpoint size of the current carousel direction, the display is controlled to display screen content and annotation information corresponding to all target display sizes, and after a preset duration, the next round of automatic carousel is restarted.

[0139] The same or similar parts among the various embodiments in this specification can be referred to mutually, and will not be repeated here.

[0140] Those skilled in the art will clearly understand that the techniques in the embodiments of the present invention can be implemented using software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solutions in the embodiments of the present invention, or the parts that contribute to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods of various embodiments or certain parts of the embodiments of the present invention.

[0141] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features therein. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application.

[0142] For ease of explanation, the above description has been provided in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or to limit the embodiments to the specific forms disclosed above. Various modifications and variations can be obtained based on the above teachings. The selection and description of the above embodiments are for the purpose of better explaining the principles and practical applications, thereby enabling those skilled in the art to better utilize the described embodiments and various different variations of embodiments suitable for specific use considerations.

Claims

1. A display device, characterized in that, include: The monitor is configured to display the user interface; The controller, coupled to the display, is configured to: In response to a playback command for the presentation media, the physical screen size and screen resolution parameters of the display are obtained. Select target display sizes that are not larger than the physical screen size from the preset set of sizes; Based on the physical size of the screen, calculate the size ratio coefficient corresponding to the target display size; Based on the size ratio coefficient and the screen resolution, the pixel coordinates and window size of the target display window are determined, and the target display window is the display window corresponding to the target display size; The underlying rendering engine is invoked to render and output the content of the presentation media within the rectangular area corresponding to the target display window, and annotation information corresponding to the target display size is superimposed on the display layer of the content. The display is controlled to show the screen content and the annotation information according to preset display rules.

2. The display device according to claim 1, characterized in that, The controller determines the pixel coordinates and window size of the target display window based on the size scaling factor and the screen resolution, specifically configured as follows: Based on the size ratio coefficient and the pixel width and height corresponding to the screen resolution, calculate the window width and window height of the corresponding target display window to obtain the window size; Based on the layout rules of horizontal centering and bottom alignment, the horizontal and vertical offsets corresponding to the target display window are calculated to obtain the pixel coordinates.

3. The display device according to claim 1, characterized in that, The annotation information includes text elements and boundary markers. The controller overlays and renders the annotation information corresponding to the target display size on top of the display layer of the screen content. Specifically, it is configured as follows: Obtain the system font baseline value; Based on the system font reference value, the pixel coordinates and window size of the target display window are converted into corresponding positioning parameters and size parameters under the interface layout system; Based on the positioning parameters and the size parameters, the display font size of the text element is scaled according to the size scaling factor, and the rendering position of the boundary marker and the text element is determined. Above the display layer of the screen content, the text element and the boundary marker are rendered according to the rendering position, so that the boundary marker coincides with the boundary of the target display window.

4. The display device according to claim 1, characterized in that, The controller controls the display to show the screen content and the annotation information according to a preset display rule, specifically configured as follows: According to the target display size in descending or ascending order and a preset time interval, the display is controlled to sequentially display the screen content and the annotation information corresponding to each target display size; When the display is set to the minimum or maximum target display size, the display is controlled to show the screen content and annotation information corresponding to all target display sizes. After a preset duration, the display continues to show the screen content and annotation information corresponding to each target display size in sequence, according to the target display size from largest to smallest or from smallest to largest and the preset time interval.

5. The display device according to claim 4, characterized in that, The controller controls the display to show the screen content and annotation information corresponding to all the target display sizes, specifically configured as follows: Calculate the size ratio coefficient, pixel coordinates, and window size for each of the target display sizes; The underlying rendering engine is invoked to process the screen content according to the target display size based on the size ratio coefficient, pixel coordinates and window size, forming corresponding sub-screens; Synchronously render and output all the sub-screens corresponding to the target display size, and overlay the annotation information corresponding to the target display size on the top layer of the sub-screens.

6. The display device according to claim 1, characterized in that, The controller is also configured to: Receive size switching instructions from the user; In response to the size switching command, the target display size to which the size switching command applies is determined as the first display size; Control the display to show the screen content corresponding to the first display size and the annotation information.

7. The display device according to claim 1, characterized in that, The controller is also configured to: Receive menu trigger commands input by the user; In response to the menu trigger command, control the display to show the size selection menu; In response to a size selection command input based on the size selection menu, the target display size applied by the size selection command is determined as the second display size; Control the display to show the screen content corresponding to the second display size and the annotation information.

8. The display device according to claim 2 or 3, characterized in that, The controller is also configured to: Detect the resolution level of the screen resolution; Different pixel width and height and system font baseline values ​​are set according to different resolution levels; The pixel width and height are used to calculate the pixel coordinates and window size of the target display window, and the system font reference value is used to determine the display of the annotation information.

9. The display device according to claim 1, characterized in that, When the presentation media is video, the controller invokes the underlying rendering engine, specifically configured as follows: The underlying media service interface is invoked to pass the pixel coordinates and window size of the target display window to the underlying rendering engine; The underlying rendering engine locks the rendering boundary based on the input parameters and controls the video image of the demonstration media to complete the rendering output within the rectangular area corresponding to the target display window.

10. A method for displaying images of multiple sizes, characterized in that, Applied to a display device, the display device being equipped with a display, the method includes: In response to a playback command for the presentation media, the physical screen size and screen resolution parameters of the display are obtained. Select target display sizes that are not larger than the physical screen size from the preset set of sizes; Based on the physical size of the screen, calculate the size ratio coefficient corresponding to the target display size; Based on the size ratio coefficient and the screen resolution, the pixel coordinates and window size of the target display window are determined, and the target display window is the display window corresponding to the target display size; The underlying rendering engine is invoked to render and output the content of the presentation media within the rectangular area corresponding to the target display window, and annotation information corresponding to the target display size is superimposed on the display layer of the content. The display is controlled to show the screen content and the annotation information according to preset display rules.

Images