Display device and method for hierarchical previewing of an artistic painting

Abstract

This application provides a display device and a method for hierarchical previewing of artworks. In a first mode, the display device can respond to a second user instruction by displaying a hierarchical preview page on top of a display page. The hierarchical preview page includes a first menu and a second menu. The first menu includes titles for primary categories, and the second menu displays titles for secondary categories included in the selected or focused primary category. The second menu also includes a preview image list, displayed in a single row, containing preview images of artworks included in the selected or focused secondary categories. Thus, users can quickly preview artworks in each secondary category within the same primary category and quickly switch between primary categories using the hierarchical preview page. Furthermore, while using the hierarchical preview page, users can simultaneously browse the artworks displayed on the display page.

Description

Technical Field

[0001] This application relates to the field of display device technology, and more particularly to a display device and a method for hierarchical previewing of artwork. Background Technology

[0002] Display devices refer to terminal devices capable of outputting specific display images, such as smart TVs, mobile terminals, smart advertising screens, and projectors. Taking smart TVs as an example, smart TVs are television products based on Internet application technologies, possessing open operating systems and chips, and having open application platforms. They enable two-way human-computer interaction and integrate multiple functions such as audio-visual, entertainment, and data to meet diverse and personalized user needs.

[0003] Typically, users primarily use display devices for audio-visual playback. To fully realize the value of these devices, a primary application can be configured to provide a first mode. This primary application can also be called an art application, art mode application, etc. The first mode can be called art mode, gallery mode, etc. In the first mode, the display device can showcase artwork as a decorative element in the space. Furthermore, by simulating real artwork, users can immerse themselves in viewing the artwork. For example, a paper-like screen can be used as the display.

[0004] Because the first-mode application provides users with a large number of artworks, even though it categorizes and classifies them to facilitate user searches, users still need to navigate through the categorization and classification process, entering each subcategory within a primary category. If the desired artwork is not found in that subcategory, the user must exit each level and re-enter the primary and subcategories until they find it. Clearly, this process of finding desired artworks is cumbersome and consumes a significant amount of the user's time and effort. Summary of the Invention

[0005] This application provides a display device and a method for hierarchical previewing of artworks, so that users can quickly find the artworks they want to browse.

[0006] In a first aspect, this application provides a display device, comprising:

[0007] The controller is configured as follows:

[0008] In response to the user's first command, the system enters a first mode and controls the display to show the application's display page in the first mode, and displays a first artwork within the display page.

[0009] In response to a second instruction from the user, and based on the first artwork, the display is controlled to show a tiered preview page on top of the display page. The tiered preview page includes a first menu and a second menu. The background of the tiered preview page is transparent, allowing the artwork displayed on the display page to be seen through the background. The first menu includes titles for primary categories, and the second menu displays titles for secondary categories included in the primary category that is selected or has received focus. The second menu also includes a preview image list, which is in a single-row format and includes preview images of artworks included in the secondary categories that are selected or have received focus.

[0010] In this context, the title of the target primary category to which the first artwork belongs is selected, the second menu includes the titles of the secondary categories included in the target primary category, and the focus is obtained by the title of the target secondary category to which the first artwork belongs, and the preview image list includes preview images of the artworks included in the target secondary categories.

[0011] In some embodiments of this application, the first menu is semi-transparent with its transparency gradually increasing from top to bottom, and the second menu is semi-transparent with uniform transparency throughout.

[0012] In some embodiments of this application, the controller, in response to a second instruction from the user, controls the display to show a hierarchical preview page on top of the display page, based on the first artwork, and is configured as follows:

[0013] Obtain image information of the first artwork, the image information including the target primary category and the target secondary category to which the first artwork belongs;

[0014] Obtain the artworks included in the target secondary category;

[0015] The title of the primary target category is displayed as selected, the title of the secondary target category is used to gain focus, and the list of preview images is displayed based on the artworks included in the secondary target category.

[0016] In some embodiments of this application, after the controller displays the title of the target primary category as selected based on the target primary category, gains focus from the title of the target secondary category based on the target secondary category, and displays the preview image list based on the artworks included in the target secondary category, it is further configured to:

[0017] In response to the user's downward command, a list of preview images including the preview image of the first artwork is displayed, and the first preview image corresponding to the first artwork is given focus, and the title of the target secondary category is displayed as selected.

[0018] In some embodiments of this application, the controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork, and displays the title of the target secondary category as selected, and is further configured to:

[0019] When the preview images are displayed in a horizontal display area in the preview image list, if the first preview image is vertical and not all of the first preview image is displayed in the horizontal display area at once, the first preview image is displayed by scrolling up and down in the horizontal display area.

[0020] In some embodiments of this application, the second menu further includes a first arrow, which is displayed at a position corresponding to the preview image list. The first arrow is used to instruct the user to enter the global preview page via a first directional key on the control device that has the same direction as the first arrow.

[0021] The controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork. After displaying the title of the target secondary category as selected, it is further configured to:

[0022] In response to a user's instruction based on the first directional key, a global preview page is displayed based on the first preview image that has gained focus. The global preview page includes a third menu and a global preview image list. The third menu includes the titles of the second-level categories included in the target first-level category, wherein the title of the target second-level category gains focus. The global preview image list is in an array format and includes preview images of artworks included in the target second-level category.

[0023] In some embodiments of this application, after the controller, in response to a second instruction from the user, controls the display to show a tiered preview page on top of the display page based on the first artwork, it is further configured to:

[0024] In response to a user's instruction to move the focus, move the focus on the title of the primary category;

[0025] When the title of the first-level category gains focus, the first-level category includes the first-level category and the artworks included in the first-level category are obtained, and the selected state of the target first-level category is deselected.

[0026] The title of the first secondary category is displayed in the second menu, wherein the title of the first secondary category is selected; the preview image list is updated, and the updated preview image list includes preview images of the artworks included in the first secondary category, with the preview image of the first artwork included in the first secondary category displayed at the top of the preview image list; and the artworks displayed on the display page are switched to the first artwork included in the first secondary category.

[0027] In some embodiments of this application, after the controller, in response to a second instruction from the user, controls the display to show a tiered preview page on top of the display page based on the first artwork, it is further configured to:

[0028] In response to a user's instruction to move the focus, move the focus on the title of the secondary category;

[0029] When the title of the second-level category gains focus, the artworks included in the second-level category are retrieved, and the title of the target second-level category is set to selected.

[0030] The preview image list is updated to include preview images of artworks included in the second-level category.

[0031] In some embodiments of this application, the controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork. After displaying the title of the target secondary category as selected, it is further configured to:

[0032] In response to the user's command to move the focus, move the focus on each preview image;

[0033] When the target preview image gains focus, in response to the user's instruction to select the target preview image, the artwork displayed on the display page is switched to the artwork corresponding to the target preview image.

[0034] In some embodiments of this application, the controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork. After displaying the title of the target secondary category as selected, it is further configured to:

[0035] In response to the user's command to move the focus, move the focus on each preview image;

[0036] When the target preview image gains focus, if no user operation is detected within a specified time period, the artwork displayed on the display page will be switched to the artwork corresponding to the target preview image.

[0037] In some embodiments of this application, the controller, in response to a user's instruction to move the focus, moves the focus on each preview image and is configured to:

[0038] In response to the user's command to move the focus, move the focus on the preview image corresponding to the artwork included in all secondary categories of the target primary category;

[0039] Specifically, following the first order of all secondary categories included in the target primary category, which is consistent with the display order of the titles of the secondary categories in the second menu, when the preview image of the first artwork included in the current secondary category gains focus, in response to the user's instruction to move the focus to the left, the preview image list is updated. The updated preview image list includes the preview images of artworks included in the previous secondary category, and the preview images of artworks included in the previous secondary category gain focus.

[0040] When the preview image of the last artwork included in the current secondary category gains focus, in response to a user instruction to move the focus to the right, the preview image list is updated. The updated preview image list includes preview images of the artwork included in the next secondary category, and the preview image of the artwork included in the next secondary category gains focus.

[0041] Secondly, this application also provides a method for hierarchical previewing of artworks, applied to any of the display devices described in the first aspect, the method comprising:

[0042] In response to the user's first command, the system enters a first mode and displays a display page for the application of the first mode, and displays a first artwork within the display page;

[0043] In response to the user's second instruction, a hierarchical preview page is displayed above the first artwork on the display page. The hierarchical preview page includes a first menu and a second menu. The background of the hierarchical preview page is transparent, allowing the artwork displayed on the display page to be seen through the background. The first menu includes the title of the primary category, and the second menu is used to display the titles of the secondary categories included in the primary category that is selected or has received focus. The second menu also includes a preview image list, which is in a single-row format and includes preview images of the artworks included in the secondary categories that are selected or have received focus.

[0044] In this context, the title of the target primary category to which the first artwork belongs is selected, the second menu includes the titles of the secondary categories included in the target primary category, and the focus is obtained by the title of the target secondary category to which the first artwork belongs, and the preview image list includes preview images of the artworks included in the target secondary categories.

[0045] In the first mode, the display device can respond to a second user command by displaying a hierarchical preview page on top of the display page. This hierarchical preview page includes a first menu and a second menu. The first menu includes titles for the primary categories, and the second menu displays titles for the secondary categories included in the selected or focused primary category. The second menu also includes a preview image list, displayed in a single row, containing preview images of artworks included in the selected or focused secondary categories. This allows users to quickly preview artworks in each secondary category within the same primary category and switch between primary categories. Furthermore, while using the hierarchical preview page, users can simultaneously browse the artworks displayed on the main display page. Attached Figure Description

[0046] To more clearly illustrate the technical solution of this application, the drawings used in the embodiments will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0047] Figure 1 This is a schematic diagram illustrating the operational scenario between the display device and the control device in an embodiment of this application;

[0048] Figure 2 This is a hardware configuration block diagram of the control device 100 in an embodiment of this application;

[0049] Figure 3 This is a hardware configuration block diagram of the display device 200 in this embodiment of the application;

[0050] Figure 4 This is a diagram showing the operating system configuration of the display device 200 in this embodiment of the application;

[0051] Figure 5 This is a flowchart illustrating the display device 200 displaying a page in an embodiment of this application.

[0052] Figure 6 A flowchart illustrating the rapid switching of displayed artworks by the display device 200 in this embodiment of the application;

[0053] Figure 7 This is a flowchart illustrating how the display device 200 processes the target artwork in an embodiment of this application.

[0054] Figure 8 This is a flowchart illustrating how the display device 200 displays the artwork corresponding to the target artwork in this embodiment of the application.

[0055] Figure 9 This is a flowchart illustrating how a display device 200 obtains a target artwork with a stereoscopic frame effect in an embodiment of this application.

[0056] Figure 10 This is a schematic diagram of a target artwork with a stereoscopic frame effect synthesized by the display device 200 in an embodiment of this application;

[0057] Figure 11 A flowchart illustrating the dynamic addition of a frame to a target artwork by a display device 200 in this embodiment of the application.

[0058] Figure 12 This is a schematic diagram of a display device 200 with a hardware frame installed in an embodiment of this application;

[0059] Figure 13 A flowchart illustrating the dynamic addition of a frame to a target artwork by a display device 200 in this embodiment of the application.

[0060] Figure 14 This is a flowchart illustrating how the display device 200 displays artwork on a display page, as described in this application embodiment.

[0061] Figure 15 This is a schematic diagram illustrating the page change process in the embodiments of this application;

[0062] Figure 16 This is a schematic diagram showing a low-resolution artwork in an embodiment of this application;

[0063] Figure 17 This is a flowchart illustrating how the display device 200 adjusts the screen orientation of the display screen when displaying an artwork, as described in this application embodiment.

[0064] Figure 18 This is a schematic diagram illustrating the adjustment process of the display screen in an embodiment of this application;

[0065] Figure 19 A flowchart illustrating how the display device 200 adjusts the screen orientation of the display screen and displays the artwork corresponding to the target artwork in this embodiment of the application.

[0066] Figure 20 This is a schematic diagram illustrating the changes in the display screen and the target artwork in an embodiment of this application;

[0067] Figure 21 A flowchart illustrating how the display device 200 adjusts the screen orientation of the display screen and displays the artwork corresponding to the target artwork in this embodiment of the application.

[0068] Figure 22 This is a schematic diagram illustrating the changes in the display screen and the target artwork in an embodiment of this application;

[0069] Figure 23 This is a flowchart illustrating a partially magnified target artwork displayed by the display device 200 in this embodiment of the application.

[0070] Figure 24 This is a schematic diagram of a partially enlarged target artwork in an embodiment of this application;

[0071] Figure 25 This is a flowchart illustrating the switching of the local magnification position of the display device 200 in this embodiment of the application;

[0072] Figure 26 This is a flowchart illustrating a partially magnified target artwork displayed by the display device 200 in this embodiment of the application.

[0073] Figure 27 This is a flowchart illustrating how the display device 200 implements the holiday theme function in this embodiment of the application.

[0074] Figure 28 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0075] Figure 29 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0076] Figure 30 This is a flowchart illustrating the process of display device 200 entering the hierarchical preview page in an embodiment of this application;

[0077] Figure 31 This is a flowchart illustrating how the display device 200 displays a graded preview page based on a first artwork in an embodiment of this application.

[0078] Figure 32 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0079] Figure 33 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0080] Figure 34 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0081] Figure 35 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0082] Figure 36 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0083] Figure 37This is a flowchart illustrating how the display device 200 updates the preview image list in response to a user's selection of a primary category, as described in this application embodiment.

[0084] Figure 38 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0085] Figure 39 This is a flowchart illustrating how the display device 200 updates the preview image list in response to a user's selection of a secondary category, as described in this embodiment of the application.

[0086] Figure 40 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0087] Figure 41 This is a flowchart illustrating the process of switching between displayed artworks on a page by the display device 200 in this embodiment of the application.

[0088] Figure 42 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0089] Figure 43 This is a flowchart illustrating the process of switching between displayed artworks on a page by the display device 200 in this embodiment of the application.

[0090] Figure 44 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0091] Figure 45 This is a schematic diagram illustrating the process of entering the global preview page from the hierarchical preview page in an embodiment of this application.

[0092] Figure 46 This is a schematic diagram of the subject template in the embodiments of this application;

[0093] Figure 47 This is a flowchart illustrating how the display device 200 displays photos according to a photo theme in an embodiment of this application.

[0094] Figure 48 A flowchart illustrating the process of opening a photo set classification on the display device 200 in this embodiment of the application;

[0095] Figure 49 This is a schematic diagram of the art mode settings page in an embodiment of this application;

[0096] Figure 50 This is a flowchart illustrating the carousel of photos displayed by the display device 200 in this embodiment of the application.

[0097] Figure 51 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0098] Figure 52 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0099] Figure 53 This is a flowchart illustrating how the display device 200 displays photos according to a first theme in an embodiment of this application.

[0100] Figure 54 These are schematic diagrams of photographs used in embodiments of this application;

[0101] Figure 55 This is a flowchart illustrating how the display device 200 displays photos according to a first theme in an embodiment of this application.

[0102] Figure 56 This is a flowchart illustrating how the display device 200 displays an oversized photograph in an embodiment of this application.

[0103] Figure 57 This is a flowchart illustrating how the display device 200 displays a global preview page related to photo set classification in an embodiment of this application.

[0104] Figure 58 A schematic diagram illustrating the application settings menu in the embodiments of this application;

[0105] Figure 59 This is a schematic diagram of the art mode settings page in an embodiment of this application;

[0106] Figure 60 This is a flowchart illustrating the display device 200 displaying artwork information in an embodiment of this application.

[0107] Figure 61 This is a schematic diagram of the first painting information in the embodiments of this application;

[0108] Figure 62 This is a flowchart illustrating how the display device 200 changes the font color of the artwork information in an embodiment of this application.

[0109] Figure 63 This is a flowchart illustrating how the display device 200 displays artwork information of the currently displayed artwork on the hierarchical preview page in an embodiment of this application.

[0110] Figure 64 This is a schematic diagram of the first painting information in the embodiments of this application;

[0111] Figure 65 This is a flowchart illustrating the dynamic display and hiding of artwork information by the display device 200 in this embodiment of the application;

[0112] Figure 66 This is a schematic diagram illustrating the process of dynamically displaying and hiding artwork information in an embodiment of this application;

[0113] Figure 67 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0114] Figure 68 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0115] Figure 69 This is a schematic diagram of the hierarchical preview page in an embodiment of this application;

[0116] Figure 70 A flowchart illustrating the setting of artwork information for the display device 200 in this embodiment of the application;

[0117] Figure 71 This is a schematic diagram of a custom page in an embodiment of this application;

[0118] Figure 72 This is a flowchart illustrating the display device 200 displaying dynamic artwork in an embodiment of this application.

[0119] Figure 73 This is a flowchart illustrating the looping playback of video files in this application embodiment;

[0120] Figure 74 This is a flowchart illustrating the process of display device 200 processing mute data in an embodiment of this application;

[0121] Figure 75 This is a flowchart illustrating how the display device 200 ensures audio-visual synchronization of dynamic images in an embodiment of this application.

[0122] Figure 76 This is a flowchart illustrating the audio-visual synchronization of the display device 200 in this embodiment of the application. Detailed Implementation

[0123] 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.

[0124] 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.

[0125] 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.

[0126] 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.

[0127] In this application embodiment, "display device" refers to a device with screen display and data processing capabilities. For example, display devices include, but are not limited to, smart TVs, mobile terminals, computers, monitors, advertising screens, wearable devices, virtual reality devices, and augmented reality devices.

[0128] 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, users can operate the display device 200 via touch, voice, control device 100, and mobile terminal 300. For example, control device 100 can be a remote control, stylus, gamepad, etc.

[0129] 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.

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

[0131] Figure 2 Provided for some embodiments of this application Figure 1 Hardware configuration block diagram of the control device 100.

[0132] like Figure 2 As shown, the control device 100 may include: a controller 110, a communication interface 120, a user input / output interface 130, a memory 140, and a power supply 150.

[0133] The controller 110 may include a processor 111, RAM (Random Access Memory) 112, ROM (Read-Only Memory) 113, and a communication bus.

[0134] The communication interface 120 may include at least one of other near-field communication modules such as WiFi chip 121, Bluetooth module 122, NFC module 123, etc.

[0135] User input / output interface 130, wherein the input interface may include at least one of other input interfaces such as microphone 131, touchpad 132, sensor 133, button 134, etc.

[0136] In some embodiments, the control device 100 may include at least one of a communication interface 120 and an input / output interface 130.

[0137] The memory 140 is used to store various operating programs, data, and applications for driving and controlling the control device 100 under the control of the controller 110. The memory 140 can also store various control signal instructions input by the user.

[0138] The power supply 150 is used to provide operating power support for the various components of the control device 100 under the control of the controller 110.

[0139] The control device 100 is equipped with a variety of buttons, and the display device 200 is equipped with a key value-function mapping table. The key value-function mapping table includes the mapping relationship between the key value and the corresponding function of each button on the control device 100.

[0140] In some embodiments, the buttons configured on the control device 100 may include basic buttons, such as a power button, number keys, arrow keys, volume keys, a home button, and a back button. Users can control the display device 100 to perform corresponding basic functions using these basic buttons. The buttons configured on the control device 100 may also include special buttons, such as color keys, which users can use to control the display device 200 to perform specific functions in different scenarios.

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

[0142] 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 user input interface 280, a memory, and a power supply.

[0143] In some embodiments, the communication device 220 is a component for communicating with external devices or the server 400 according to various communication protocol types. The display device 200 may be equipped with multiple communication devices 220 depending on the supported communication methods. The communication devices 220 can enable the display device 200 to communicate with the external devices or the server 400 via wireless or wired connections.

[0144] 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.

[0145] In some embodiments, device interface 240 is used to connect to an external device.

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

[0147] 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.

[0148] In some embodiments, the display 260 is used to receive and display image signals output from the controller 250. The display 260 may include display function components for presenting images and driving components for driving image display.

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

[0150] In some embodiments, the audio output device 270 may be a built-in speaker of the display device 200 or an external audio output device connected to the display device 200.

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

[0152] In some embodiments, the display device 200 may run an operating system to perform user interaction. An operating system is a computer program used to manage and control the hardware and software resources of the display device 200.

[0153] 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 200.

[0154] An operating system can be divided into different modules or levels based on the functions it implements, for example... Figure 4 As shown, in some embodiments, the system can be divided into four layers, from top to bottom: the Applications layer (referred to as the "Application Layer"), the Application Framework layer (referred to as the "Framework Layer"), the System Runtime Library layer, and the Kernel Layer.

[0155] In some embodiments, the application layer provides services and interfaces for applications, enabling the display device 200 to run applications and interact with users based on the applications. For example, the application layer may include a voice assistant, which provides voice interaction functionality, allowing users to interact with the display device via voice.

[0156] The framework layer provides application programming interfaces (APIs) and programming frameworks 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.

[0157] In some embodiments, the system runtime library layer can provide support for the framework layer. When the framework layer is used, the operating system runs the instruction library contained in the system runtime library layer, such as the C / C++ instruction library, to implement the functions to be performed by the framework layer.

[0158] In some embodiments, the kernel layer is a functional layer situated between the hardware and software of the display device 200. The kernel layer can implement functions such as hardware abstraction, multitasking, and memory management.

[0159] 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 function of the display device, the type of operating system, and other factors, the number of levels and the specific level type of the operating system may be expressed in other forms.

[0160] Typically, users primarily use display devices for audio-visual playback. To fully realize the value of these devices, a primary application can be configured to provide a first mode. This primary application can also be called an art application, art mode application, gallery application, frame application, etc. The first mode can also be called art mode, gallery mode, frame mode, etc. In the first mode, the display device can showcase artwork as a decorative element in the space. Furthermore, by simulating real artwork, users can immerse themselves in viewing the artwork. For example, a paper-like screen can be used as the display.

[0161] In this embodiment of the application, the first application is an art mode application, and the first mode is an art mode, as an example for specific explanation.

[0162] In some embodiments, the artworks provided by the art mode application can be categorized into different categories based on scene, image content, etc. This allows users to quickly find artworks according to these categories.

[0163] In some embodiments, artworks within the same category can be further divided into different subcategories. This same category can be called a parent category, and the subcategories it contains can be called child categories. This allows users to quickly search for artworks within the same parent category by following different child categories.

[0164] In the embodiments provided in this application, the classification of artworks into two levels is used as an example, with the upper level being the first-level classification and the lower level being the second-level classification. The first-level classification may include categories such as art galleries, photo albums, immersive atmospheres, and favorites. The second-level classifications of the art gallery category may include categories such as landscapes, portraits, contemporary art, and still life. The second-level classifications of the photo album category may include categories such as "My Photos" and "Photo Themes." The second-level classifications of the immersive atmosphere category may include immersive atmosphere categories, and the second-level classifications of the favorites category may include favorites categories.

[0165] In art mode, the display effect and quality of artworks are important factors affecting the user experience. Therefore, ensuring the display effect and quality of artworks is the most important issue to focus on when applying art mode.

[0166] In some embodiments, to improve the display effect and quality of artworks, reference may be made to Figure 4 The operating system shown contains modules related to displaying artwork.

[0167] The application layer can be configured with modules such as image playback, display control, button handling, playback parameter settings, and video playback. The display control module can decode artwork, play artwork using the system's image player, and play animated videos of artwork using the system's video player. The button handling module can receive button events and respond accordingly, such as switching between artworks. The playback parameter settings module can configure different playback parameters for different artworks, such as carousel parameters and image quality parameters.

[0168] The framework layer can be configured with features such as the Phone Window Helper and the Alerm Manager. The Phone Window Helper identifies the application displayed in the foreground, while the Alerm Manager controls the carousel's duration.

[0169] At the kernel level, you can configure the source code files for the input device drivers (Driver / input / input.c) and the input driver. The Input Driver and Driver / input / input.c can be used to receive key presses from the control device 100 and distribute key events layer by layer.

[0170] The specific functions of each module will be explained in the following sections, in conjunction with the actual implementation process.

[0171] Display device 200 can be in accordance with Figure 5 The process shown on the display page includes the following steps:

[0172] S501, responding to the user's first command, enters art mode.

[0173] In some embodiments, the display device 200 can be configured to: in the power-off state, respond to a first instruction input by a user pressing the power button of the control device 100 briefly, launch the art mode application after powering on, and enter art mode after launching the art mode application.

[0174] In some embodiments, the display device 200 can be configured to: in the power-off state, in response to a user's instruction to press and hold the power button of the control device 100, display the system home page; and in response to a user's instruction to press and hold the power button or the home button of the control device 100 briefly, launch the art mode application and enter art mode after launching the art mode application.

[0175] In some embodiments, the display device 200 can be configured to, in a powered-off state, respond to a first instruction input by a user via the art mode key of the control device 100, launch an art mode application after power-on, and enter art mode after launching the art mode application.

[0176] In some embodiments, the display device 200 can be configured to enter art mode in response to a user's instruction to select the icon of an art mode application when the system homepage is displayed. The icon of the art mode application can be configured on the system homepage or in the sidebar of the system homepage.

[0177] In some embodiments, the display device 200 may be configured to enter art mode in response to a first instruction input by a user who briefly presses the power button of the control device 100 when the device is powered on and not in art mode.

[0178] In some embodiments, the display device 200 may be configured to enter art mode in response to a first command input by the user based on the art mode key of the control device 100 when the device is powered on and not in art mode.

[0179] In other embodiments, if the user enables scheduled power-on and sets a power-on time, the display device 200 can be configured to: in the power-off state, if the system time is detected to match the power-on time, launch the art mode application after powering on, and enter art mode after launching the art mode application.

[0180] In some embodiments, in response to a user pressing a key, the control device 100 generates a press signal and sends it to the display device 200. In response to a user releasing the key, the control device 100 also generates a release signal and sends it to the display device 200. Accordingly, the display device 200 can determine whether the user performed a short press or a long press operation on the key by listening to the press and release events. For example, the display device 200 can use the dispatchKeyEvent method to capture key events, which may include press (KeyEvent.ACTION_DOWN) and release (KeyEvent.ACTION_UP) events. When the display device 200 detects a key event, it checks whether it is the first press. If it is the first press (e.g., event.getRepeatCount() == 0), it starts a timer (e.g., Handler or Runnable) and counts a predefined time, such as 500ms. If the display device 200 does not detect a release event within the predefined time, the timer triggers a long press event to determine if the user has performed a long press operation on the button. If the display device 200 detects a release event within the predefined time, the timer is canceled. Since the timer does not trigger a long press event, it can be determined that the user performed a short press operation on the button.

[0181] In other embodiments, the control device 100, in response to a user pressing a button, periodically sends key value signals to the display device 200 until the user releases the button. The display device 200 can determine whether the user performed a short press or a long press operation on the button based on the number of key value signals received. Specifically, if the number of key value signals received by the display device 200 is less than or equal to a preset number, it can be determined that the user performed a short press operation. If the number of key value signals received by the display device 200 is greater than the preset number, it can be determined that the user performed a long press operation. For example, the preset number is 1. If the number of key value signals received by the display device 200 is 1, it can be determined that the user performed a short press operation. If the number of key value signals received by the display device 200 is greater than 1, it can be determined that the user performed a long press operation.

[0182] In other embodiments, the display device 200 may be configured with a second application that can access application data from the first application running in the background, such as artwork, image quality parameters, and carousel parameters. Thus, after entering the second application, the display device 200 enters a second mode. In this second mode, the display device 200 displays the screensaver page of the second application, showcasing artwork provided by the first application, thereby displaying the artwork provided by the first application in a screensaver format. In this second mode, the user cannot use the functions of the first application, i.e., cannot configure the artwork, etc.

[0183] In some embodiments, the second application may also be called an art screensaver application, gallery screensaver application, picture frame screensaver application, etc., and the second mode may also be called an art screensaver mode, gallery screensaver mode, picture frame screensaver mode, etc.

[0184] In this embodiment of the application, the second application is an art screensaver application and the second mode is an art screensaver mode, which will be used as an example for specific explanation.

[0185] Display device 200 can enter art screensaver mode in the following way:

[0186] In some embodiments, the display device 200 can be configured to enter an art screensaver mode if a first condition is detected when the device is powered on and not in art mode. The first condition may include: no user operation is detected within a specified time period on a non-physical channel, or no signal input is detected on the currently used physical channel.

[0187] In some embodiments, the signal channels of the display device 200 may include physical channels and non-physical channels. A physical channel refers to a channel that transmits signals through a physical medium, such as a cable, optical fiber, or satellite antenna. Physical channels may include TV channels, AV channels, HDMI channels, etc. A non-physical channel refers to a channel that transmits signals wirelessly without requiring a physical connection. Signals other than physical channels can be referred to as non-physical channels, which may include launcher pages, third-party applications, etc.

[0188] S502, in art mode, display the display page of the art mode application, and display the first artwork on the display page, which is the artwork displayed when the art mode was last exited.

[0189] After entering art mode, display device 200 displays a display page and showcases artworks within the display page.

[0190] In some embodiments, the displayed page is the user interface defined in the first mode. For example, the displayed page can be the homepage of the first application, i.e., the first page displayed after entering the first mode. The displayed page can also be a specified user interface.

[0191] The display device 200 can be configured to: when exiting art mode, record relevant parameters of the currently displayed artwork, such as the image ID and category of the artwork, and after re-entering art mode, display the corresponding artwork based on the recorded relevant parameters, i.e., the artwork displayed when exiting art mode last time.

[0192] In some embodiments, the code design for the display device 200 to display the artwork displayed when it last exited art mode after entering art mode can refer to the following example:

[0193] When exiting art mode, store the last successfully played artwork. For example, you can store the image ID of the played artwork through SharedPreferences.

[0194] / / Get the SharedPreferences object

[0195] SharedPreferences sharedPreferences=getSharedPreferences("MyPrefs",MODE_PRIVATE);

[0196] / / Get the Editor object

[0197] SharedPreferences.Editor editor=sharedPreferences.edit();

[0198] / / Storage primary category primaryId

[0199] editor.putInt("primary_id",primaryId);

[0200] / / Store secondaryId

[0201] editor.putInt("secondary_id",secondaryId);

[0202] / / Storage ID

[0203] editor.putInt("image_id",imageId);

[0204] / / Submit changes

[0205] editor.apply();

[0206] When the application is restarted, the image ID is retrieved, and the image storage path is obtained from the database based on the image ID to display the user's image.

[0207] / / Get the SharedPreferences object

[0208] SharedPreferences sharedPreferences=getSharedPreferences("MyPrefs",MODE_PRIVATE);

[0209] / / Reads a string; returns a default value of 0 if the key does not exist.

[0210] int imageId=sharedPreferences.getInt("image_id",0);

[0211] int primaryId=sharedPreferences.getInt("primary_id",0);

[0212] int secondaryId=sharedPreferences.getInt("secondary_id",0);

[0213] Retrieve the corresponding artwork from the array library based on imageId, primaryId, and secondaryId.

[0214] S503: Starting with the first artwork, the various artworks in the artwork category to which the first artwork belongs are displayed sequentially on the display page according to the carousel time and carousel order.

[0215] All artworks have corresponding classifications, namely, primary and secondary classifications. There is a binding or mapping relationship between artworks and their primary and secondary classifications; that is, based on an artwork, its primary and secondary classifications can be determined.

[0216] Art mode applications can be configured with a carousel function. The carousel parameters related to the carousel function can include carousel time, carousel range, and carousel order within the carousel range.

[0217] The carousel time refers to the time interval between the rotating artworks. The art mode application can be configured with a default carousel time, or users can customize the carousel time.

[0218] The scope of the carousel refers to the artworks that participate in the carousel.

[0219] In some embodiments, the carousel range can be all artworks in the same secondary category.

[0220] In some embodiments, the carousel range can be all artworks included in each of the secondary categories within the same primary category.

[0221] In some embodiments, the carousel range can be all artworks included in each of the secondary categories of multiple primary categories. These multiple primary categories can be adjacent primary categories or non-adjacent primary categories (in this embodiment, the adjacency relationship between primary and secondary categories refers to the adjacency relationship between the display positions of the corresponding titles on the application homepage).

[0222] In some embodiments, the carousel range can be all artworks in a portion of the secondary categories within the same primary category, and these secondary categories can be adjacent or non-adjacent secondary categories.

[0223] In some embodiments, the carousel range can be all artworks included in a portion of the secondary categories of a plurality of primary categories. The plurality of primary categories can be adjacent primary categories or non-adjacent primary categories, and the portion of the secondary categories can be adjacent secondary categories or non-adjacent secondary categories.

[0224] In some embodiments, the carousel range can be a subset of artworks within the same secondary category. This subset of artworks can be adjacent or non-adjacent artworks.

[0225] In some embodiments, the carousel range of artworks can be the default carousel range applied in art mode, or a carousel range customized by the user.

[0226] The carousel order refers to the arrangement of the artworks within the carousel range. During the carousel, artworks that appear earlier in the order are displayed first, followed by artworks that appear later in the order.

[0227] After the display device 200 enters the art mode, and after determining to play the first artwork, it can obtain relevant parameters of the first artwork, such as image ID and the category of the artwork. See step S502 for details; these will not be elaborated here. The display device 200 can also obtain carousel parameters, such as carousel time and carousel range, and determine the corresponding carousel range and carousel order for the first artwork based on its relevant parameters.

[0228] For example, the carousel parameters might specify a carousel range encompassing all artworks in each of the second-level categories within the same primary category. If the primary category to which the first artwork belongs is the Art Gallery category, then the carousel range corresponding to the first artwork would be all artworks in each of the second-level categories within the Art Gallery category. After determining the carousel range corresponding to the first artwork, the carousel order of the artworks within that range can be determined. Specifically, the starting point of the current carousel process can be located based on the first artwork, and the subsequent artworks within that carousel range can be carouseled sequentially according to their carousel order.

[0229] In some embodiments, the code design for implementing the carousel of artwork on the display device 200 can refer to the following example:

[0230] timer.schedule(task,0,interval);

[0231] }

[0232] In some embodiments, during the carousel, the user can manually and quickly switch between the displayed artworks, and the display device 200 can adjust the display settings accordingly. Figure 6 The process shown quickly switches between displayed artworks. The specific steps are as follows:

[0233] S601, in response to the user's switching command, switches the display of artwork on the display page.

[0234] Display device 200 can be configured to switch the display of artwork in response to a switching command input by a user based on the directional keys of control device 100.

[0235] In some embodiments, the left and right buttons in the control device 100 can be configured as buttons for inputting switching commands. If the switching command is input by the user based on the left button of the control device 100, the previous artwork of the currently displayed artwork is switched on the display page. If the switching command is input by the user based on the right button of the control device 100, the next artwork of the currently displayed artwork is switched on the display page.

[0236] S602, starting with the switched artwork, displays each artwork in the category to which the first artwork belongs in sequence on the display page according to the carousel time and carousel order.

[0237] Step S602 can be referred to step S503, and will not be repeated here.

[0238] In this way, during the process of displaying 200 rotating artworks in art mode, users can manually and quickly switch between the displayed artworks, thus allowing them to quickly review the displayed artworks or skip over artworks they do not want to view.

[0239] In some embodiments, the carousel task can be controlled through an Alarm Manager. The display device 200 starts displaying an artwork by activating a timer. When the timer reaches the carousel time, it sends a notification to the display device 200. Based on this notification, the display device 200 switches to displaying the next artwork and restarts the timer when displaying the next artwork.

[0240] In some embodiments, in response to a user's switching command, the display device 200 restarts the timer for the artwork before the switch, even if the timer for the artwork before the switch has not yet reached its rotation time. This ensures that the artwork after the switch is displayed for a sufficiently long time.

[0241] In some embodiments, the resolution of the target artwork to be displayed may differ from the resolution supported by the display. In order to adapt to the resolution of the display, the target artwork can be processed according to the resolution of the display before displaying the processed target artwork.

[0242] In some embodiments, the display device 200 can be configured to... Figure 7 The process shown involves processing the target artwork, with the following specific steps:

[0243] S701, determine the target artwork to be displayed, and obtain the first resolution of the target artwork.

[0244] In some embodiments, after entering art mode, the target artwork to be displayed is used as the first artwork.

[0245] In some embodiments, during the carousel of artworks, the target artwork to be displayed is the next artwork after the currently displayed artwork.

[0246] In some embodiments, during the process of switching artwork in response to a user's switching command, the target artwork to be displayed is the artwork after the switch.

[0247] The first resolution is the image resolution of the target artwork.

[0248] S702 processes the target artwork based on the first resolution and the second resolution of the display.

[0249] If the first resolution is lower than the second resolution, the target artwork is enlarged to the second resolution to obtain the enlarged target artwork.

[0250] The embodiments provided in this application are all illustrated by taking a second resolution of 4K supported by the display as an example.

[0251] If the first resolution is lower than 4K, the display device 200 will enlarge the target artwork to 4K and perform image optimization processing on the enlarged target artwork.

[0252] If the first resolution is equal to the second resolution, the target artwork is not processed.

[0253] If the first resolution is 4K, then there is no need to process the target artwork; it can be displayed directly.

[0254] If the first resolution is higher than the second resolution, the target artwork is compressed to the second resolution to obtain the compressed target artwork.

[0255] If the first resolution is higher than 4K, the target artwork needs to be compressed to 4K and then displayed.

[0256] In some embodiments, when compressing a target artwork, the display device 200 calculates a scaling ratio, also known as the image sampling rate, and compresses the target artwork according to the scaling ratio.

[0257] In some embodiments, the display device 200 always stores the original image data of the target artwork.

[0258] In some embodiments, the code design for implementing the display device 200 to identify whether the first resolution of the target artwork is lower than or equal to 4K and to perform scaling processing on the target artwork can refer to the following example:

[0259]

[0260] In some embodiments, the code design for implementing the display device 200 to identify whether the first resolution of the target artwork is higher than 4K and to perform scaling processing on the target artwork can refer to the following example:

[0261]

[0262]

[0263] In some embodiments, the code design for the display device 200 to calculate the sampling rate of an image can refer to the following example:

[0264]

[0265] Log.d("ImageUtils","inSampleSize:"+inSampleSize);

[0266] return inSampleSize;

[0267] }

[0268] S703 displays the processed target artwork on the display page.

[0269] In this way, the target artwork displayed can meet the resolution requirements of the display screen.

[0270] In some embodiments, the art mode application can be configured with a frame function, that is, by adding a frame to an artwork and adding a three-dimensional effect to the added frame, the effect of framing a real artwork can be simulated.

[0271] In some embodiments, the art mode application can be configured to have the frame function enabled by default. Alternatively, users can customize whether the frame function is enabled or disabled as needed. Users can enable or disable the frame function through its settings, and after enabling the frame function, they can set the style of the frame, etc.

[0272] After enabling the frame feature, when displaying artwork on the showcase page, frames need to be added to the artwork. If the sizes of the two artworks are different, when switching between them, the added frame may still be adapted to the previous artwork, not the new one, resulting in a frame-art mismatch. This problem is especially likely to occur when users manually switch artworks, as the switching speed is faster.

[0273] To address the mismatch between the picture frame and the artwork, in some embodiments, the display device 200 can be configured to... Figure 8 The flowchart shown displays the artwork corresponding to the target artwork. The specific steps are as follows:

[0274] S801, determine the target artwork to be displayed, and obtain the frame parameters.

[0275] The process of determining the target artwork to be displayed can be referred to in step S701, and will not be repeated here.

[0276] In some embodiments, the frame parameters may include whether to add a frame, and when adding a frame, the style of the frame to be added. The frame style may include the frame's color, texture, etc.

[0277] S802, if the frame parameters include a first style frame, then before displaying the target artwork, perform a 3D frame effect processing on the target artwork according to the first style frame to obtain a target artwork with a 3D frame effect.

[0278] If the user enables the frame feature, the frame parameters include adding a frame and specifying the style of the frame to be added, i.e., the first style frame. This first style can be the default style applied in Art Mode, or a style customized by the user.

[0279] To avoid the problem of the target artwork and the matching frame being out of sync, i.e., the displayed target artwork and the displayed frame not matching, before displaying the target artwork, a 3D frame effect is first applied to the target artwork based on the first style of frame. After aligning the target artwork and the matching frame, the two are then displayed as a whole, i.e., the target artwork with the 3D frame effect.

[0280] In some embodiments, the display device 200 can be configured to... Figure 9 The process shown below yields a target artwork with a 3D frame effect. The specific steps are as follows:

[0281] S901, create a first frame background based on the first style frame, scale the target artwork according to the specified scaling ratio to obtain the scaled target artwork, and draw a first 3D effect line based on the edge of the scaled target artwork.

[0282] The size of the first frame background can match the display size of the screen, i.e., it is in full-screen mode. The style of the first frame background is the same as the first style, that is, the color, background, etc. of the first frame background are the same as the first style.

[0283] The art mode application can pre-configure at least one scaling ratio for the user to select, such as 90%, 80%, 70%, etc. When scaling the target artwork according to the scaling ratio, the target artwork is treated as the processed target artwork according to steps S701-S702, rather than the original target artwork. Therefore, after obtaining the processed target artwork according to steps S701-S702, if the display device 200 detects that the frame function is enabled, it further scales the processed target artwork according to the set scaling ratio. For example, if the set scaling ratio is 90%, the display device 200 scales the processed target artwork proportionally to 90%.

[0284] The scaled-down target artwork will be smaller than the display size of the screen.

[0285] The scaled-down target artwork will be displayed on the showcase page. Therefore, a 3D effect line, or first 3D effect line, is drawn based on the edges of the scaled-down target artwork. This first 3D effect line will match the outer contour of the scaled-down target artwork, achieving a seamless fit with the processed outer contour.

[0286] S902, composite the scaled target artwork, the first frame background, and the first 3D effect line to obtain a target artwork with a 3D frame effect. The scaled target artwork is superimposed on the first frame background and located in the center area of ​​the first frame background, while the first 3D effect line is superimposed on the edge of the scaled target artwork.

[0287] The scaled target artwork, the first frame background, and the first 3D effect lines are combined to obtain an image, which is the target artwork with a 3D frame effect.

[0288] You can refer to this. Figure 10 The synthesis process shown, wherein, as Figure 10 As shown in Figure ①, the scaled target artwork 1002 is superimposed on the first frame background 1001, and the first 3D effect line 1003 is superimposed on the edge of the scaled target artwork 1002. Specifically, the scaled target artwork 1002 is superimposed on the central area of ​​the first frame background 1001. This ensures that in the composited target artwork with a 3D frame effect, the target artwork is located in the central area of ​​the frame, which more closely resembles a realistic framing effect. The composited target artwork with a 3D frame effect can be referenced... Figure 10 As shown in ②.

[0289] In some embodiments, the code design for implementing the composite artwork and frame of the display device 200 can refer to the following example:

[0290]

[0291] Return to background;

[0292] }

[0293] Wherein, Canvas canvas = new Canvas(background);

[0294] canvas.drawColor(color);

[0295] canvas.drawBitmap(scaledImage,left,top,null);

[0296] The Canvas's drawColor and drawBitmap methods are used to draw a color or bitmap onto the Canvas. When drawing images, there is an occlusion relationship between images drawn multiple times. This occlusion relationship means that the later drawn image will occlude the previously drawn image.

[0297] Specifically, Canvas uses a stack-based drawing mechanism. Each time the drawBitmap method is called, a new Bitmap is pushed onto the stack and overlays the previously drawn Bitmap, thus obscuring the previous Bitmap. In this way, if the drawBitmap method is called multiple times, each Bitmap will be drawn on top of the previous Bitmap, thereby obscuring the previous Bitmap.

[0298] S803 displays the target artwork with a 3D frame effect on the display page.

[0299] The target artwork with a 3D frame effect is displayed directly on the display page. Since the target artwork with a 3D frame effect contains both the target artwork and the 3D frame, it can effectively avoid the mismatch problem caused by the asynchronous display of the switched artwork and the frame when switching artworks.

[0300] In some embodiments, when the display device 200 enables the frame function, it can also dynamically add a frame to the target artwork based on whether a hardware frame has been installed.

[0301] When the display device 200 enables the frame function, it can follow... Figure 11 The process shown is to dynamically add a frame to the target artwork. The specific steps are as follows:

[0302] S1101 identifies whether a hardware frame has been installed.

[0303] In some embodiments, the display device 200 can obtain power-on navigation settings parameters, which may include whether a hardware picture frame is installed. For example, a corresponding identifier is added to the flag bit corresponding to the hardware picture frame. The display device 200 can determine whether a hardware picture frame has been installed by recognizing the identifier added to the flag bit.

[0304] In some embodiments, the display device 200 may provide a sensor at the location where the hardware frame is installed, the sensor being used to sense whether the hardware frame is installed.

[0305] In some embodiments, the display device 200 may be configured with an automatic light sensing function, that is, automatically adjusting the brightness of the display screen according to the brightness of the surrounding environment. The brightness of the surrounding environment is affected by the hardware decoration of the picture frame; in the same environment, if a hardware picture frame is installed, the brightness of the surrounding environment will be relatively low; if no hardware picture frame is installed, the brightness of the surrounding environment will be relatively high. The display device 200 can obtain the brightness of the display screen used over a recent period and estimate whether a hardware picture frame is installed based on these brightness values ​​and their trends. For example, if these brightness values ​​are all low, or drop suddenly from a high value to a low value, it can be determined that a hardware picture frame is installed. If these brightness values ​​are all high, or rise suddenly from a low value to a high value, it can be determined that no hardware picture frame is installed.

[0306] S1102 If a hardware frame is already installed, the target artwork will not be processed with a 3D frame effect, and the target artwork will be displayed on the display page.

[0307] If a hardware frame is already installed, and then a 3D frame effect is applied to the target artwork (i.e., a frame is added to the target artwork), the hardware frame and the added frame will appear simultaneously, resulting in a double frame situation. This will negatively impact the display effect of the target artwork.

[0308] Therefore, in order to avoid the situation of double frames, if a hardware frame is already installed, the display device 200 can mark it not to display the frame, and according to the mark, it will not process the target artwork with a 3D frame effect, but will directly display the target artwork on the display page.

[0309] You can refer to this. Figure 12 The display device 200 shown has a hardware frame 1201 installed on its bezel. When displaying a target artwork, even if the frame parameters include a first-style frame, the display device 200 does not apply a 3D frame effect to the target artwork, but instead... Figure 12 As shown, the target artwork 1202 is displayed directly on the display page. At this time, a hardware frame 1201 is used to simulate a realistic framing effect.

[0310] S1103 If no hardware frame is currently installed, the target artwork is processed with a 3D frame effect according to the first style frame, and the target artwork with the 3D frame effect is displayed on the display page.

[0311] If no hardware frame is currently installed, it means that even if a frame is added to the target artwork, there will be no double frame. Therefore, the target artwork can be processed with a 3D frame effect according to steps S901-S902, and the target artwork with the 3D frame effect can be displayed on the display page.

[0312] In some embodiments, based on step S801, if the frame parameter includes no frame, i.e. the frame function is turned off, then no 3D frame effect processing is applied to the target artwork, and the target artwork is directly displayed on the display page.

[0313] In some embodiments, when the frame function is turned off, the display device 200 may also add a frame to the target artwork depending on whether a hardware frame has been installed.

[0314] When the display device 200 closes the frame function, it can follow... Figure 13 The process shown is to dynamically add a frame to the target artwork. The specific steps are as follows:

[0315] S1301 identifies whether a hardware frame has been installed.

[0316] Step S1301 can be referred to step S1101, and will not be repeated here.

[0317] S1302 If a hardware frame is already installed, the target artwork will not be processed with a 3D frame effect, and the target artwork will be displayed on the display page.

[0318] If a hardware frame is already installed, it means that even without enabling the frame function, a realistic framing effect can be simulated using the hardware frame. Therefore, the target artwork can be displayed directly on the display page without applying a 3D frame effect.

[0319] S1303, if no hardware frame is currently installed, then according to the second style frame, the target artwork is processed with a 3D frame effect to obtain a target artwork with a 3D frame effect, and the target artwork with a 3D frame effect is displayed on the display page. The second style frame is the frame with the default style applied in art mode.

[0320] If no hardware frame is currently installed, the displayed artwork will lack a framing effect because the framing function is not currently enabled. Therefore, the display device 200 can automatically perform 3D framing effect processing on the artwork, adding a default style frame to achieve a framing effect.

[0321] When display device 200 displays artwork on a display page, it needs to load the corresponding artwork, such as rendering the artwork and adding relevant image quality parameters. This loading process takes time. If display device 200 switches the displayed artwork in response to a user's switching command, the slower loading process of the switched artwork will cause a slow response time.

[0322] To minimize the impact of the artwork loading process on the user experience, the display device 200 can... Figure 14 The process shown displays artwork on the showcase page, and the specific steps are as follows:

[0323] S1401: Determine the artwork to be switched and decode it to obtain a bitmap object.

[0324] The process of determining the artwork after switching can be found in step S601, and will not be elaborated here.

[0325] Display device 200 decodes the switched artwork into a bitmap object.

[0326] S1402, within the display page, in the first view, a switched artwork with a first resolution is displayed based on the bitmap object; and in the second view, a switched artwork with a second resolution is rendered based on the application quality parameters corresponding to the bitmap object and the switched artwork. The first view is positioned above the second view, and the first resolution is lower than the second resolution.

[0327] After obtaining the Bitmap of the switched artwork, the display device 200 inputs the Bitmap to both the Image View and the Image Player used in the art mode application, respectively, to load the corresponding switched artwork through the Image View and Image Player. The process of loading the switched artwork through the Image Player involves calling the Image Player, rendering a higher-resolution (second-resolution) artwork, and appending corresponding application quality parameters. This loading process is slower, but it results in a higher-resolution switched artwork with the desired image quality. The process of loading the switched artwork through the Image View involves rendering a lower-resolution (first-resolution) artwork and using the overall system quality parameters. It does not require calling the Image Player or appending application quality parameters corresponding to the switched artwork. Therefore, the loading process is faster, but it results in a lower-resolution switched artwork with an image quality that does not meet the requirements.

[0328] Create a first view and a second view within the display page, meaning the first view and the second view reside within the same OSD layer. The first view sits atop the second view; therefore, the content displayed in the first view will obscure the content displayed in the second view.

[0329] In some embodiments, when the display device 200 can control the occlusion relationship between views using Constraint Layout, it uses the android:elevation attribute to specify the z-order of the views. A view with a higher elevation value will be drawn on top of a view with a lower elevation value. Thus, the display device 200 can configure a higher elevation value for a first view and a lower elevation value for a second view, so that the first view is drawn on top of the second view.

[0330] To quickly display the switched artwork, the first view can show the switched artwork loaded by the Image View, i.e., the switched artwork with the first resolution. Then, the second resolution of the switched artwork can be loaded in the background via Image Player.

[0331] S1403, after obtaining the switched artwork with a second resolution, hide the first view to display the switched artwork with a second resolution within the display page.

[0332] After Image Player loads the artwork with a second resolution, it displays the artwork in a second view. Following this, by hiding the first view, the artwork in the second view is exposed within the display page, thus achieving the effect of loading the artwork from a lower resolution to a higher resolution.

[0333] In some embodiments, the code design for implementing the display device 200 to display artworks with different resolutions in the first and second views can refer to the following example:

[0334]

[0335] @Override

[0336] public void onImagePlaySuccess(){

[0337] / / Hide ImageView in callback method

[0338] imageView.setVisibility(View.GONE);

[0339] }

[0340] You can refer to this. Figure 15 The process of changing the displayed page, as shown, is such that after the display device 200 determines the artwork after the switch, it can... Figure 15 As shown in Figure ①, a first view 1501 and a second view 1502 are created within the display page, with the first view 1501 situated on top of the second view 1502. The first view 1501 displays a lower-resolution artwork, while a higher-resolution artwork is loaded in the background via Image Player. The resulting display effect is as follows: Figure 15 As shown in ②. After Image Player finishes loading and a high-resolution artwork is obtained, as shown... Figure 15 As shown in ③, the high-resolution artwork is displayed in the second view 1502, while the first view 1501 is hidden. At this point, the overall display effect is as follows: Figure 15 As shown in ④.

[0341] In some embodiments, when the display device 200 displays a lower-resolution artwork on a display page, to prevent users from mistakenly believing that the switched artwork itself has a lower resolution, a loading indicator can be displayed on the lower-resolution artwork to prompt the user that a higher-resolution artwork is being loaded. See also... Figure 16 The display page shown has a lower-resolution artwork 1601 displayed on the display device 200, while a higher-resolution artwork is loaded in the background. To indicate to the user that a higher-resolution artwork is being loaded, a loading indicator 1602 can be displayed on the lower-resolution artwork 1601.

[0342] The display orientation of an artwork refers to its natural orientation, that is, the orientation that aligns with the content and design intent of the artwork; it is a fixed attribute of the artwork. The display orientation of an artwork can include horizontal and vertical orientations. Horizontal orientation means the width of the artwork is greater than its height, while vertical orientation means the height of the artwork is greater than its width.

[0343] The display orientation of an artwork refers to the orientation in which the artwork is displayed. This orientation can be the same as the orientation of the artwork itself or the orientation of the display screen.

[0344] The display screen of the display device 200 has two orientations: landscape and portrait. Landscape means that the horizontal width of the display screen is greater than its vertical height, and portrait means that the vertical height of the display screen is greater than its horizontal width.

[0345] When displaying artwork, the display device 200 can only effectively guarantee the display effect of the artwork if the screen orientation of the display screen is consistent with the display orientation of the artwork. This consistency can include: the display screen being in landscape mode and the artwork being displayed horizontally, and the display screen being in portrait mode and the artwork being displayed vertically.

[0346] If the screen orientation of the display is inconsistent with the display orientation of the artwork, the display size of the artwork will be limited by the display, thus affecting the display effect. Inconsistent screen orientation can include: the display being in landscape mode and the artwork being displayed vertically, or the display being in portrait mode and the artwork being displayed horizontally.

[0347] If the display screen of display device 200 is a rotatable display screen, then display device 200 can be rotated according to... Figure 17 The process shown adjusts the screen orientation when displaying artwork. The specific steps are as follows:

[0348] S1701, Determine the target artwork to be displayed.

[0349] Step S1701 can be referred to step S701, and will not be repeated here.

[0350] S1702, obtain the display direction corresponding to the target artwork, and detect the current screen orientation of the display screen.

[0351] The target artwork can be displayed horizontally or vertically.

[0352] The current screen orientation can be landscape or portrait.

[0353] In some embodiments, the code design for the display device 200 to obtain the display direction corresponding to the target artwork can refer to the following example:

[0354]

[0355] S1703: When the current screen orientation of the display screen is inconsistent with the display orientation corresponding to the target artwork, rotate the screen orientation of the display screen to be consistent with the display orientation corresponding to the target artwork.

[0356] When the current screen orientation of the display is consistent with the display orientation of the target artwork, the artwork corresponding to the target artwork can be displayed directly without adjusting the screen orientation.

[0357] When the current screen orientation of the display screen is inconsistent with the display orientation of the target artwork, the display screen will limit the display size of the target artwork, and blank areas will exist when displaying the target artwork, resulting in a poor display effect. The display device 200 can control the rotation of the display screen to adjust the screen orientation to be consistent with the display orientation of the target artwork.

[0358] You can refer to this. Figure 18 The adjustment process shown is as follows: Figure 18 As shown in Figure ①, the current screen orientation of the display screen 1801 of the display device 200 is portrait. If the display orientation of the target artwork 1802 is landscape, the two orientations will be inconsistent. In this case, if the target artwork 1802 is displayed, it will appear as follows: Figure 18 As shown in ①, the display screen 1801 will limit the display size of the target artwork 1802. The display device 200 can rotate the display screen 1801, such as... Figure 18 As shown in Figure ②, the screen orientation of the display screen 1801 is adjusted to portrait mode, and the target artwork 1802 is displayed on the display screen 1801 in portrait mode. At this time, the target artwork 1802 can be displayed at a larger display size.

[0359] If the target artwork is the first artwork displayed upon entering art mode, the probability of the user entering the tiered preview page of the art mode application (which will be described in detail later) is relatively high. In some embodiments, the display device 200 can be configured to rotate the screen orientation to match the display orientation of the first artwork if no user operation is detected within a first time period when the current screen orientation of the display is inconsistent with the display orientation corresponding to the first artwork, wherein the first time period is shorter than the carousel time. This avoids affecting the user's use of the art mode application and reduces unnecessary rotation processes.

[0360] In some embodiments, the display device 200 can also be configured to: when the current screen orientation of the display screen is inconsistent with the display orientation corresponding to the target artwork to be displayed, if no user operation is detected within a second time period, rotate the screen orientation of the display screen to be consistent with the display orientation corresponding to the target artwork, wherein the second time period is shorter than the carousel time. This avoids the situation where the display device 200 continuously rotates the display screen for a short period due to the user's continuous switching of artworks or other operations.

[0361] In some embodiments, the display device 200 may also be configured to: when the current screen orientation of the display screen is consistent with the display orientation of the target artwork and is in portrait mode, if an instruction to enter the graded preview page of the art mode application is received, the display device 200 shall respond to the instruction, enter the graded preview page, and control the display screen to rotate to landscape mode to better adapt to the display requirements of the graded preview page and facilitate the user's use of the graded preview page.

[0362] The display device 200 can adjust the screen orientation of the display screen and display the artwork corresponding to the target artwork in the following ways:

[0363] In some embodiments, the display device 200 can be configured to... Figure 19 The process shown adjusts the screen orientation and displays the artwork corresponding to the target artwork. The specific steps are as follows:

[0364] S1901, Before adjusting the screen orientation of the display screen, the target artwork is displayed on the display page with the display orientation corresponding to the target artwork as the display orientation.

[0365] When the screen orientation of the display screen is inconsistent with the display orientation of the target artwork, the target artwork can be displayed with the display orientation of the target artwork as the display orientation before rotating the display screen.

[0366] Taking the current screen orientation as landscape and the target artwork's display orientation as portrait as an example, refer to... Figure 20 The display screen and the changing process of the target artwork shown are as follows: Figure 20 As shown in Figure ①, the display screen 2001 is in landscape mode. Before rotating the display screen 2001, the target artwork 2002 is first displayed in the display page with the vertical display direction.

[0367] S1902, rotate the screen orientation of the display to match the display orientation of the target artwork, and keep the current display orientation of the target artwork unchanged while rotating the display.

[0368] During the rotation of the display screen, the current display orientation of the target artwork remains unchanged, that is, the target artwork is kept in the corresponding display orientation. In some embodiments, this can be achieved by rotating the target artwork in the opposite direction to the rotation direction of the display screen.

[0369] In this way, the target artwork remains in the corresponding display direction during the rotation of the screen, allowing users to still browse the normal target artwork.

[0370] like Figure 20 As shown in Figure ②, the rotating display screen 2001 maintains the target artwork 2002 in a vertical position throughout the process.

[0371] S1903: After rotating the screen orientation of the display to match the display orientation of the target artwork, the size of the target artwork is enlarged.

[0372] After rotating the display screen to match the display orientation of the target artwork, the size of the target artwork is enlarged. The enlarged target artwork can be enlarged to full screen mode or enlarged to a preset size.

[0373] like Figure 20 As shown in ③, after rotating the display screen 2001 to portrait mode, the target artwork 2002 is enlarged to full-screen mode.

[0374] In other embodiments, the display device 200 may be in accordance with Figure 21 The process shown adjusts the screen orientation and displays the artwork corresponding to the target artwork. The specific steps are as follows:

[0375] S2101, before adjusting the screen orientation of the display screen, the target artwork corresponding to the target artwork is displayed on the display page in a display orientation consistent with the current screen orientation of the display screen.

[0376] The display device 200 can display the target artwork in a display orientation consistent with the current screen orientation of the display screen. Because this display orientation is consistent with the current screen orientation, when the target artwork is displayed in this orientation, its corresponding display direction is also consistent with the current screen orientation. Essentially, the target artwork, which would normally be displayed in its corresponding display orientation, is first rotated to align with the current screen orientation before being displayed, thus adapting to the current display screen and avoiding limitations imposed by the display screen on the display size.

[0377] Taking the current screen orientation as landscape and the target artwork's display orientation as portrait as an example, refer to... Figure 22 The display screen and the changing process of the target artwork shown are as follows: Figure 22 As shown in Figure ①, the display screen 2201 is in landscape mode. Before rotating the display screen 2201, the target artwork 2202 is displayed on the display page with the landscape orientation.

[0378] In some embodiments, if a frame is required for the target artwork, the frame is displayed on the target artwork when it is displayed in a display orientation consistent with the current screen orientation of the display. The frame matches both the target artwork and the screen size of the display.

[0379] S2102, rotate the screen orientation of the display to match the display orientation of the target artwork.

[0380] After rotating the screen orientation of the display device 200 to match the display orientation of the target artwork, the target artwork can be displayed with the display orientation of the target artwork as the display orientation.

[0381] like Figure 22 As shown in Figure ②, after rotating the display screen 2201 to vertical orientation, the target artwork 2202 will also be vertical, which is the display direction corresponding to the target artwork 2202.

[0382] In some embodiments, if the first resolution of the target artwork displayed is higher than the second resolution of the display, the art mode application can provide the user with a partial magnification function of the target artwork.

[0383] In some embodiments, the display device 200 can be configured to... Figure 23 The process is illustrated by zooming in on the target artwork; the specific steps are as follows:

[0384] S2301, in response to the user's zoom command, obtains the first coordinates of the center point of the display screen corresponding to the target artwork.

[0385] In some embodiments, a zoom-in button may be configured within the display page. If a user wants to browse the details of an artwork, they can select the zoom-in button to input a zoom-in command, thereby controlling the display device 200 to display a partially magnified version of the target artwork within the display page.

[0386] In response to the magnification command, the display device 200 obtains the first coordinates of the center point of the display screen corresponding to the original image of the target artwork. At this time, the first coordinates are exactly the coordinates corresponding to the center point of the original image of the target artwork. The center point of the display screen is also exactly the center point of the compressed target artwork.

[0387] S2302, based on the first coordinates, the display width and display height of the display screen, extract a first image that conforms to the second resolution from the target artwork.

[0388] Based on this first coordinate, a point at the corresponding location within the target artwork can be determined. Using this point as the center, a rectangular area can be cropped from the original image of the target artwork, known as the first image. The width of this first image is parallel to the width of the display screen, and the height of the first image is parallel to the height of the display screen. Furthermore, the width of the first image equals the display width of the display screen, and the height of the first image equals the display height of the display screen; that is, the first image conforms to the second resolution. The image content contained in the first image is the enlarged image content centered on the center point of the compressed target artwork.

[0389] You can refer to this. Figure 24 The display page described in section ① displays a compressed target artwork 2401 and a zoom-in button 2402, allowing the user to input a zoom-in command by selecting the zoom-in button 2402. For illustrative purposes, the center point O of the display screen can be mapped to the center point O' of the original image of the target artwork. In response to the zoom-in command, the display device 200 obtains the first coordinate of O' on the original image of the target artwork. Centered on the first coordinate, and based on the display width and height of the display screen, a first image 2403 is cropped from the original image of the target artwork.

[0390] S2303, the first image is displayed on the display page.

[0391] The first image captured is displayed on the showcase page; you can refer to that. Figure 24 As shown in ②, the first image 2403 is displayed on the display page to achieve a local magnification effect.

[0392] In some embodiments, the display device 200 can create a view above the compressed target artwork within the display page and display the first image in that view. This does not affect the display of the compressed target artwork in the lower view. If the user does not wish to use the zoom function, they can enter an exit command using the back button on the control device 100. In response to this exit command, the display device 200 closes the view, and the compressed target artwork can be displayed again, restoring the normal display effect.

[0393] In some embodiments, the code design for implementing partial magnification of the target artwork by the display device 200 can refer to the following example:

[0394] Get the coordinates of the center point of the image

[0395]

[0396] The following method is used to crop a 4K image using its center coordinates:

[0397]

[0398]

[0399] In some embodiments, during the magnification process, the display device 200 can follow Figure 25 The process shown involves switching the zoomed-in view; the specific steps are as follows:

[0400] S2501, in response to the user's movement command, moves the center point of the display screen to the position on the target artwork, and determines the second coordinate of the target artwork corresponding to the center point of the display screen after the movement based on the first coordinate and the preset movement step size.

[0401] In some embodiments, a user can use the directional keys on the control device 100 to control the position where the center point of the display screen is focused on the original image of the target artwork. For example, the preset movement step size can be the displacement distance of the center point of the display screen on the target artwork controlled by the display device 200 in response to a short press of the directional key by the user. In this way, the display device 200 can calculate the total distance of displacement of the center point of the display screen relative to the first coordinate based on the preset movement step size, and redetermine the coordinates of the moved center point of the display screen corresponding to the target artwork, i.e., the second coordinate, based on the total distance.

[0402] S2502, based on the second coordinates, the display width and display height of the display screen, extracts a second image that matches the second resolution from the target artwork.

[0403] S2503, the second image is displayed on the display page.

[0404] Steps S2502-S2503 can be referred to steps S2402-S2403, and will not be repeated here.

[0405] In other embodiments, the display device 200 may be in accordance with Figure 26 The process is illustrated by zooming in on the target artwork; the specific steps are as follows:

[0406] S2601, in response to the user's zoom command, obtains the third coordinate of the first position of the focus on the display screen corresponding to the target artwork.

[0407] In some embodiments, a zoom-in button can be configured within the display page. If a user wants to view details of the artwork, they can select the zoom-in button. In response to this selection, the display device 200 will display a focus point, which indicates the center point of the area to be zoomed in. The user can use the directional keys on the control device 100 to move the focus on the target artwork to the desired zoom position. After the focus is moved to that position, the user can input a zoom-in command using the confirmation or OK button on the control device 100 to control the display device 200 to display the zoomed-in target artwork within the display page.

[0408] In response to a magnification command, the display device 200 obtains the third coordinates of the first position of the focus on the display screen corresponding to the target artwork. For example, the display device 200 can determine the second position of the first position on the compressed target artwork based on the first position of the focus on the display screen, and determine the third position of the second position on the original image of the target artwork based on the compression ratio, thereby obtaining the coordinates of the third position, i.e., the third coordinates.

[0409] S2602, based on the third coordinates, the display width and display height of the display screen, extracts a third image that conforms to the second resolution from the target artwork.

[0410] S2603, Display the third image on the display page.

[0411] Steps S2602-S2603 can be referred to steps S2402-S2403, and will not be repeated here.

[0412] In some embodiments, the art mode application can also be configured with a holiday theme function. The display device 200 can be configured according to... Figure 27 The process shown implements the holiday-themed functionality. The specific steps are as follows:

[0413] S2701 identifies whether the current day is a preset holiday based on the system date.

[0414] Preset holidays can include internationally recognized holidays, nationally recognized holidays, and regionally recognized holidays. These can also be customized by the user.

[0415] S2702, If the day is a preset holiday, the theme of the preset holiday will be displayed before the first artwork is displayed on the display page, and the first artwork will be displayed after the rotation time.

[0416] If the day is a preset holiday, to notify the user that it is a preset holiday, the display page will prioritize showing images related to that preset holiday's theme after entering art mode. Each preset holiday has a corresponding theme and each theme has its own accompanying image. For example, the theme for International Children's Day is "Children's Day," and the corresponding image is a scene of several children having a party, along with the caption "Happy Children's Day."

[0417] The display duration of the holiday-themed images can be set to a loop or other duration. When the preset display duration is reached, the first artwork is displayed, and the loop of artworks begins.

[0418] S2703, If the current event is not a preset holiday, the first artwork will be displayed on the display page.

[0419] If the current event is not a preset holiday, the display device 200 can directly display the first artwork and begin the artwork carousel process.

[0420] In some embodiments, the display device 200 may prioritize displaying the holiday-themed image only when automatically entering art mode. When passively entering art mode in response to user control, the holiday-themed image is not displayed. For example, in response to user input such as selecting the art mode application icon or pressing the art mode button, the first artwork is displayed directly, without showing the holiday-themed image.

[0421] Because art mode applications offer users a vast collection of artworks, even though they categorize and classify the artworks to facilitate searching, users still need to navigate through the categorization levels, entering each subcategory within a primary category. If the desired artwork isn't found in that subcategory, the user must exit each level and repeat the process until they find the desired artwork. Clearly, this process of finding artwork is cumbersome and consumes a significant amount of the user's time and effort.

[0422] To address the aforementioned issues and facilitate users' quick search for the artworks they wish to view, the art mode application can be configured with tiered preview pages, allowing users to quickly preview artworks categorized at different levels on the same page.

[0423] In some embodiments, the hierarchical preview page may include a first menu and a second menu. The first menu includes titles for primary categories, and the second menu displays titles for secondary categories included in the primary category that is selected or has received focus. The second menu also includes a preview image list, which is in a single-line format and includes preview images of artworks included in the secondary category that is selected or has received focus.

[0424] In some embodiments, the first menu and the second menu can be distributed in different positions on the hierarchical preview page as needed. In the embodiments provided in this application, the example of the first menu being located at the top of the hierarchical preview page and the second menu being located at the bottom of the hierarchical preview page will be used for illustration.

[0425] In some embodiments, the title that receives focus can be displayed by: changing the background color of the area where the object is located, changing the display effect of the area where the object is located (such as a raised effect, a recessed effect, etc.), or adding one or more of these to the area where the object is located. Of course, it is not limited to the styles mentioned above.

[0426] In some embodiments, the selected title may be displayed as one or a combination of the following: changing the font color, bolding the font, enlarging the font, and adding an underline. Of course, it is not limited to the styles mentioned above.

[0427] You can refer to this. Figure 28 The tiered preview page shown includes a first menu 2801 and a second menu 2802. The first menu 2801 includes titles for primary categories, such as Art Gallery, Photo Gallery, Immersive Atmosphere, and Favorites. Art Gallery is selected. Based on the selected Art Gallery status, the second menu 2802 includes titles for secondary categories within the Art Gallery category, such as Landscape, People, Modern, Still Life, and Others. Landscape is the focus here. The second menu 2802 also includes a preview image list 2803, which, based on the focus on Landscape, includes preview images of artworks included in the Landscape category. Examples include preview images for Landscape 13, Landscape 14, Landscape 15, Landscape 16, Landscape 17, Landscape 18, and Landscape 19.

[0428] In this embodiment of the application, for ease of illustration, the corresponding artworks are represented by the format of "secondary category + order of the image in that secondary category". For example, landscape 16 represents the 16th artwork in the landscape category.

[0429] In some embodiments, the background of the tiered preview page can be transparent, as can be seen in the following examples. Figure 28 The background 2804 is transparent.

[0430] In other embodiments, the background of the hierarchical preview page may be opaque or semi-transparent.

[0431] In some embodiments, the first menu may be semi-transparent with its transparency gradually increasing from top to bottom, and the second menu may also be semi-transparent with uniform transparency throughout.

[0432] In some embodiments, the first menu and the second menu can be opaque or transparent.

[0433] In this embodiment, the example is taken where the background of the hierarchical preview page is transparent, and the first and second menus are semi-transparent with a gradual change in transparency.

[0434] You can refer to this. Figure 29 The tiered preview page shown is consistent with... Figure 28 Compared to the hierarchical preview page shown, the first menu 2901 is semi-transparent, with the transparency gradually increasing from top to bottom, while the second menu 2902 is semi-transparent with uniform transparency throughout.

[0435] In some embodiments, the display device 200 can be configured to... Figure 30 The process shown leads to the tiered preview page. The specific steps are as follows:

[0436] S3001, in response to the user's first command, enters art mode and displays the art mode application's display page, and displays the first artwork within the display page.

[0437] Step S3001 can be referred to steps S501-S502, and will not be repeated here. It is worth noting that the art mode entered here does not include the art screensaver mode.

[0438] S3002, in response to the user's second command, displays a hierarchical preview page on top of the display page based on the first artwork.

[0439] In some embodiments, the user can input a second command by pressing the confirmation button or the OK button on the control device 100.

[0440] The display device 200 displays a corresponding hierarchical preview page based on the artwork currently displayed on the display page. Specifically, it determines the secondary category to be displayed in the second menu based on the primary and secondary categories to which the currently displayed artwork belongs, as well as the category title that receives focus and the category title that is selected. When the first artwork is currently displayed on the display page, a hierarchical preview page is displayed based on the first artwork.

[0441] The first-level category of the target artwork is selected, the second menu includes the titles of the second-level categories included in the target first-level category, and the title of the target second-level category of the first artwork is the focus, and the preview image list includes preview images of the artworks included in the target second-level categories.

[0442] In some embodiments, the display device 200 can be configured to... Figure 31 The process shown displays a graded preview page based on the first artwork. The specific steps are as follows:

[0443] S3101, retrieve image information of the first artwork.

[0444] The image information includes the primary and secondary categories of the target artwork.

[0445] The process of obtaining image information can be referred to in step S502, and will not be elaborated here.

[0446] S3102, retrieve the artworks included in the target secondary category.

[0447] Based on the secondary category to which each artwork belongs, you can obtain the artwork belonging to the target secondary category.

[0448] S3103, based on the target primary category, display the title of the target primary category as selected, based on the title of the target secondary category, and display a preview image list based on the artworks included in the target secondary category.

[0449] The display device 200 displays the titles of each primary category in the first menu and shows the title of the target primary category as selected, so as to indicate to the user that the primary category to which the first artwork currently displayed belongs is the target primary category.

[0450] The display device 200 displays the titles of the secondary categories included in the target primary category in the second menu, and the title of the target secondary category gains focus to indicate to the user that the secondary category to which the first artwork currently displayed belongs is the target secondary category. Furthermore, by gaining focus on the title of the target secondary category, the user can directly move the focus on the title of each secondary category to quickly switch between the various secondary categories within the target primary category.

[0451] The preview image list includes preview images of artworks under the target's second-level category.

[0452] In some embodiments, if the image information of the first artwork obtained by the display device 200 includes the order of the first artwork in the target secondary category, the preview image list to be displayed first in the second menu can be determined according to the order and the maximum number N of preview images that can be displayed at one time in the preview image list. The preview image list to be displayed first in the second menu includes the preview image of the first artwork, and the preview image of the first artwork is located in the middle position of the preview image list.

[0453] Taking the first art painting as an example of landscape 16, you can refer to... Figure 28 The graded preview page shown above first displays a preview image list 2803 within the second menu 2802, which includes a preview image corresponding to landscape 16. This preview image is located in the middle of the preview image list 2803.

[0454] In other embodiments, if the image information of the first artwork acquired by the display device 200 does not include the order of the first artwork in the target secondary category, the preview image list to be displayed first in the second menu can be determined based on the maximum number N of preview images that can be displayed at one time in the preview image list. This preview image list to be displayed first in the second menu includes preview images of artworks that are equal to N, starting from the first artwork in the target secondary category. This preview image list to be displayed first in the second menu may or may not include preview images of the first artwork.

[0455] Taking the first art painting as an example of landscape 16, you can refer to... Figure 32 The tiered preview page shown above first displays a list of preview images 3202 within the second menu 3201, including preview images for scenery 1, scenery 2, scenery 3, scenery 4, scenery 5, scenery 6, and scenery 7, but does not include the preview image for scenery 16.

[0456] In some embodiments, the art mode application can be configured to display different pages through a multi-level OSD layer structure. Higher-level OSD layers are displayed on top of lower-level OSD layers, with the highest-level OSD layer appearing as the topmost layer and receiving focus.

[0457] The art mode application is configured such that the OSD layer used to display the tiered preview page is at a higher level than the OSD layer used to display the presentation page. Therefore, the tiered preview page will appear on top of the presentation page and will receive focus.

[0458] In this embodiment, the display page can be configured to be displayed on the first-level OSD layer, the hierarchical preview page can be configured to be displayed on the second-level OSD layer, the global preview page (which will be described in detail later) can be configured to be displayed on the third-level OSD layer, and pop-ups, prompts, etc., can be configured to be displayed on the fourth-level OSD layer. The display hierarchy, from bottom to top, is as follows: first-level OSD layer, second-level OSD layer, third-level OSD layer, and fourth-level OSD layer.

[0459] Combination Figure 28 The process of displaying the tiered preview page on top of the main display page can be found in the following reference. Figure 33 .like Figure 33 As shown in Figure ①, display page 3301 is shown on the first-level OSD layer, and hierarchical preview page 3302 is shown on the second-level OSD layer. The second-level OSD layer is located above the first-level OSD layer. The effect of displaying hierarchical preview page 3302 above display page 3301 can be seen in the following example. Figure 33 As shown in ②, since the background of the hierarchical preview page 3302 is transparent, the first artwork displayed in the lower-level display page 3301 can be seen through the background of the hierarchical preview page 3302.

[0460] In some embodiments, when the title of the target secondary category gains focus, the display device 200 may, in response to a user's downward instruction, display a list of preview images including a preview image of the first artwork, gain focus on the first preview image corresponding to the first artwork, and display the title of the target secondary category as selected.

[0461] In some embodiments, the user can input a downward command by pressing the down key on the control device 100.

[0462] In some embodiments, when focus is gained by the title of the target secondary category, if the preview image list first displayed in the second menu includes a preview image of the first artwork, and the preview image of the first artwork is located in the middle of the preview image list, then the display device 200 can directly move the focus to the preview image of the first artwork in response to a downward command. During the aforementioned focus movement, the preview images in the preview image list will not scroll.

[0463] Combination Figure 28 The tiered preview page shown indicates that device 200 responds to downward commands, and can, as... Figure 34 The tiered preview page shown uses the preview image of landscape 16 as the focus (indicated by zooming in on the preview image), and the preview images included in the preview image list remain unchanged. Furthermore, the landscape category is displayed as selected.

[0464] In other embodiments, when focus is gained by the title of the target secondary category, if the preview image list displayed first in the second menu includes preview images of artworks starting from the first artwork in the target secondary category and equal to N, and these preview images do not include the first preview image of the first artwork, then the display device 200, in response to a downward instruction, needs to first display the first preview image containing the first artwork in the preview image list. In the embodiments provided in this application, the process of displaying the first preview image containing the first artwork in the preview image list can be described as follows: scrolling the preview images corresponding to each artwork to the preview image list in sequence according to the order of the artworks. Therefore, the process of displaying the first preview image containing the first artwork in the preview image list can be as follows: scrolling the preview images of each artwork to the preview image list in sequence until the first preview image is scrolled to the middle position of the preview image list, and after the first preview image is displayed in the middle position of the preview image list, the focus is moved to the first preview image.

[0465] Combination Figure 32 The tiered preview page shown displays device 200 responding to downward commands; please refer to it. Figure 34 The tiered preview page shows how to scroll the preview image of landscape 16 to the middle of the preview image list, then move the focus to the preview image of landscape 16, and display the landscape category as selected.

[0466] In some embodiments, the second menu may further include a first information display area, which is used to display the classification information of the secondary category that is selected or focused, and the classification information may include the total number of artworks included in the secondary category, etc.

[0467] You can refer to this. Figure 35 The tiered preview page shown may also include a first information display area 3501. Taking the landscape category as an example, the first information display area 3501 displays the total number of artworks included in the landscape category, such as 30 pieces.

[0468] In some embodiments, preview images are displayed in a horizontal display area in the preview image list, which can be referenced. Figure 28 The preview image list 2803 shown includes a display area for displaying the preview images. As can be seen, each display area is horizontal, i.e., a horizontal display area.

[0469] Taking the first preview image as an example, if the first preview image is in portrait orientation, it can be displayed in the horizontal display area as follows:

[0470] In some embodiments, in order to display the complete first preview image, the first preview image can be scaled down proportionally to make the first preview... Figure 1All items are displayed in the horizontal display frame.

[0471] In some embodiments, to accommodate the size of the display frame, the width of the first preview image can be adapted to the width of the display frame, so that the first preview image can be displayed in full screen within the horizontal display frame. However, the first preview image cannot be fully displayed within the horizontal display frame at once. In this case, key parts of the first preview image can be displayed within the horizontal display frame. For example, if the first preview image is a portrait image, the parts including the face can be displayed within the horizontal display frame.

[0472] When the first preview image gains focus, if the first preview image is vertical and not fully displayed in the horizontal display area at once, the first preview image can be scrolled up and down within the horizontal display area.

[0473] You can refer to this. Figure 36 The hierarchical preview page shown in ① focuses on the preview image of person 14. Because the preview image of person 14 is vertical and cannot be fully displayed within the horizontal display frame, the parts of person 14 that include the face image can be displayed first. This can be done as follows: Figure 36 As shown in ②, the preview image of character 14 is scrolled up and down within the horizontal display frame to show the full content of the preview image of character 14.

[0474] When displaying preview images in a vertical display area in the preview image list, if the first preview image is horizontal, you can refer to the process of scrolling to display the first vertical preview image within the horizontal display frame. In this case, you can scroll left and right within the vertical display frame to display the first preview image.

[0475] In some embodiments, the display device 200 can be configured to... Figure 37 The process shown updates the preview image list in response to the user's selection of a primary category. The specific steps are as follows:

[0476] S3701, in response to a user's instruction to move the focus, moves the focus on the title of the first-level category.

[0477] After entering the tiered preview page, the user can input an upward command by pressing the up button on the control device 100. The display device 200 responds to the upward command and gains focus from the title of the target primary category.

[0478] After the title of the target primary category gains focus, the user can input a command to move the focus using the left or right mouse button on the control device 100. The display device 200 responds to this command by moving the focus to the titles of each primary category.

[0479] S3702, when the title of the first-level category gains focus, retrieve the first and second-level categories included in the first-level category, retrieve the artworks included in the first first and second-level category, and deselect the title of the target first-level category.

[0480] The first-level category is the category that the user wants to browse.

[0481] Based on the mapping relationship between primary and secondary categories, all secondary categories included in the primary category can be obtained, i.e., primary and secondary categories. Furthermore, after obtaining the primary and secondary categories, the first primary and secondary category within each category can be determined. Then, based on the secondary category to which each artwork belongs, the artwork belonging to that first primary and secondary category can be retrieved. After gaining focus on the title of the primary category, the selected state of the title of the target primary category is deselected.

[0482] Combination Figure 28 The tiered preview page shown can, when the art gallery is in focus, respond to the user's command to move the focus, moving the focus on the titles of each primary category. For example, when the photo gallery is in focus, as shown... Figure 38 The tiered preview page shown has the selected art gallery status deselected. It retrieves the secondary categories included in the photo set, such as "My Photos" and "Photo Themes." The first secondary category is "My Photos," which retrieves the artwork included in "My Photos," i.e., the imported photos.

[0483] S3703, Display the titles of the first and second-level categories in the second menu, wherein the title of the first first and second-level category is selected; Update the preview image list, the updated preview image list includes preview images of the artworks included in the first first and second-level category, and the preview image of the first artwork included in the first first and second-level category is displayed at the top of the preview image list; and, Switch the first artwork displayed on the display page to the first artwork included in the first first and second-level category.

[0484] You can refer to this. Figure 38 The tiered preview page, as shown, displays my photos and photo themes in the second menu 3801, with my photos already selected. The display device 200 updates the preview image list, which includes preview images of photos 1 through 5. The first preview image, the artwork (photo 1), is displayed at the top of the list, followed by preview images of photos 2 through 5 in sequence. The display device 200 then switches the landscape 16 displayed on the page to photo 1.

[0485] In some embodiments, when the title of the first primary category receives focus, the display device 200 may respond to a down command input by the user via the down key of the control device 100, receive focus from the title of the first primary category, and display the title of the first primary category as selected.

[0486] In some embodiments, when the first artwork included in the first first secondary category is displayed on the display page, the display device 200 may respond to a down command input by the user via the down key of the control device 100, and the preview image of the first artwork may be focused on, and the title of the first first secondary category may be displayed as selected.

[0487] In some embodiments, the display device 200 can be configured to... Figure 39 The process shown updates the preview image list in response to the user's selection of a secondary category. The specific steps are as follows:

[0488] S3901, in response to a user's instruction to move the focus, moves the focus on the title of the secondary category.

[0489] After entering the hierarchical preview page, the title of the target secondary category gains focus. The user can input a command to move the focus using the left or right mouse button on the control device 100. The display device 200 responds to this command by moving the focus to the title of each secondary category.

[0490] S3902, when the title of the second-level category gains focus, retrieve the artworks included in the second-level category, and display the title of the target second-level category as selected.

[0491] The second-level category is the second-level category that the user wants to browse, which is included in the target first-level category.

[0492] The process of obtaining the artworks included in the second-level category can be referred to in step S3702, which is the process of obtaining the artworks included in the first-level category. It will not be repeated here.

[0493] The display device 200 displays the title of the target secondary category as selected to indicate the secondary category to which the artwork currently displayed on the page belongs.

[0494] S3903, Update the preview image list. The updated preview image list includes preview images of artworks included in the second-level category. The preview image of the first artwork included in the second-level category is displayed at the top of the preview image list.

[0495] Step S3903 can refer to step S3703. After updating the preview image list, the artwork displayed on the page will not be switched according to the updated preview image list.

[0496] Combination Figure 28 The hierarchical preview page shown allows the focus to be moved to the titles of each sub-category in response to user commands when the "Landscape" category gains focus. For example, when the title of the "People" category gains focus, the focus can be moved to the titles of the sub-categories. Figure 40 The tiered preview page shows the landscape category title as selected. It retrieves the artworks included in the people category and updates the preview image list, which now includes preview images for people 1 through 7. The first artwork preview image, i.e., the preview image for person 1, is displayed at the top of the preview image list, followed by preview images for people 2 through 7 in sequence. Landscape 16 is still displayed on the page.

[0497] In some embodiments, the display device 200 can be configured to... Figure 41 The process shown here switches between the displayed artworks on the page. The specific steps are as follows:

[0498] S4101, in response to a user's command to move the focus, moves the focus on each preview image.

[0499] S4102, when the target preview image gains focus, in response to the user's instruction to select the target preview image, the artwork displayed on the display page is switched to the artwork corresponding to the target preview image, and the hierarchical preview page is exited.

[0500] When a user moves their focus to a target preview image that they want to zoom in on, the user can control the display device 200 to select that target preview image. The display device 200 then switches the first artwork displayed on the page to the artwork corresponding to the target preview image and exits the hierarchical preview page.

[0501] After the display device 200 switches the artwork displayed on the page to the artwork corresponding to the target preview image, it starts to rotate through the artwork corresponding to the target preview image.

[0502] You can refer to this. Figure 42 As shown in ①, on the tiered preview page, if the user wants to zoom in on the preview image of landscape 18, they can move the focus to the preview image of landscape 18 and select it. The display device 200 will then... Figure 42 As shown in ②, scenery 18 is displayed on the display page, and the hierarchical preview page is exited.

[0503] In other embodiments, the display device 200 may be in accordance with Figure 43 The process shown here switches between the displayed artworks on the page. The specific steps are as follows:

[0504] S4301, in response to a user's command to move the focus, moves the focus on each preview image.

[0505] S4302, when the target preview image gains focus, if no user operation is detected within a specified time period, the artwork displayed on the page will be switched to the artwork corresponding to the target preview image.

[0506] When the focus moves on the preview image, if the display device 200 does not detect user operation within a specified time period, it means that the focus has been on a certain preview image for a long time. If it stays on the target preview image, the display device 200 will switch the artwork displayed on the display page to the artwork corresponding to the target preview image, but will not exit the hierarchical preview page.

[0507] After the display device 200 switches the artwork displayed on the page to the artwork corresponding to the target preview image, it starts to rotate through the artwork corresponding to the target preview image.

[0508] You can refer to this. Figure 44 The hierarchical preview page shown in ① currently displays scenery 16. If the user moves the focus to the preview image of scenery 18 and there is no operation within a specified time period, such as 1 minute, the display device 200 will... Figure 44 As shown in ②, scenery 18 is displayed on the display page, but the hierarchical preview page is not exited.

[0509] In some embodiments, the art mode application can be configured such that the focus can move freely between secondary categories under the same primary category without the user having to manually switch between secondary categories, thereby achieving seamless switching between secondary categories under the same primary category.

[0510] In some embodiments, the display device 200, in response to a user's instruction to move the focus, can move the focus on the preview image corresponding to the artwork included in the target primary category, which includes all secondary categories.

[0511] Specifically, following the first order of all secondary categories included in the target primary category, which is consistent with the display order of the secondary category titles in the second menu, when the preview image of the first artwork included in the current secondary category gains focus, in response to the user's instruction to move the focus to the left, the preview image list is updated. The updated preview image list includes the preview images of artworks included in the previous primary and secondary categories, and the preview images of artworks included in the previous primary and secondary categories gain focus.

[0512] When the preview image of the last artwork included in the current secondary category gains focus, in response to the user's instruction to move the focus to the right, the preview image list is updated. The updated preview image list includes preview images of artworks included in the next secondary category, and the preview image of the artwork included in the next secondary category gains focus.

[0513] In some embodiments, the art mode application may be configured with a global preview function. The second menu may also be configured with a first arrow, which is displayed in a position corresponding to the preview image list, such as below the preview image list. The first arrow is used to instruct the user to enter the global preview page using a first directional key on the control device 100 that indicates the same direction as the first arrow. For example, if the first arrow is a downward arrow, the user can use the down arrow key on the control device 100 to control the display device 200 to enter the global preview page.

[0514] In some embodiments, when a first artwork is displayed on the display page and focuses on the first preview image, the display device 200, in response to a user's instruction input based on a first directional key, can display a global preview page based on the focused first preview image. This global preview page includes a third menu and a global preview image list. The third menu includes titles of the second-level categories included in the target first-level category, wherein the focus is obtained from the title of the target second-level category. The global preview image list is in a grid format and includes preview images of artworks included in the target second-level categories. Thus, through the global preview page, the user can browse preview images of artworks in each second-level category within the first-level category of the currently displayed artwork.

[0515] In some embodiments, upon entering the global preview page, the first thing displayed is a list of global preview images corresponding to the selected secondary categories in the hierarchical preview page. This initial list of global preview images is equivalent to the preview images displayed when the entire list in the hierarchical preview page is expanded. This ensures consistency between the content displayed on the hierarchical preview page and the global preview page.

[0516] In some embodiments, the global preview page is opaque.

[0517] You can refer to this. Figure 45 The hierarchical preview page shown in Figure ① includes a first arrow 4501, which is displayed below the preview image list 4502. The display device 200 can respond to a user's input via a down arrow key on the control device 100, and display the following on top of the hierarchical preview page: Figure 45 The global preview page shown in ② is a third menu 4503. Taking the currently displayed landscape 16 as an example, the third menu 4503 includes titles for the secondary categories of the art gallery, such as Landscape, Portrait, Modern, Still Life, and Other. The title of the Landscape category is the focal point. The global preview page also includes a global preview image list 4504, which contains preview images of all artworks included in the Landscape category. Taking all artworks included in the Landscape category as Landscapes 1-18 as an example, the global preview image list 4504 includes preview images of Landscapes 1-18.

[0518] In some embodiments, if the global preview image list cannot be displayed all at once on the global preview page, the user can control the display device 200 to scroll and display the global preview image list on the global preview page.

[0519] In some embodiments, when a user controls the display device 200 to scroll through a list of global preview images on a global preview page, a "pin to top" button can be configured on the global preview page to quickly start displaying from the first preview image. Based on this "pin to top" button, the user can control the display device 200 to quickly scroll to the first preview image in the global preview image list.

[0520] You can refer to this. Figure 45 The top button in section ② is 4505.

[0521] In some embodiments, the "Pin to Top" button can always be displayed on the global preview page. Specifically, when the first row of preview images is displayed on the global preview page (i.e., before scrolling through the global preview image list), the "Pin to Top" button can be grayed out to indicate to the user that the first row of preview images is currently displayed and the "Pin to Top" button is unavailable. When the first row of preview images is not displayed on the global preview page (i.e., when scrolling through the global preview image list), the "Pin to Top" button can be ungrabbed.

[0522] In some other embodiments, the "Pin to Top" button can be hidden when the first row of preview images is displayed on the global preview page. The "Pin to Top" button can be displayed when the first row of preview images is not displayed on the global preview page.

[0523] In some embodiments, a user can switch between the artworks displayed on the global preview page. The user can control the display device 200 to move the focus to the target preview image that they want to zoom in on and select that target preview image. The display device 200 exits the global preview page and switches the artwork displayed on the preview page to the artwork corresponding to the target preview image. After switching the artwork displayed on the preview page to the artwork corresponding to the target preview image, the display device 200 starts a slideshow from the artwork corresponding to the target preview image.

[0524] To allow users to customize the displayed artwork, the Art Mode application includes a photo import function. Users can import photos to the display device 200. The Art Mode application's primary category includes a "Photo Collection" category, which can further subdivide into a "My Photos" category. The Art Mode application can configure an import entry point for photos in the preview image list corresponding to the "My Photos" category. Users can then import photos through this entry point. If a user imports photos to the display device 200, the "My Photos" category will include the imported photos (hereinafter referred to as "photos").

[0525] In some embodiments, in Art Mode, the user can control the display device 200 to access the "My Photos" category. Under the "My Photos" category, the display device 200 displays a list of preview images, including preview images of photos and photo import entries. The display device 200 can respond to the user's instruction to select a photo's preview image, exit the hierarchical preview page, switch the displayed artwork to the selected photo, and begin a photo carousel starting from that photo. However, the photo carousel display lacks a personalized style and has a poor visual effect.

[0526] To address the aforementioned issues, the art mode application can be configured with different themes for displaying photos, each corresponding to a different display style. For example, a dynamic album theme might display photos with a fade-in / fade-out effect; a magazine-style theme might display photos in a magazine style with rotation; a collage album theme might add frames to photos with animation; a multi-frame theme might display multiple photos simultaneously with frames for each; and a memory theme might display photos with rotation and zoom. Correspondingly, the photo album category includes secondary categories for photo theme categories, each containing at least one theme. This allows users to choose any theme from at least one to display photos. Displaying photos according to the user's chosen theme better reflects their individuality, and the rich display styles of the themes enhance the visual appeal of the displayed photos.

[0527] In some embodiments, each theme is associated with at least one theme template. The theme template may include an image to be replaced and a background image. The image to be replaced is located on top of the background image. When using the theme template, the image to be replaced can be replaced with a photo, but the background image cannot be replaced with a photo.

[0528] The image to be replaced can be displayed horizontally or vertically. If the width of the image to be replaced is greater than its height, it will be displayed horizontally; if the height of the image to be replaced is greater than its width, it will be displayed vertically.

[0529] The number of images to be replaced is greater than or equal to 1, meaning that the theme template includes at least one image to be replaced, and that the theme template can display at least one photo.

[0530] The image to be replaced can be displayed vertically, horizontally, or at a certain angle.

[0531] The image to be replaced can be located in different positions on the background image.

[0532] If there are multiple images to be replaced, these images may or may not overlap.

[0533] The image to be replaced can be the default image provided by the Art Mode application.

[0534] At least one theme template associated with each theme has a style consistent with the theme's presentation style.

[0535] In some embodiments, different theme templates can be configured for the corresponding theme according to the display direction, quantity, display angle, occlusion relationship, display position, etc. of the images to be replaced.

[0536] For example, you can refer to the dynamic photo album theme. Figure 46 The theme template shown. The Dynamic Album theme can be linked with 14 other theme templates, in order to... Figure 46 As shown in ①, the theme template includes images 4601 and 4602 to be replaced, and a background image 4603. Among them, as... Figure 46 The theme templates shown in ①-④ all include images to be replaced in a horizontal orientation. For example... Figure 46 The theme templates shown in ⑤-⑧ all consist of only one vertical image to be replaced. For example... Figure 46 9th The shown theme templates all include two vertically oriented images to be replaced. For example... Figure 46 middle The theme templates shown all include three vertically arranged images to be replaced.

[0537] The art mode application is configured so that after the user selects a theme, it automatically chooses a suitable target theme template from the associated theme templates and displays the photos according to that target theme template. This target theme template can be matched with the number of photos and the display orientation, thus ensuring the quality and effect of the photo display. Therefore, users only need to select their preferred display style, i.e., the theme, without having to spend time manually matching photos with various theme templates.

[0538] In some embodiments, the display device 200 can be configured to... Figure 47 The process shown displays photos according to their themes, and the specific steps are as follows:

[0539] S4701, in response to the user opening a photo theme category, update the preview image list, the updated preview image list includes preview images of at least one theme.

[0540] Taking the first artwork currently displayed on the display page by the display device 200 as an example, the display device 200 can enter the hierarchical preview page by following steps S3001-S3002, which will not be elaborated here.

[0541] When displaying the rating preview page, the display device 200 can follow... Figure 48 The process shown opens the photo collection category. The specific steps are as follows:

[0542] S4801, in response to a user's instruction to move the focus to the title of a photo album category, gains focus from the title of the photo album category.

[0543] Step S4801 can refer to the process of moving the focus to the title of the target first-level category shown in step S3701, which will not be repeated here.

[0544] S4802, determines whether a theme has been set.

[0545] When the title of a photo collection category gains focus, the display device 200 acquires the secondary categories included in the photo collection category, such as the "My Photos" category and the "Photo Theme" category. The display device 200 also acquires the theme's setting parameters. For example, if the user has previously entered the "Photo Theme" category and used a theme within it to display photos, or has already set a desired theme, the theme's setting parameters include the most recently used theme or a set theme. If the user has not used any themes within the "Photo Theme" category to display photos and has not set a desired theme, the theme's setting parameters include "No Theme". Thus, the display device 200 can determine whether a theme has been set based on the theme's setting parameters. If the setting parameters include the most recently used theme or a set theme, then a theme has been set. If the setting parameters include "No Theme", then no theme has been set.

[0546] In some embodiments, a theme flag can be used to record whether a theme has been set. For example, 0 indicates no theme, and 1-5 represent one of the following themes: dynamic album, magazine style, collage album, multi-frame theme, and memory theme, respectively. Thus, the display device 200 can determine whether a theme has been set by reading the theme flag. Specifically, if the theme flag is 0, no theme is currently set. If the theme flag is a value between 1 and 5, a theme has been set, and the set theme is the one corresponding to the value.

[0547] In some embodiments, the Art Mode application allows configuring photo theme settings on the Art Mode settings page, which can be found in [reference]. Figure 49The art mode settings page shown includes a photo theme setting item 4901. This photo theme setting item 4901 can be a menu item; that is, in response to a user's selection of the photo theme setting item 4901, the display device 200 displays a drop-down menu below it. This drop-down menu includes themes within the photo theme categories, which are the same as those in the graded preview page and in the same order. The user can select the desired target theme from this menu, and accordingly, the display device 200 sets this target theme as the default theme used after entering the photo theme category. Figure 49 As shown, this is a dynamic photo album. The drop-down menu also includes "No Theme." Users can select "No Theme" if they do not wish to display photos using a theme. Correspondingly, the display device 200 will be set to use "No Theme" by default after entering the photo theme category.

[0548] In some embodiments, when displaying a presentation page, the display device 200 may, in response to a user's instruction input via a first button on the control device 100, display a shortcut menu on the presentation page. This shortcut menu contains an entry point to the Art Mode application settings page. The display device 200 may then display the Art Mode application settings page in response to the user's instruction to select this entry point.

[0549] In some embodiments, the first button can be a system application button of the control device 100, that is, a button with default system functions, such as a menu button, a color button, etc.

[0550] In some embodiments, the first button may be a special button of the control device 100, which has no default system function but is a button dedicated to opening the application settings menu.

[0551] In this embodiment of the application, the first button is the menu button, which will be used as an example for specific explanation.

[0552] S4803, if no theme is currently set, the title of my photo category is selected, and after receiving the user's instruction to move the focus to the title of the photo theme category, the title of the photo theme category gains focus to open the photo theme category.

[0553] In some embodiments, the display device 200 can be configured to... Figure 50 The process of displaying the carousel photos shown is as follows:

[0554] S5001, If ​​no theme is currently set, after the title of my photo category is selected, the artwork displayed on the page will be switched to the first photo in my photo category.

[0555] S5002, starting with the first photo, rotates through the photos.

[0556] Steps S5001-S5002 can be referred to step S3703, and will not be repeated here. The carousel process can also be referred to step S503, and will not be repeated here either.

[0557] You can refer to this. Figure 51 The hierarchical preview page shown shows that when the title of the photo collection category gains focus, if no theme is currently set, the title of my photo category will be selected. The preview image list includes preview images of the photos, such as preview images of photos 1-3, and also includes the photo import entry 5101, which is displayed after the last photo.

[0558] If a user wants to import photos, they can do so through import entry 5101.

[0559] If a user wants to use a themed photo display, they can control the focus to move to the title of the photo theme. When the title of the photo theme category gains focus, the display device 200 will open the photo theme category.

[0560] S4804, If a theme has already been set, the title of the photo theme category is selected to open the photo theme category.

[0561] If a theme has already been set, it means that the user prefers to use themes to display photos. Therefore, the title of the photo theme category will be selected first to open the photo theme category.

[0562] After the display device 200 opens the photo theme category, it will update the preview image list. The updated preview image list includes preview images without a theme and preview images for each theme. (See reference below.) Figure 52 The hierarchical preview page shown shows that when the title of a photo album category gains focus, if a theme has been set, the title of the photo theme category will be selected. The preview image list includes a preview image 5201 without a theme, as well as preview images 5202 for the dynamic album theme, 5203 for the magazine theme, 5204 for the collage album theme, 5205 for the multi-frame theme, and 5206 for the memory theme.

[0563] In some embodiments, the preview image for each theme can be a preview image of any theme template included in that theme.

[0564] In other embodiments, the preview image of the currently set theme can be a preview image of the theme template used last time.

[0565] In some embodiments, if a theme has been set, the display device 200 displays photos on the display page according to the currently set theme after the title of the photo theme is selected.

[0566] S4702, in response to the user's instruction to select the first theme, exit the hierarchical preview page and display the photos included in the "My Photo Category" according to the first theme on the display page. Specifically, each photo is displayed according to the target first theme template associated with the first theme.

[0567] The target first theme template includes the number of images to be replaced and their display orientation, which matches the number of photos and their display orientation.

[0568] In some embodiments, the display device 200 can be configured to... Figure 53 The process shown presents photos according to the first theme, and the specific steps are as follows:

[0569] S5301, determine the target first topic template from each first topic template associated with the first topic.

[0570] In some embodiments, a first theme template can be randomly selected from each first theme template as the target first theme template.

[0571] In some embodiments, a target first theme template can be determined based on the number of photos and the display orientation.

[0572] For example, if the number of photos is small, such as less than or equal to the minimum number of photos to be replaced in each first theme template, then the display direction of the photos to be replaced can be determined from the first theme templates with that minimum number of photos to be replaced, and this first theme template can be used as the target first theme template.

[0573] For example, if the number of photos is large, such as exceeding the minimum number of images to be replaced in each first theme template, then the first theme template whose number of images to be replaced is divisible by the number of photos can be selected, and further, the first theme template whose display direction of the images to be replaced can include the display direction of each photo can be selected from these first theme templates, and this first theme template can be used as the target first theme template.

[0574] The display orientation of the image to be replaced can include all display orientations of the photos. This means that if all photos are displayed horizontally, the first theme template may only include horizontally oriented images to be replaced; if all photos are displayed vertically, the first theme template may only include vertically oriented images to be replaced; if all photos are displayed in both horizontal and vertical orientations, the first theme template must include both horizontally oriented and vertically oriented images to be replaced.

[0575] S5302, obtain the first number and display direction of the images to be replaced in the target first theme template.

[0576] Based on the configuration file corresponding to the target primary theme template, the images to be replaced in the target primary theme template can be determined, thereby determining the total number of images to be replaced, i.e., the primary number, and the display direction of each image to be replaced.

[0577] S5303: Each time, a first number of photos to be displayed are selected from the photos to obtain at least one set of photos to be displayed. The display direction of each set of photos to be displayed is the same as the display direction of the image to be replaced, and the photos to be displayed in each set are not repeated.

[0578] Following the logic of matching photos to a fixed theme template, the photos to be displayed are determined. Among them, the photos that will be displayed simultaneously in the target first theme template are the same group of photos to be displayed.

[0579] When matching photos, photos can be selected sequentially to form the first set of photos to be displayed, with no repetition between sets. The photos in a set must meet the display orientation requirements for constituting a set of photos. This requirement includes that the display orientation of the set of photos is consistent with the display orientation of each image to be replaced in the target primary theme template. For example, if the target primary theme template includes one horizontal image to be replaced and one vertical image to be replaced, then only one horizontal photo and one vertical photo can constitute a set of photos to be displayed.

[0580] Taking the first theme as a dynamic photo album as an example, combined with Figure 46 The theme templates shown and Figure 54 The photo shown. If randomly determined... Figure 46 The theme template shown in section ⑤ is the target first theme template. Photos 1-8 can be selected sequentially as a group of photos to be displayed. During the selection process, two photos are selected at a time as a group of photos to be displayed. Based on the display orientation of the images to be replaced and the display orientation of the photos themselves, it can be determined that photos 1 and 2 cannot form a group of photos to be displayed, while photos 1 and 3 can form a group of photos to be displayed. After forming a group of photos to be displayed, the grouping process continues starting from the first unselected photo, i.e., starting from photo 2. Therefore, photos 2 and 4 can form a group of photos to be displayed. Similarly, photos 5 and 6 can form a group of photos to be displayed, and photos 7 and 8 can form a group of photos to be displayed.

[0581] In some embodiments, to ensure that there is no repetition between groups of photos to be displayed, selected photos can be marked or removed from the queue of photos to be selected.

[0582] In some embodiments, when matching photos according to a fixed theme template, there may be photos that are not selected and whose display orientation does not meet the requirements for the display orientation of a group of photos to be displayed. If the unselected photos are forcibly grouped into a group of photos to be displayed, the display orientation of the photos will be different from the display orientation of the images to be replaced, resulting in incomplete photo display.

[0583] To address this issue, in some embodiments, the display device 200 can combine unselected photos with designated images to form multiple sets of photos to be displayed. Each set of photos to be displayed includes at least one unselected photo and at least one designated image, and the display orientation of the at least one unselected photo and the at least one designated image meets the requirements for the display orientation of a set of photos to be displayed.

[0584] by Figure 46 Taking the target first theme template as an example, if the unselected photos include vertically oriented photo 9 and vertically oriented photo 10, then photo 9 and photo 10 cannot be combined into a set of photos to be displayed. The display device 200 can combine vertically oriented photo 9 with a horizontally oriented specified image to form one set of photos to be displayed, and then combine vertically oriented photo 10 with a horizontally oriented specified image to form another set of photos to be displayed. This ensures the display effect of photo 9 and photo 10.

[0585] In other embodiments, the display device 200 may also redetermine a target first theme template based on the unselected photos. The redetermined target first theme template includes a number of images to be replaced and a display orientation that can match the number of unselected photos and a display orientation.

[0586] Taking photos 9 and 10 as examples again, we can re-encode them... Figure 46 The theme template shown in ⑨ or ⑩ will be used as the target primary theme template.

[0587] In some embodiments, when matching photos according to a fixed theme template, there may be a situation where the number of unselected photos is less than the number of images to be replaced in the target first theme template. In this case, there may be empty spaces in the target first theme template.

[0588] To address this issue, in some embodiments, the display device 200 can combine unselected photos with designated images to form a set of photos to be displayed, wherein the total number of unselected photos and designated images is equal to the number of images to be replaced, and the display orientation of the unselected photos and designated images meets the requirements for the display orientation of forming a set of photos to be displayed.

[0589] by Figure 46Taking the target first theme template as an example, if the unselected photos include the vertically oriented photo 9, then if only photo 9 is displayed in the target first theme template, there will be empty spaces. The display device 200 can combine the vertically oriented photo 9 and a horizontally oriented specified image into a set of photos to be displayed, so as to fill the empty spaces in the target first theme template with the specified image.

[0590] In other embodiments, the display device 200 may also redetermine a target first theme template based on the unselected photos. The redetermined target first theme template includes a number of images to be replaced and a display orientation that can match the number of unselected photos and a display orientation.

[0591] In some embodiments, the specified image can be a default image. This default image can be the corresponding image to be replaced in the target first theme template, or it can be an artwork in an art gallery.

[0592] In other embodiments, the designated image can be a selected photograph. Figure 46 Taking the first theme template shown in ⑤ as an example, if the unselected photos include photo 9 which is vertical, then photo 9 and photo 1 can be combined into a set of photos to be displayed, that is, photo 1 can be reused.

[0593] S5304, within the display page, at least one set of photos to be displayed will be shown sequentially according to the target primary theme template.

[0594] After determining the groups of photos to be displayed, exit the hierarchical preview page and display each group of photos in sequence according to the target first theme template on the display page.

[0595] In some embodiments, each group of photos to be displayed is displayed according to a preset display duration. The preset display duration is the duration for displaying each group of photos to be displayed. When the display duration of each group of photos to be displayed reaches the preset display duration, the display switches to the next group of photos to be displayed.

[0596] Taking the grouping of photos 1 and 3 as one group, photos 2 and 4 as another group, photos 5 and 6 as another group, and photos 7 and 8 as another group, with a preset display time of 10 minutes, using the dynamic album theme, photos 1 and 4 are displayed first. After 10 minutes, photos 2 and 4 are displayed. After 10 minutes, photos 5 and 6 are displayed. After 10 minutes, photos 7 and 8 are displayed.

[0597] In other embodiments, the display device 200 may be in accordance with Figure 55 The process shown presents photos according to the first theme, and the specific steps are as follows:

[0598] S5501, group the photos according to their order to obtain at least one group of photos to be displayed, wherein the number of photos to be displayed in each group is the second quantity.

[0599] The second number is less than or equal to the maximum number of images to be replaced in each of the first theme templates.

[0600] The second number of photos to be displayed in each group can be the same or different.

[0601] The order in which the photos are to be displayed in each group is consistent with the order of the photos themselves, and the order in which the photos are to be displayed within each group is also consistent with the order of the photos themselves.

[0602] Each group should present photos that are not repeated.

[0603] S5502, based on the display direction of each group of photos to be displayed, determine the target first theme template corresponding to each group of photos to be displayed from the first theme templates associated with the first theme. The target first theme template includes a second number of replacement images, and the display direction of the second number of replacement images is consistent with the display direction of the corresponding group of photos to be displayed.

[0604] Following the logic of matching a theme template to a fixed set of photos to be displayed, a target first theme template is determined for each set of photos to be displayed. Each target first theme template for a set of photos to be displayed includes a second number of replacement images equal to the number of photos in that set, and the display orientation of these replacement images is consistent with the display orientation of the photos in that set.

[0605] Taking the first theme as a dynamic photo album as an example, combined with Figure 46 The theme templates shown and Figure 54 The photos are shown. If each group includes two photos to be displayed, then the groups are: Photos 1 and 2 as the first group, Photos 3 and 4 as the second group, Photos 5 and 6 as the third group, and Photos 7 and 8 as the fourth group. The first group can correspond to... Figure 46 The theme template shown in ① or ② can be used in the second group. Figure 46 The theme templates shown in ⑨ or ⑩ can be found in the third group. Figure 46 The theme template shown in ⑤ or ⑥ can be found in the fourth group. Figure 46 The theme template shown in ⑤ or ⑥.

[0606] S5503, on the display page, at least one set of photos to be displayed is displayed sequentially according to the target first theme template corresponding to each set of photos to be displayed.

[0607] After determining the groups of photos to be displayed and the corresponding target primary theme templates for each group of photos, exit the hierarchical preview page and display the photos in sequence on the display page according to the target primary theme templates for each group of photos.

[0608] Continuing with the previous example, if the preset display duration is 10 minutes, then the theme template shown in ① or ② of option 46 will be used to display photos 1 and 2. After 10 minutes, the theme template will be switched to... Figure 46 The theme template shown in ⑨ or ⑩ displays photos 3 and 4. After 10 minutes, switch to the one shown. Figure 48 The theme template shown in ⑤ or ⑥ displays photos 5 and 6. After 10 minutes, switch to the one shown in ⑥. Figure 46 The theme template shown in ⑤ or ⑥ displays photos 7 and 8.

[0609] In some embodiments, the code design for establishing the mapping relationship between the photo and the image to be replaced in the target first theme template, and for replacing the image to be replaced with the photo to be displayed when displaying the photo according to the target first theme template based on the mapping relationship, can refer to the following example:

[0610] by Figure 46 Taking the shown theme templates as an example, to quickly achieve the corresponding animation effects, you can use After Effects integrated with the Lottie plugin and export a JSON configuration file. Based on the 14 theme templates, 14 JSON configuration files are generated. Each JSON configuration file includes the image IDs of the images to be replaced and the background image included in the corresponding theme template. These image IDs are used to uniquely identify the corresponding image within the JSON configuration file. Therefore, there is a mapping relationship between the JSON configuration file and the image IDs it contains. The JSON configuration file also includes the attributes of each image, including whether the image can be replaced. The attributes of the images to be replaced include "can be replaced," while the attributes of the background image include "cannot be replaced." The JSON configuration file may also include the height and width of each image to be replaced, as well as its occlusion relationship with other images to be replaced.

[0611] When matching theme templates with photos, the corresponding images to be replaced, along with their dimensions, can be determined based on the JSON configuration file for each theme template. The display orientation can then be determined according to the dimensions of the images to be replaced. The display device 200 can match the photos based on the number of images to be replaced and the display orientation. After determining the matching relationship, a mapping relationship can be established between the image IDs of the images to be replaced in each target theme template and the photos to be displayed, forming a display task queue for each group of photos to be displayed.

[0612] When displaying photos according to the task queue, you can use the `setImageAssetDelegate` method of `LottieAnimationView` to replace the images that need to be replaced with the user-imported images, based on the mapping between image IDs and images. See the following pseudocode for reference:

[0613] / / Call the setImageAssetDelegate method

[0614] lottieAnimationView.setImageAssetDelegate(lottieImageAsset->{

[0615] / / Get image ID

[0616] String imageId=lotttieImageAsset.getId();

[0617] / / Find the image's bitmap from the imageId mapping.

[0618] Bitmap bitmap=imageMapper.get(imageId).getBitmap();

[0619] Return the bitmap;

[0620] })

[0621] After obtaining the LottieImageAsset object through the callback method of setImageAssetDelegate, you can get the image ID of the image to be replaced. The imageMapper stores the mapping relationship between the image ID of the image to be replaced and the bitmap of the photo to be displayed. In this way, returning the mapped bitmap here can realize the dynamic replacement of the image to be replaced.

[0622] When displaying each group of photos to be shown according to the first theme template, it is necessary to load multiple photos included in that group. If the photos have high resolution and high quality, without intervention, the process of real-time decoding and displaying the photos may cause excessive system load due to the limitations of the machine's memory and CPU. In fact, during dynamic display, issues such as dropped frames and stuttering may occur.

[0623] To address the aforementioned issues, in some embodiments, before displaying each group of photos to be displayed according to the target first theme template, the display device 200 can pre-obtain the width and height of the image to be replaced based on the established mapping relationship between the photos to be displayed and the images to be replaced. When actually displaying the photos, the display device 200 can directly compress the corresponding photos based on the obtained width and height of the images to be replaced, and use the compressed photos to replace the images to be replaced. The compression ratio is ensured to maintain distortion.

[0624] In some embodiments, when the display device 200 sequentially displays at least one set of photos to be displayed on the display page, it preloads the photos to be displayed, wherein n sets of photos to be displayed are preloaded each time.

[0625] Preloading photos to be displayed is a producer-consumer relationship. When a photo needs to be displayed, the producer first generates a bitmap of the photo to be displayed, compresses the bitmap of the photo to be displayed to generate a bitmap object and stores it in memory. After the bitmaps of each photo to be displayed are generated, the task is stored in a queue and the LottieImageView (consumer) is notified to start the animation. After the consumer receives the task, it starts to display the photo to be displayed.

[0626] In some embodiments, to prevent the producer from generating too many bitmaps too quickly and causing memory jitter, the producer preloads a maximum of n sets of photos to be displayed, such as 1-3 sets. This effectively ensures the smoothness of displaying each set of photos.

[0627] In some embodiments, in order to ensure that the aspect ratio of the image to be displayed is not distorted, after compressing the image to be displayed according to the height and width of the image to be replaced, the width of the compressed image to be displayed may be greater than the width of the image to be replaced, or the height of the compressed image to be displayed may be greater than the height of the image to be replaced. As a result, when the image to be displayed replaces the image to be replaced and is displayed in the target first theme template, the image to be displayed may be incomplete.

[0628] To solve the above problems, the display device 200 can be configured according to... Figure 56 The process shown illustrates how to handle photos that are too large. The specific steps are as follows:

[0629] S5601, if the height or width of the photo to be displayed is greater than the height or width of the corresponding image to be replaced, then the photo to be displayed will be scrolled when the photo to be displayed is displayed.

[0630] If the height of the photo to be displayed is greater than the height of the corresponding image to be replaced, the photo can be scrolled up and down when it is displayed.

[0631] If the width of the photo to be displayed is greater than the width of the corresponding image to be replaced, the photo can be scrolled left and right when it is displayed.

[0632] In some embodiments, if a set of photos to be displayed includes multiple photos whose height or width is greater than the height or width of the corresponding image to be replaced, the multiple photos to be displayed can be scrolled and displayed simultaneously, or the multiple photos to be displayed can be scrolled and displayed one by one.

[0633] S5602, if the scrolling duration of the photos to be displayed is greater than or equal to the preset display duration of each group of photos to be displayed, then after the photos to be displayed are scrolled, switch to displaying the next group of photos to be displayed.

[0634] The scrolling duration for the photos to be displayed is the total time required for all photos to be scrolled to complete. If the scrolling duration is greater than or equal to the preset display duration, the system will wait for all photos to finish scrolling before switching to displaying the next set of photos, ensuring that all photos to be scrolled can be displayed completely.

[0635] S5603, if the scrolling time of the photos to be displayed is less than the display time, then after the photos to be displayed are scrolled, when the display time of the current group of photos to be displayed reaches the preset display time, switch to displaying the next group of photos to be displayed.

[0636] If the scrolling time is less than the preset display time, after the photos to be displayed have finished scrolling, it is necessary to wait for the display time of that group of photos to reach the preset display time before switching to display the next group of photos, so as to ensure that each group of photos can be displayed for a sufficient amount of time.

[0637] In some embodiments, based on step S4804, if the user controls the focus to move to the title of the photo theme category and then continues to input a downward command, the display device 200, in response to the downward command, will directly display the focus on the preview image of the second theme, which is the currently set theme. When the preview image of the second theme gains focus, if the display device 200 does not detect any user operation within a specified time, it will switch the artwork displayed on the display page to photos displayed according to the second theme. The photos are displayed according to a target second theme template associated with the second theme, and the number and display orientation of the images to be replaced in the target second theme template match the total number and display orientation of all photos. The process of the display device 200 displaying photos according to the second theme can be referenced to the process of displaying photos according to the first theme, and will not be elaborated here.

[0638] In some embodiments, the display device 200 may Figure 57The flowchart shown displays a global preview page related to photo set categorization. The specific steps are as follows:

[0639] S5701, when a preview image in the preview image list gains focus, in response to a user instruction to display the global preview page, identifies the currently selected secondary category;

[0640] In some embodiments, the process of a user inputting commands via the first directional key of the control device 100 can be referred to the description of the global preview function above, and will not be repeated here.

[0641] When the user instructs to enter the global preview page, the display device 200 first identifies the secondary category that is currently selected.

[0642] S5702, if the currently selected secondary category is "My Photos", then proceed to the global preview page.

[0643] The global preview page includes the titles of my photo categories and a global preview image list, which contains preview images of each photo.

[0644] You can refer to the global preview page shown in ② of 45. The titles of my photo categories can be displayed in the third menu. It should be noted that because the global preview page is configured not to display the global preview list corresponding to the photo theme category, the third menu does not include the titles of the photo theme category.

[0645] S5703, if the currently selected secondary category is a photo theme category, the global preview page will not be accessed.

[0646] If the currently selected secondary category is a photo theme category, the global preview page will not be accessed because the Art Mode application is configured not to display the global preview list corresponding to the photo theme category. In some embodiments, the display device 200 may also display a prompt message to inform the user that there is no global preview page for the photo theme category.

[0647] In some embodiments, certain functions provided by the Art Mode application are not suitable for scenarios where photos are displayed by theme. For example, functions related to the carousel function, such as carousel duration, frame background color, and artwork information. The Art Mode application typically configures settings for its provided functions within its settings page. Settings corresponding to functions unsuitable for scenarios where photos are displayed by theme can be referred to as settings unrelated to photo theme classification, or as the first setting. When displaying photos by theme, users can open the Art Mode application settings page to customize various functions. However, if the user sets functions unsuitable for scenarios where photos are displayed by theme, the display device 200 may not respond to the user's settings, or the response may be insignificant or not displayed at all, resulting in a reduced user experience. To avoid these problems, when the display device 200 displays photos by theme, if the Art Mode application settings page is accessed, the first setting is disabled. The disabled state can be grayed out or indicated as unavailable in response to the user's setting instructions.

[0648] In some embodiments, the following example can be used to achieve the corresponding effect of the photo theme:

[0649] To implement rotation angles: You can define a layer, add a rotation attribute to it, and add multiple keyframes on the timeline to control the layer's rotation angle at different points in time. The Lottie library can then interpolate based on this keyframe information during animation playback, achieving a smooth rotation effect. This process can be implemented using the Canvas.rotate API.

[0650] For implementing dynamic animation backgrounds: Dynamic animation backgrounds refer to setting a static background at the bottom layer of the animation playback. This can be achieved by calling the setBackGroundResource method when initializing LottieAnimationView.

[0651] To implement fade-in / fade-out: The effect can be achieved by controlling the animation's progress and setting its opacity (alpha). The progress can be a value from 0 to 1, representing the animation's current position. During the fade-in phase, the progress progresses from 0 to 1, and the animation's opacity gradually changes from completely transparent to completely opaque. During the fade-out phase, the progress progresses from 1 to 0, and the animation gradually changes from completely opaque to completely transparent.

[0652] To achieve zoom in and out: The zoom effect can be controlled by adjusting the animation's scale property. The animation's scale can be divided into x-axis scaling (Scale X) and y-axis scaling (Scale Y). Then, an interpolation algorithm is used to calculate the scale value between each keyframe, generating a smooth zoom effect. Zooming in increases the scale value, while zooming out decreases it.

[0653] For the implementation of the "frame" and "magazine" effects: The "frame" and "magazine" effects add borders to the displayed photos. First, you can define the image resources, position and size of each frame. Then, you can define the size, resource ID and position of the content displayed in each frame. After the animation starts, you can dynamically set the bitmap for the corresponding resource ID.

[0654] In some embodiments, the art mode application may be configured to provide artwork information. This allows users to access artwork information while browsing the artwork. This artwork information may include details about the artwork, such as its author, date, and description.

[0655] When browsing artworks, users typically don't want familiar artworks to have their information displayed on the page for a more immersive viewing experience. However, for unfamiliar artworks, they prefer to have the artwork information displayed to learn more about them.

[0656] In some embodiments, the art mode application can be configured with a switch for displaying artwork information. When the switch is on, i.e., when the artwork information display function is enabled, the artwork information is also displayed when the artwork is shown on the display page. When the switch is off, i.e., when the artwork information display function is disabled, the artwork information is not displayed when the artwork is shown on the display page.

[0657] In some embodiments, the art mode application can configure the on / off switch for the artwork information display function in the application settings menu. This application settings menu is distinct from the system settings menu; it is a settings menu within the art mode application and includes menu items for setting parameters related to the artwork. Parameters set via the application settings menu do not affect the overall parameters of the display device 200. In some embodiments, the application settings menu can be a shortcut menu. When displaying the display page, the display device 200 can open the application settings menu in response to a control command input by the user via the menu key on the control device 100. The application settings menu can be configured to be displayed within the third-level OSD layer, thus appearing above the display page. This allows the user to simultaneously browse the artwork on the display page and observe the effects of settings made through the application settings menu while using the application settings menu.

[0658] You can refer to this. Figure 58 The application settings menu 5801 shown includes a menu item for "artwork information," which is the on / off switch for the artwork information display function. Users can toggle the on / off state of the artwork information display function by selecting the menu item. The current state is displayed on the artwork information menu item, such as... Figure 58 As shown, the "On" option in the artwork information menu indicates that the artwork information display function is currently enabled. If the user selects this menu item, the artwork information display function will be disabled.

[0659] In other embodiments, the art mode application can also configure an on / off switch for the artwork information display function within the art mode settings page. The art mode settings page is the application's settings page, distinct from the system settings page, and is specifically used to set parameters related to artworks. Parameters set on the art mode settings page do not affect the overall parameters of the display device 200. The art mode settings page can be considered the page corresponding to the application settings menu, allowing users to more centrally set various parameters. In some embodiments, the art mode settings page can be configured to be displayed within a third-level OSD page.

[0660] In some embodiments, the entry point to the Art Mode settings page can be configured in the application settings menu, as can be found in [reference needed]. Figure 58 The application settings menu 5801 allows users to access the art mode settings page and adjust the artwork information display settings.

[0661] You can refer to this. Figure 59 The art mode settings page shown includes settings for artwork information, which essentially toggles the artwork information display function. For example... Figure 59 As shown, the artwork information display function is currently enabled.

[0662] If users want to display artwork information along with the artwork, they can enable the artwork information display function through the application settings menu or the art mode settings page. If users do not want to display artwork information along with the artwork, they can disable the artwork information display function through the application settings menu or the art mode settings page.

[0663] In some embodiments, the display device 200 can be configured to... Figure 60 The process shown illustrates the artwork information, and the specific steps are as follows:

[0664] S6001, in response to the user's first command, enters art mode and displays the art mode application's display page, and displays the first artwork within the display page.

[0665] Step S6001 can be referred to steps S501-S502, and will not be repeated here.

[0666] S6002, identifies whether the artwork information display function is currently enabled.

[0667] In some embodiments, the display device 200 can read the status of the artwork information display function from the configuration file of the art mode application. The configuration file may include a flag bit indicating the status of the artwork information display function; if the flag bit is true or 1, it indicates that the artwork information display function is currently enabled; if the flag bit is false or 0, it indicates that the artwork information display function is currently disabled.

[0668] S6003: When the painting information display function is currently enabled, obtain the first painting information of the first artwork and display the first painting information on the display page.

[0669] In some embodiments, there is a mapping relationship between the address of the artwork and the address of the artwork information. The artwork information can be pre-stored in the local storage of the art mode application or stored on a cloud server. Correspondingly, the address of the artwork information can be a local address or a network address. The display device 200 can determine the address of the artwork information corresponding to the artwork based on the mapping relationship and retrieve the corresponding artwork information according to that address.

[0670] To display artwork information on top of a primary view, a second view can be created above the primary view containing the artwork, and the artwork information can be displayed within this second view. Both the primary and secondary views belong to the same OSD layer, but the second view has a higher display priority than the primary view; therefore, the second view obscures the primary view.

[0671] You can refer to this. Figure 61 The display page shown, while displaying the first artwork, also displays information about the first artwork, such as "Geometric Figures, Anonymous, 2024. This landscape painting uses simple geometric figures to represent the landscape."

[0672] S6004: When the artwork information display function is currently disabled, the first artwork information is not displayed on the display page.

[0673] In this way, users will not be distracted by information about the primary artwork when browsing the primary artwork, allowing for a more immersive viewing experience.

[0674] In some embodiments, the art mode application may be configured with the ability to change the display position of the artwork information, allowing the user to select the location where the artwork information is displayed. For example, the art mode application may configure the function to select the display position under the artwork information settings on the art mode settings page. See also... Figure 59 The Art Mode settings page, when the artwork information settings are enabled, displays a setting for the artwork information's display position below the artwork information settings. Based on this setting, users can configure the display position of the artwork information. The Art Mode application can preset at least one display position, such as the bottom left, top left, bottom right, or top right corner. Users can select a display position from the presets.

[0675] For example, to set the display position to the bottom left corner, you can refer to... Figure 61 The displayed page shows information about the first artwork in the lower left corner.

[0676] In some embodiments, the art mode application may be configured to change the font color of the artwork information. The display device 200 may be configured to... Figure 62 The process shown changes the font color of the artwork information. The specific steps are as follows:

[0677] S6201, calculate the average color value of the first artwork.

[0678] The average color value of a first-hand painting can reflect the overall depth and lightness of its colors.

[0679] S6202, Based on the average color value of the first artwork, determine the font color of the first artwork information, and the color difference between the font color and the average color value of the first artwork meets the preset color difference requirements.

[0680] The logic for determining the font color of the first artwork information can be as follows: if the overall color of the first artwork is dark, then a lighter font color is used; if the overall color of the first artwork is light, then a darker font color is used.

[0681] In some embodiments, the code design for adjusting the font color of artwork information can refer to the following example:

[0682] protected void setTextSyle(Bundle savedInstanceState){

[0683] artworkInfo=findViewById(R.id.artwork_info);

[0684] artworkImage=findViewById(R.id.artwork_image);

[0685] / / Load artwork image

[0686] / / artworkImage.setImageResource(R.drawable.artwork);

[0687] / / Adjust text color based on background

[0688] adjustTextColorBasedOnBackground();

[0689] }

[0690] private void adjustTextColorBasedOnBackground(){

[0691] artworkImage.setDrawingCacheEnabled(true);

[0692] Bitmap bitmap=Bitmap.createBitmap(artworkImage.getDrawingCache());

[0693] artworkImage.setDrawingCacheEnabled(false);

[0694] int pixelColor=bitmap.getPixel(bitmap.getWidth() / 2,bitmap.getHeight() / 2);

[0695] int textColor=isColorDark(pixelColor)? Color.WHITE:Color.BLACK;

[0696] artworkInfo.setTextColor(textColor);

[0697] }

[0698] private boolean isColorDark(int color){

[0699] doubledarkness=1-(0.299*Color.red(color)+0.587*Color.green(color)+0.114*Color.blue(color)) / 255;

[0700] return darkness>=0.5;

[0701] }

[0702] S6203, using the font color of the first artwork information, displays the first artwork information on the first artwork.

[0703] In some embodiments, when the artwork information display function is enabled, the display device 200 can, according to Figure 63 The process shown displays the artwork information of the currently displayed artwork on the tiered preview page. The specific steps are as follows:

[0704] S6301, in response to a second user command, displays a tiered preview page on top of the display page, based on the first artwork.

[0705] Step S6301 can be referred to step S3002, and will not be repeated here.

[0706] At this time, the first artwork information of the first artwork will always be displayed on the display page.

[0707] S6302, if the first position of the first artwork information overlaps with the position of the second menu, then the first artwork information is moved to the second position for display, and the second position does not overlap with the position of the second menu.

[0708] The first position of the first artwork information refers to its display position on the display page. Combined with... Figure 61 In the displayed page, the first position of the artwork information is in the bottom left corner. If the second menu is displayed at the bottom of the grading preview page, this first position overlaps with the position of the second menu. This will cause the second menu to obscure the first artwork information displayed on the preview page when the grading preview page is shown.

[0709] To prevent the second menu from obscuring the information of the first artwork, the display position of the first artwork information can be adjusted according to the second menu, moving it to a second position that does not overlap with the position of the second menu. For example, the second position could be above the second menu. (Combined with...) Figure 61 The display page shown can adjust the display position of the first artwork information based on the position of the second menu when displaying the graded preview page. For example, you can refer to... Figure 64 The graded preview page shown has the information for the first painting adjusted to be displayed above the second menu 6401.

[0710] In some embodiments, when displaying a tiered preview page, to avoid an overly cluttered effect due to excessive content, the first artwork information can be replaced with second artwork information, which is a more concise summary of the first artwork information. This minimizes the overall page clutter while displaying the artwork information.

[0711] In some embodiments, when the artwork information display function is currently disabled, artwork information will not be displayed on the artwork when the display page is shown. In this case, if a user wants to view the artwork information, they need to manually enable the artwork information display function, browse the information, and then manually disable it again, which obviously increases the cumbersomeness of the user operation. To make it more convenient for users to browse artwork information at any time, the art mode application can be configured to dynamically display and hide artwork information in response to user key presses.

[0712] In some embodiments, the display device 200 can be configured to... Figure 65 The process shown dynamically displays and hides artwork information. The specific steps are as follows:

[0713] S6501, when displaying the display page, responds to the user's first key press command and identifies whether the first painting information is currently displayed.

[0714] In some embodiments, the user can input key commands by pressing the down key on the control device 100.

[0715] S6502, If the information of the first painting is not currently displayed, then the information of the first painting will be displayed on the display page.

[0716] If the first artwork information is not currently displayed, the display device 200 acquires the first artwork information. This process can be referred to in step S6003 and will not be elaborated here. After acquiring the first artwork information, the first artwork information is displayed on the first artwork. In this way, the user can browse the artwork information at any time.

[0717] S6503, If the information of the first painting is already displayed, then hide the information of the first painting.

[0718] In this way, users can switch off the display of artwork information after browsing the artwork at any time, so as to continue to immerse themselves in the artwork.

[0719] You can refer to this. Figure 66 The process of dynamically showing and hiding artwork information is shown below. Figure 66 As shown in Figure ①, the display device 200 displays the first artwork on the display page, but does not display the first artwork information based on the function of turning off the artwork information display. The display device 200 can respond to the first key input by the user via the down key, such as... Figure 66 As shown in Figure ②, the information of the first painting is displayed on the display page. When displaying the first painting information, if the user inputs the first key command again, the display device 200 responds to the first key command, such as... Figure 66 As shown in ③, the information of the first painting is hidden.

[0720] In some embodiments, when the display device 200 responds to a first button instruction and displays first artwork information, it can also play a first voice message corresponding to the first artwork information, that is, display the first artwork information to the user through voice broadcast.

[0721] In some embodiments, in response to a first button instruction, the display device 200 may play only the first voice corresponding to the first artwork information without displaying the first artwork information, so as to avoid affecting the display of the first artwork.

[0722] In some embodiments, the code design for dynamically displaying and hiding painting information, as well as playing painting information via voice, can refer to the following example:

[0723]

[0724] Use the TextToSpeech class for voice broadcasting

[0725] Initialize TextToSpeech:

[0726] / / Initialize Text-to-Speech

[0727] textToSpeech=new TextToSpeech(this,status->{

[0728] if(status==TextToSpeech.SUCCESS){

[0729] textToSpeech.setLanguage(Locale.US);

[0730] }

[0731] });

[0732] Processing voice broadcasts:

[0733] private void speakText(String text){

[0734] if(textToSpeech!=null&&!text.isEmpty()){

[0735] textToSpeech.speak(text,TextToSpeech.QUEUE_FLUSH,null,null);

[0736] }

[0737] }

[0738] In some embodiments, the art mode application can be configured to display the corresponding artwork information to the user on the preview image when the graded preview page is displayed.

[0739] In some embodiments, a third artwork information may be displayed below each preview image in the second menu. This third artwork information may be relatively brief to meet the size requirements of the second menu. See also... Figure 67 The graded preview page shown displays the corresponding third artwork information below each preview image.

[0740] In some embodiments, if the third artwork information cannot be displayed all at once, the complete third artwork information can be displayed in a scrolling manner when the preview image gains focus. Taking the first preview image gaining focus as an example, the third artwork information corresponding to the first preview image is displayed in a scrolling manner, while the third artwork information of other preview images that have not gained focus remains stationary.

[0741] In some embodiments, to further streamline the hierarchical preview page, only the third artwork information of the preview image that has received focus is displayed.

[0742] In some embodiments, information about a corresponding third painting can be displayed below the first preview image that has gained focus, such as... Figure 68 As shown in ①, the corresponding third artwork information can also be displayed as a floating layer on the first preview image that has gained focus, such as... Figure 68 As shown in ②.

[0743] In some embodiments, the art mode application is also configured with the ability for users to customize the artwork information. For example, the art mode application can configure custom theme categories under photo collection categories, which can be referenced. Figure 69 The tiered preview page shown includes various custom templates for different themes, such as holiday, anniversary, meeting, birthday, and party templates, to meet users' needs for different occasions. Each theme template features different backgrounds, layouts, text, patterns, and animation effects. After selecting a custom template, users can then set the artwork and display effects to be shown within that template.

[0744] In some embodiments, the display device 200 can be configured to... Figure 70 The process shown outlines the steps for setting up artwork information.

[0745] S7001, in response to the user's instruction to select the first custom template, displays the first custom template on the display page.

[0746] The first custom template includes replaceable images and replaceable text. The replaceable image can be replaced with a user-defined image, and the replaceable text can be replaced with user-defined text.

[0747] S7002, in response to the user opening a custom page, displays the custom page on the display page.

[0748] In some embodiments, an entry point for a custom page, such as a custom button, can be configured in the application settings menu. When a user opens the application settings menu by pressing the menu button on device 100, display device 200 identifies whether the user is currently in the "Custom Themes" category. If so, a custom button is displayed in the application settings menu for the user to customize the content. If the user is not in the "Custom Themes" category, the custom button is not displayed in the application settings menu. The user can select the custom button to open the custom page on display device 200.

[0749] In some embodiments, the custom page may include a first add entry and a second add entry. The first add entry is used to add a custom image, and the second add entry is used to add custom text. The number of first add entries is equal to the number of replaceable images in the first custom template. The number of second add entries is equal to the number of replaceable text in the first custom template. This allows users to accurately add custom images and custom text.

[0750] In some embodiments, the custom page can use a first custom template as its background and display a first and a second add entry point at corresponding positions for replaceable images and replaceable text. It can also establish associations between the replaceable image and the first add entry point, and between the replaceable text and the second add entry point. This allows users to add custom images and custom text more intuitively. (See reference...) Figure 71 The custom page shown displays the first addition entry 7102 on the replaceable image 7101 and the second addition entry 7104 on the replaceable text 7103.

[0751] S7003, in response to the user's operation of adding a first custom image and a first custom text, replaces the corresponding replaceable image with the first custom image and replaces the corresponding replaceable text with the first custom text to obtain a custom painting.

[0752] In some embodiments, in response to a user's instruction to select a first add entry, the display device 200 may display a list of images to be selected, which includes images that can be added to a first custom template, and these images may include artworks, photographs, etc.

[0753] In some embodiments, the display device 200 may display an input box in response to a user's instruction to select a second add entry, allowing the user to enter custom text based on the input box.

[0754] After the user selects the first custom image, the display device 200 will use the first custom image to replace the replaceable image in the corresponding position.

[0755] After the user enters the first custom text, the display device 200 will use the first custom text to replace the replaceable text at the corresponding position.

[0756] S7004 displays custom artwork on the display page.

[0757] In some embodiments, the custom page may also include other entry points, such as entry points for adding custom music, adding custom animation effects, and adding filters, thereby enabling more personalized styles. In some embodiments, the code design for implementing custom functionality can refer to the following example:

[0758] protected void setHolidayStyle(String photo, String text){

[0759] ImageView birthdayImage=findViewById(R.id.birthday_image);

[0760] TextView birthdayText=findViewById(R.id.birthday_text);

[0761] / / Load birthday image

[0762] / / birthdayImage.setImageResource(photo);

[0763] / / Set birthday text

[0764] birthdayText.setText(text);

[0765] / / Play background music

[0766] mediaPlayer=MediaPlayer.create(this,R.raw.birthday_music);

[0767] mediaPlayer.start();

[0768] / / Add birthday animation

[0769] Drawable confettiDrawable=ContextCompat.getDrawable(this,R.drawable.confetti_animation);

[0770] birthdayImage.setBackground(confettiDrawable);

[0771] }

[0772] In some embodiments, the artworks included in the immersive atmosphere category are animated, meaning that the artworks in this category are essentially videos. Therefore, when displaying animated artworks in this category, it is necessary to ensure the dynamic effect of the artworks. Displaying this type of animated artwork is equivalent to looping the video file of the animated artwork, which can lead to pauses and black bars between each loop of the video file, resulting in a discontinuous sense of dynamic effect.

[0773] To address the aforementioned issues, multiple video players can be created when playing animated artwork. While one player is playing the current round of video, other video players are preloaded. This allows the next round to start immediately after the current round finishes playing, achieving seamless looping of video files. However, this process requires maintaining multiple video players simultaneously, consuming significant system memory resources. Furthermore, under high system load, frame drops and stuttering may occur.

[0774] To address the aforementioned problems, embodiments of this application provide a method for displaying dynamic artwork, enabling seamless looping playback of the dynamic artwork. The display device 200 can, according to... Figure 72 The process shown demonstrates the creation of a dynamic drawing. The specific steps are as follows:

[0775] In Art Mode, the S7201 listens for and plays a target artwork in the Immersive Atmosphere category, decodes the corresponding video file of the target artwork, and obtains audio and video data.

[0776] In some embodiments, users can select the target artwork to be displayed on the display page by choosing a preview image included in the immersive atmosphere category on the graded preview page.

[0777] In some embodiments, users can select the target artwork to be displayed on the display page by selecting preview images included in the immersive atmosphere category on the global preview page.

[0778] In some embodiments, if the display device 200 displayed an artwork from the immersive atmosphere category when it last exited the art mode or art screensaver mode, it will display that artwork the next time it enters the art mode or art screensaver mode.

[0779] When the display device 200 detects a target artwork in the immersive atmosphere category that needs to be displayed, it first reads the corresponding video file of the target artwork, decapsulates the video file, and obtains basic audio and video streams. By decoding the basic audio stream, audio data in Pulse Code Modulation (PCM) format is obtained. By decoding the basic video stream, video data in YUV color-coded format is obtained.

[0780] S7202, when it is recognized that the video file corresponding to the target artwork is in loop playback mode, calculates the first display timestamp of each audio frame in the audio data in the current loop and the second display timestamp of each video frame in the video data in the current loop based on the loop number corresponding to the current loop and the source length of the video file.

[0781] After entering the immersive atmosphere category, the display device 200 can read the corresponding playback mode, namely the loop playback mode. After recognizing the loop playback mode, the display device 200 creates a video player and marks the video player as loop playback.

[0782] For reference, see display device 200. Figure 73 The process described above involves looping the video file. Specifically, after decomposing the video file to obtain audio and video data, if a loop playback mode is detected, the presentation time stamp (PTS) of the audio and video data can be modified cyclically. This ensures that each audio and video frame has a presentation time stamp consistent with the current loop, thus achieving the effect of looping the video file through a single video player.

[0783] In each iteration, the first display timestamp of each audio frame in the current iteration and the second display timestamp of each video frame in the current iteration can be calculated using the following formula:

[0784] newPTS = currentPTS + current loop count and video file length.

[0785] Wherein, newPTS is the display timestamp of the audio / video frame in the current round, and currentPTS is the display timestamp before the modification, that is, the display timestamp of the previous round.

[0786] In some embodiments, the source length of the video file is the maximum value among the display timestamps of each audio frame in the audio data, the maximum value among the display timestamps of each video frame in the video data, and the maximum value among the video lengths in the file description.

[0787] In some embodiments, in the same loop, the first and second display timestamps of the corresponding audio and video frames are the same, that is, the display timestamps of audio and video frames that require audio-visual synchronization are consistent.

[0788] In each loop, after calculating and modifying the PTS of the audio and video frames, it is determined whether the decoding of the video file has been completed. If not, the decoding of the video file continues. If it has been completed, the loop count is incremented by 1, and the video file is decoded again. For example, the file is sought at the beginning of the video file, and the decoding and playback process is repeated to achieve the loop playback effect.

[0789] S7203, within the display page of the art mode application, loops the video file corresponding to the target artwork. During each playback cycle, the corresponding audio frames are played according to the first display timestamp, and the corresponding video frames are displayed according to the second display timestamp.

[0790] Based on the display timestamps calculated using the above formula, the time difference between the display timestamps of the same audio / video frame in each loop is equal to the video length. Thus, it is possible to directly connect to the first audio / video frame of the video after the last audio / video frame of the video has finished playing, achieving a seamless looping effect.

[0791] The beginning and / or end of audio data in a video file may contain low-amplitude audio data that is difficult for the human ear to distinguish, similar to a silence effect. This audio data can be called silent data. During loop playback, when the silent data is played, a silence effect will occur. If the duration of the silent data is short, it may appear as an audio pause.

[0792] To solve this problem, based on step S7201, the display device 200 can proceed according to... Figure 74 The process shown here for processing silent data involves the following steps:

[0793] S7401 identifies silence data at the beginning and end of audio data.

[0794] For example, the silencedetect filter in ffmpeg can be used to detect the start and end times of silent segments. Alternatively, the API provided by IJKPlayer can be used to detect silent data in PCM data.

[0795] S7402, if the duration of the silence data is less than the silence duration, then remove the silence data from the audio data and remove the data corresponding to the silence data from the video data.

[0796] If the duration of the silence data is less than the actual silence duration, such as 2 seconds, it can be assumed that the silence data will cause a pause during loop playback. Therefore, the silence data is removed from the audio data to prevent it from playing and thus avoid silence. At the same time, the data corresponding to the silence data is removed from the video data to ensure that the remaining video and audio data can still be synchronized.

[0797] S7403: If the duration of the mute data is greater than or equal to the mute duration, then the mute data is retained.

[0798] If the duration of the mute data is greater than or equal to the mute duration, it can be considered that the mute duration is relatively long, and the effect it presents is not a pause effect. Therefore, the mute data is retained.

[0799] In some embodiments, during the loop playback of a video file, the display device 200 can... Figure 75 The process shown ensures audio-visual synchronization of the animated artwork. The specific steps are as follows:

[0800] S7501 locks the faster rendering thread between the audio thread (for rendering audio data) and the video thread (for rendering video data).

[0801] After calculating the first and second display timestamps, in order to ensure audio-visual synchronization, the rendering threads for audio and video data can be locked. The thread that finishes rendering first needs to wait for the other thread to finish rendering before entering the next rendering process.

[0802] S7502 unlocks the faster rendering thread after synchronizing the audio and video threads.

[0803] In some embodiments, when it is detected that the target artwork is being displayed or that a video file is being re-decoded, the faster rendering thread is unlocked.

[0804] If a faster rendering thread exits the display of the target artwork or seeks to the beginning of a video file while waiting for another thread to render, it will be unlocked to prevent blocking.

[0805] In some embodiments, the display device 200 can be configured to... Figure 76 The process shown achieves audio-visual synchronization. The specific steps are as follows:

[0806] When the S7601 uses the audio clock as the primary clock, if it detects that the audio thread is writing audio data too quickly, it will switch to using the video clock as the primary clock.

[0807] The S7602, upon detecting that the speed at which audio data is written in the audio thread is within the speed range, synchronizes the audio thread and the video thread, discards out-of-sync portions of the audio data, and switches the audio clock to the master clock.

[0808] If the audio clock is used as the master clock, when the audio data is written to the audiotrack too quickly, the video data may experience frame drops due to the clock increasing too rapidly. You can first switch the master clock to the video clock, and when the audiotrack write speed is normal, synchronize the audio and video data, discard any out-of-sync data in the audio data, and then switch the master clock back to the audio clock.

[0809] For ease of explanation, the above description has been provided in conjunction with specific embodiments. However, the discussion in some embodiments 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 contents of this disclosure, thereby enabling those skilled in the art to better utilize the embodiments.

Claims

1. A display device, characterized in that, include: The controller is configured as follows: In response to the user's first command, the system enters a first mode and controls the display to show a first application's display page, and displays a first artwork within the display page; In response to a second user command, the system retrieves image information of the first artwork, including a primary target category and a secondary target category to which the first artwork belongs; retrieves artworks included in the secondary target category; displays the title of the primary target category as selected based on the primary target category; gains focus on the title of the secondary target category based on the secondary target category; and controls the display to show a hierarchical preview page including a list of preview images on top of the display page based on the artworks included in the secondary target category. The hierarchical preview page includes a first menu and a second menu, and the background of the hierarchical preview page is transparent, allowing the artworks displayed on the display page to be seen through the background. The first menu includes the title of the primary category, and the second menu displays the titles of the secondary categories included in the primary category that are selected or have gained focus. The second menu also includes the list of preview images, which is in a single-line format and includes preview images of artworks included in the secondary categories that are selected or have gained focus. In this context, the title of the target primary category to which the first artwork belongs is selected, the second menu includes the titles of the secondary categories included in the target primary category, and the focus is obtained by the title of the target secondary category to which the first artwork belongs, and the preview image list includes preview images of the artworks included in the target secondary categories.

2. The display device according to claim 1, characterized in that, The first menu is semi-transparent, with the transparency gradually increasing from top to bottom. The second menu is semi-transparent, with uniform transparency throughout.

3. The display device according to claim 1, characterized in that, The controller is further configured to: display the title of the primary target category as selected based on the primary target category, gain focus on the title of the secondary target category based on the secondary target category, and display the preview image list based on the artworks included in the secondary target category; and then, in addition, configure the controller to: In response to the user's downward command, a list of preview images including the preview image of the first artwork is displayed, and the first preview image corresponding to the first artwork is given focus, and the title of the target secondary category is displayed as selected.

4. The display device according to claim 3, characterized in that, The controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, focuses on the first preview image corresponding to the first artwork, and displays the title of the target secondary category as selected. It is also configured to: When the preview images are displayed in a horizontal display area in the preview image list, if the first preview image is vertical and not all of the first preview image is displayed in the horizontal display area at once, the first preview image is displayed by scrolling up and down in the horizontal display area.

5. The display device according to claim 3, characterized in that, The second menu also includes a first arrow, which is displayed at a position corresponding to the preview image list. The first arrow is used to instruct the user to enter the global preview page by using a first directional key on the control device that has the same direction as the first arrow. The controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork. After displaying the title of the target secondary category as selected, it is further configured to: In response to a user's instruction based on the first directional key, a global preview page is displayed based on the first preview image that has gained focus. The global preview page includes a third menu and a global preview image list. The third menu includes the titles of the second-level categories included in the target first-level category, wherein the title of the target second-level category gains focus. The global preview image list is in an array format and includes preview images of artworks included in the target second-level category.

6. The display device according to claim 1, characterized in that, In response to a second instruction from the user, and based on the first artwork, the controller controls the display to show a tiered preview page on top of the display page, and is further configured to: In response to a user's instruction to move the focus, move the focus on the title of the primary category; When the title of the first-level category gains focus, the first-level category includes the first-level category and the artwork included in the first-level category are obtained, and the selected state of the target first-level category is deselected. The title of the first secondary category is displayed in the second menu, wherein the title of the first secondary category is selected; the preview image list is updated, and the updated preview image list includes preview images of the artworks included in the first secondary category, with the preview image of the first artwork included in the first secondary category displayed at the top of the preview image list; and the artworks displayed on the display page are switched to the first artwork included in the first secondary category.

7. The display device according to claim 1, characterized in that, In response to a second instruction from the user, and based on the first artwork, the controller controls the display to show a tiered preview page on top of the display page, and is further configured to: In response to a user's instruction to move the focus, move the focus on the title of the secondary category; When the title of the second-level category gains focus, the artworks included in the second-level category are retrieved, and the title of the target second-level category is set to selected. The preview image list is updated to include preview images of artworks included in the second-level category.

8. The display device according to claim 3, characterized in that, The controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork. After displaying the title of the target secondary category as selected, it is further configured to: In response to the user's command to move the focus, move the focus on each preview image; When the target preview image gains focus, in response to the user's instruction to select the target preview image, the artwork displayed on the display page is switched to the artwork corresponding to the target preview image, and the hierarchical preview page is exited.

9. The display device according to claim 3, characterized in that, The controller, in response to a user's downward command, displays a list of preview images including a preview image of the first artwork, and gains focus on the first preview image corresponding to the first artwork. After displaying the title of the target secondary category as selected, it is further configured to: In response to the user's command to move the focus, move the focus on each preview image; When the target preview image gains focus, if no user operation is detected within a specified time period, the artwork displayed on the display page will be switched to the artwork corresponding to the target preview image.

10. The display device according to claim 8 or 9, characterized in that, The controller, responding to a user's command to move the focus, moves the focus on each preview image and is configured to: In response to the user's command to move the focus, move the focus on the preview image corresponding to the artwork included in all secondary categories of the target primary category; Specifically, following the first order of all secondary categories included in the target primary category, which is consistent with the display order of the titles of the secondary categories in the second menu, when the preview image of the first artwork included in the current secondary category gains focus, in response to the user's instruction to move the focus to the left, the preview image list is updated. The updated preview image list includes the preview images of artworks included in the previous secondary category, and the preview images of artworks included in the previous secondary category gain focus. When the preview image of the last artwork included in the current secondary category gains focus, in response to a user instruction to move the focus to the right, the preview image list is updated. The updated preview image list includes preview images of the artwork included in the next secondary category, and the preview image of the artwork included in the next secondary category gains focus.

11. A method for hierarchical previewing of artworks, characterized in that, Applied to the display device as described in any one of claims 1-10; The method includes: In response to the user's first command, the system enters a first mode and displays a display page for a first application, and displays a first artwork within the display page; In response to a second user command, the system retrieves image information of the first artwork, including a primary target category and a secondary target category to which the first artwork belongs; retrieves artworks included in the secondary target category; displays the title of the primary target category as selected based on the primary target category; focuses on the secondary target category based on its title; and displays a hierarchical preview page with a list of preview images on top of the display page, based on the artworks included in the secondary target category. The hierarchical preview page includes a first menu and a second menu, with a transparent background that allows the artworks displayed on the display page to be seen through the background. The first menu includes the title of the primary category, and the second menu displays the titles of the secondary categories included in the primary category that are selected or focused. The second menu also includes a preview image list, which is in a single-row format and includes preview images of artworks included in the secondary categories that are selected or focused. In this context, the title of the target primary category to which the first artwork belongs is selected, the second menu includes the titles of the secondary categories included in the target primary category, and the focus is obtained by the title of the target secondary category to which the first artwork belongs, and the preview image list includes preview images of the artworks included in the target secondary categories.

Images