A lazy loading method and system of an EPG page resource

Abstract

The application relates to an EPG page resource lazy loading method and system. After a mobile instruction is received, an IPTV EPG page is entered to obtain focus ids, and the focus ids are assigned into an array. According to the assignment arrangement order, the loading order of a visible area is determined, a focus parent element id set is created, and a mapping relationship is formed between the focus parent element id set and the assignment of the visible area. It is judged whether a user selects a focus. If the focus is selected, resource loading of a visible area where the focus is located is carried out. The method automatically obtains a display area position, automatically updates position information according to changes of the focus, finds all resources of a current display area, hides resource loading of other areas of the visible area, and loads in stages according to an algorithm, so that display speed is improved, output is smooth, content display speed is high, and resource processing efficiency is high.

Description

Technical Field

[0001] This application relates to the field of IPTV EPG technology, and in particular to a lazy loading method and system for EPG page resources. Background Technology

[0002] Currently, most lazy loading solutions for visible area resources in IPTV EPGs rely on browser-based scrolling APIs or obtaining the viewport position to monitor the visible area, or on click-triggered position information. These IPTV EPG lazy loading methods require APIs for window position and scrollbars, click triggers, sliders, and swipes to confirm and determine if the position has changed. However, these methods result in low content display speed and resource processing efficiency.

[0003] Therefore, a lazy loading method for EPG page resources that avoids constant monitoring and can automatically obtain the display area position based on the ID of the focus selected by the TV or set-top box, and automatically update the position information when the focus changes, is urgently needed. Summary of the Invention

[0004] To address the shortcomings of traditional lazy loading schemes for resources in the visible area of ​​Electronic Program Guides (IPTV EPGs)—namely, low content display speed and resource processing efficiency—this application relates to a lazy loading method for EPG page resources, comprising:

[0005] Receive the movement command of the visible area, parse the movement command of the visible area, enter the IPTV EPG page, determine the number of visible areas contained in the IPTV EPG page, and obtain the selected focus ID through the focus parameter in the HTTP address of each visible area;

[0006] Determine if there exists at least one visible area whose HTTP address contains a focus parameter that can retrieve the selected focus ID;

[0007] If the focus parameter in the HTTP address of at least one visible area can obtain the selected focus ID, then each visible area is assigned a value, and all the assigned values ​​of the visible areas are included in an array. In the array, the assigned values ​​are arranged in a preset order, which is used to express the loading order of the visible areas.

[0008] Create a set of focus parent element IDs for each visible area, include all focus parent element IDs of each visible area into the set of focus parent element IDs of that visible area, and establish a mapping relationship between the set of focus parent element IDs of each visible area and the assigned values ​​of that visible area. The resources of each visible area are mapped one-to-one with the focus parent elements of each visible area.

[0009] Determine whether to select the focus based on whether the trigger time of the command that stays in the visible area exceeds a preset interval threshold;

[0010] If the focus is selected, resources for the visible area containing the selected focus will be loaded, while other visible areas will be loaded in segments.

[0011] The process of loading resources for the selected focus area includes:

[0012] Match the ID of the focus and load the selected focus ID first. In the array, the focus in the visible area has the highest loading priority, then the adjacent upper and lower sides are loaded. The upper visible area has a higher priority than the lower visible area. Then the adjacent upper and lower sides are loaded in intervals until both ends are finished. If the focus is in the first visible area, it is loaded in the forward order. Otherwise, if the focus is in the last visible area, it is loaded in the reverse order.

[0013] On the other hand, this application also proposes a lazy loading system for EPG page resources, including:

[0014] The set-top box is used to send logic code for the lazy loading method of EPG page resources as mentioned above;

[0015] The server is connected to the set-top box via a network.

[0016] The display is communicatively connected to the set-top box and is used to receive information parsed by the set-top box and display visual content.

[0017] The remote control is connected to the set-top box and sends control information, including movement commands for the visible area.

[0018] This application relates to a lazy loading method and system for EPG page resources. After receiving a movement command, the system enters the IPTVEPG page, obtains the focus ID, and assigns each focus ID to an array. Based on the order of assignment, the loading order of the visible area is determined. A set of focus parent element IDs is created, and a mapping relationship is formed between these IDs and the assigned values ​​of the visible area. The system determines whether the user has selected a focus. If selected, the system loads the resources of the visible area where the selected focus is located. This method automatically obtains the display area position, automatically updates the position information when the focus changes, finds all resources in the current display area, and loads resources in other areas while the visible area is not loaded. According to the algorithm, the system loads resources in stages quickly, improving the display speed, ensuring smooth output, and achieving high content display speed and resource processing efficiency. Attached Figure Description

[0019] Figure 1 This is a flowchart illustrating a lazy loading method for EPG page resources provided in an embodiment of this application.

[0020] Figure 2 This is a schematic diagram of the structure of a lazy loading system for EPG page resources provided in one embodiment of this application.

[0021] Reference numerals: 10-Server; 20-Set-top box; 30-Display viewing area; 40-Remote control. Detailed Implementation

[0022] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0023] This application provides a lazy loading method for EPG page resources.

[0024] like Figure 1 As shown in one embodiment of this application.

[0025] S100: Receive a movement command for the visible area and parse the movement command for the visible area.

[0026] S200, enter the IPTV EPG page, determine the number of viewable areas contained in the IPTV EPG page, and obtain the selected focus ID through the focus parameter in the HTTP address of each viewable area.

[0027] S300 determines whether there exists at least one visible area whose HTTP address contains a focus parameter that can retrieve the selected focus ID.

[0028] S400, if the focus parameter in the HTTP address of at least one visible area can obtain the selected focus ID, then each visible area is assigned a value, and all the assigned values ​​of the visible areas are included in an array. In the array, each assigned value is arranged according to a preset sorting order, which is used to express the loading order of the visible areas.

[0029] S500: Create a set of focus parent element IDs for each visible area, include all focus parent element IDs of each visible area into the set of focus parent element IDs of that visible area, and establish a mapping relationship between the set of focus parent element IDs of each visible area and the assigned values ​​of that visible area. The resources of each visible area are mapped one-to-one with the focus parent elements of each visible area.

[0030] S600, determine whether the trigger time of the instruction that remains in the visible area exceeds the preset interval threshold.

[0031] S610, if the instruction trigger time that stays in the visible area exceeds the preset interval threshold, then select the focus of the currently staying visible area, load the resources of the visible area where the selected focus is located, and load other visible areas in segments.

[0032] S610 describes loading resources for the visible area where the selected focus is located, including:

[0033] The ID of the parent element of the focus is matched according to the value assigned to each visible area, and the selected focus is loaded first. The visible area where the focus is located has the highest loading priority, and then the adjacent upper and lower sides are loaded. The upper visible area has a higher priority than the lower visible area. Then the adjacent upper and lower sides are loaded in intervals until both ends are finished. If the focus is in the first visible area, it is loaded in the forward order; otherwise, if the focus is in the last visible area, it is loaded in the reverse order.

[0034] Specifically, after receiving the mobile command, the system enters the IPTV EPG page to obtain the focus ID, and assigns the IDs of each focus's parent element to a set. Based on the order of the assignments, the loading order of the visible areas is determined. If the selected visible area is assigned the value 3, and the other visible areas are 1 / 2 / 4 / 5, then the selected visible area is represented in the set as [3,2,4,1,5]. The priority of loading resources is 3 > 2 > 4 > 1 > 5. A set of focus parent element IDs is created, and a mapping relationship is formed between it and the assigned values ​​of the visible areas. It is then determined whether the user has selected a focus. If selected, the resources of the visible area where the selected focus is located are loaded.

[0035] The lazy loading method for EPG page resources involved in this application automatically obtains the display area position and updates the position information automatically when the focus changes. It finds all resources in the current display area, hides the loading of resources in other areas in the visible area, and loads them in stages according to the algorithm to improve the display speed, ensure smooth output, and has high content display speed and resource processing efficiency.

[0036] In one embodiment of this application, prior to step S300, the lazy loading method for the EPG page resources further includes:

[0037] S210, based on the selected focus ID, handles HTTP requests for the current display area, prioritizes and accurately loads image resources, and handles audio and video.

[0038] Specifically, since the resources in the visible area correspond one-to-one with the ID of the focus parent element, and the IDs of the focus parent elements are in a set, by automatically obtaining the IDs of the focus parent elements and displaying the position of the area, resources can be loaded accurately. For example, if the IDs of the focus parent elements of a set of visible areas are hot_list1 and hot_list2, then their set is [hot_list1, hot_list2]. Similarly, another set of focus parent element IDs is [nav_list1, nav_list2, nav_list3]. To automatically obtain the IDs of the focus parent elements, it is only necessary to traverse this set.

[0039] The precise resource loading method involved in this application allows the display area position to be automatically obtained from the focus ID. It does not require continuous monitoring, and the position information is automatically updated when the focus changes. There is no serious performance consumption, and the processing effect is fast and stable.

[0040] In one embodiment of this application, the lazy loading method for the EPG page resources prior to S300 further includes:

[0041] The S220 automatically locates the display area through focus, finds all resources in the current display area, and hides the loading of resources in other areas within the visible area. It enables processing of HTTP requests in the current display area from any position, prioritizing and accurately loading image resources, as well as audio and video.

[0042] Specifically, each focus has an independent and unique code. When traversing the set containing these unique codes, the display area can be automatically located. The resources in the visible area are mapped one-to-one with the IDs of the parent set of the focus in the visible area. Therefore, when the focus is automatically selected, the resources will be automatically supplemented and displayed. When traversing the set [hot_list1, hot_list2] or another set of focus parent element IDs [nav_list1, nav_list2, nav_list3], only hot_list1 or hot_list2 need to be crawled. These focus parent element IDs are mapped to the resources in the visible area. After the focus parent element ID is determined, the resources in the visible area will be automatically displayed.

[0043] The automatic display method involved in this application achieves automatic display by automatically updating the focus position and automatically loading resources. There is no serious performance consumption, the processing effect is fast and stable, and the focus positioning is accurate.

[0044] In one embodiment of this application, after S300, the method further includes:

[0045] S410, If the selected focus ID is not obtained from the focus parameter in the HTTP address of all visible areas, then initialize the focus that has been defined in the first visible area.

[0046] Specifically, if the selected focus ID cannot be obtained from the HTTP address of the visible area, the set of focus parent element IDs is empty, i.e., []. In the empty set of focus parent element IDs, resources cannot be expanded. However, resources still need to be expanded in the visible area. Therefore, only the preset focus can be loaded. This focus is in the first visible area, so its loading order is according to the existing UI layout order.

[0047] The method for initializing the first visible area and reserving the focus involved in this application ensures that the visible area still expands resources even when the selected focus ID cannot be obtained. This enhances the automation level of resource loading, reduces performance consumption, fully meets the requirements of automated processing and efficient display speed, and is highly adaptable to pages with complex content.

[0048] In one embodiment of this application, prior to S500, the lazy loading method for the EPG page resources further includes:

[0049] S420: Uniquely encode the focus parent element ID contained in each visible area, generate the parent element ID for each focus, ensure that all parent element IDs are unique, make the selected focus ID unique, and ensure that each HTTP request, image resource priority loading, audio and video commands are executed only for the focus ID; define the parent element ID as the focus parent element ID.

[0050] Specifically, since each focus has an independent and unique ID, namely [hot_list1, hot_list2] and [nav_list1, nav_list2, nav_list3], when performing resource expansion, it is only necessary to expand the ID unique to the focus, such as hot_list1. The focus parent element of each visible area has a similar ID [comic_list1, comic_list2, comic_list3], and these IDs are located in the set of focus parent elements of the corresponding visible area.

[0051] The resource expansion method involved in this application only requires determining the unique ID of the parent element of the focus, which greatly reduces the amount of code and is very lightweight. Moreover, the processing solution is controlled by JS, so there are no compatibility issues. It can also support the addition of other processing solutions in the core code, supports various callback functions, and has strong extensibility. It is not limited by the browser's native API.

[0052] In one embodiment of this application, S500 further includes;

[0053] S510 renames the different focus parent element ID sets of each visible area with different names, and uses the array's built-in indexOf method to iterate through the focus parent element ID set of each visible area to search for the position containing the focus value, ensuring that the focus ID is accurate.

[0054] Specifically, the `indexOf` method iterates through each visible area array, searching for the position containing the focus value to ensure the accuracy of the focus parent element ID. This accuracy comes from the uniqueness of the ID. The focus parent element ID is actually based on the uniqueness of the focus parent element IDs in each visible area. For example, [hot_list1, hot_list2] and [nav_list1, nav_list2, nav_list3] have unique and independent focus parent element IDs, which are uniquely determined when they are searched.

[0055] The focus ID lookup method described in this application is implemented using an array of the parent elements of the focus in each visible area, making it more comprehensive, efficient, and faster.

[0056] In one embodiment of this application, S600 includes:

[0057] S600a, obtain the preset response time t1, obtain the preset finger click interval t2;

[0058] S600b, obtain the sum of the preset response time t1 and the preset finger click interval t2, and denot it as t3;

[0059] S600c, obtain the product of t3 and the preset natural coefficient Q, and use the product of t3 and the preset natural coefficient Q as the pause time t;

[0060] S600d determines whether the pause time t is greater than the preset pause time threshold. If the pause time t is greater than the preset pause time threshold, then the focus is selected.

[0061] Specifically, the pause time is calculated by multiplying the preset reaction time, the preset finger click interval, and the preset natural coefficient Q. The pause time is compared with a time threshold to determine whether the user has selected the focus. For example, when a movement command for the first visible area is received, the visible area is moved to the corresponding area. At this time, there will be a time when the user stays in the corresponding visible area. This time is used as the basis for judgment.

[0062] The method for determining whether a user has selected the focus point in this application uses a quantitative formula, which effectively improves the accuracy of the determination and provides a foundation for the automated expansion of resources. It does not require real-time monitoring of window position API, scroll bar API, click operation triggers, sliders, sliding operations, etc. to confirm whether the focus point is selected.

[0063] S611 in one embodiment of this application includes:

[0064] S611a: Search the set of parent element IDs of the selected focus within the visible area. Search for the position containing the selected focus within each set of visible areas. If the position is -1, it means no result was found; if the position is greater than -1, it means a result was found. When a page is matched, it is opened first, and the visible area where the focus is located is loaded first, followed by the adjacent upper and lower sides. The upper visible area has a higher priority than the lower visible area. The loading continues on the adjacent upper and lower sides until both ends are finished. If the focus is in the first visible area, it is loaded in ascending order; otherwise, if the focus is in the last visible area, it is loaded in reverse order.

[0065] Specifically, the uniquely encoded focus parent element IDs are matched. The unique code of each focus parent element ID is used to mark each focus parent element, so that the unique code forms a one-to-one mapping relationship with each focus parent element. That is, hot_list1 is the unique code of a focus parent element ID, hot_list2 is the unique code of another focus parent element in the same visible area, and they form a set [hot_list1, hot_list2], which forms a one-to-one mapping relationship with these focus parent element IDs. This array of unique codes is used to search for the position of focus values, etc. In this embodiment, the unique code is used to find the focus value. When the unique code in the focus parent element is found, the focus parent element ID is found. The page is opened first by the focus parent element ID. The visible area where the focus is located on this page has the highest priority. Then other pages are opened in sequence according to the predetermined priority.

[0066] The method for finding the focus and prioritizing the opening of the corresponding page involved in this application adopts the method of marking the focus parent element ID, mapping the parent element ID to a unique code one by one, and forming an array of unique codes. This is conducive to accurately finding the focus and the corresponding focus parent element, enabling the focus to automatically locate the display area, find all resources in the current display area, and prevent the loading of resources in other areas from being loaded in the visible area.

[0067] In one embodiment of this application, after S600, the lazy loading method for the EPG page resources further includes:

[0068] S620: If the trigger time of the instruction that stays in the visible area does not exceed the preset interval value, it is determined whether the HTTP audio, video resource request and image resource request of the current visible area have been completed. If not, the request is canceled, the current page loading is paused, and the request is recorded in the request array. Until the operation exceeds the threshold, the current visible area is lazily loaded and other visible area resources are loaded in the order in the request array.

[0069] Specifically, the loading process of focus resources is relatively slow. For focus resources that are not selected, a stop loading instruction is used. The focus resource is mapped to an array of focus parent element IDs with unique codes. When the stop loading instruction is given, the resource returns to the mapping state. Only when a focus is selected can the resource be retrieved in priority order. Specifically, the visible area resources are mapped to a set of focus parent element IDs, and the set of focus parent element IDs is mapped to an array composed of visible areas. For example, the visible area resources are mapped to hot_list1, and multiple focus parent element IDs, hot_list1-hot_listN, form a set [hot_list1, hot_list2...hot_listN]. Multiple focus parent element IDs in this set are mapped to visible area page 0. When another set of focus parent element IDs is mapped to another mapped visible area page 1, the array of visible areas [0,1] is formed.

[0070] The method for stopping resource retrieval involved in this application is implemented by using an array composed of unique codes of the focus parent set and a one-to-one correspondence between resources and array elements. This design can handle HTTP requests and image resources of the current display area according to any position.

[0071] This application also provides a lazy loading system for EPG page resources.

[0072] like Figure 2 As shown, in one embodiment of this application, the lazy loading system for EPG page resources includes a set-top box 20, a server 10, a display 30, and a remote control 40.

[0073] The set-top box 20 is used to execute the lazy loading method for sending EPG page resources mentioned above. The server 10 is connected to the set-top box 20 via a network. The display 30 is communicatively connected to the set-top box 20. The display 30 is used to receive information parsed by the set-top box 20 and display visual content. The remote control 40 is communicatively connected to the set-top box 20. The remote control 40 is used to issue control information, including movement commands for the visible area.

[0074] Specifically, for the sake of brevity, all devices and apparatuses mentioned in this application are only labeled in this embodiment, and are not repeatedly labeled in the aforementioned lazy loading method for EPG page resources. The set-top box 20 executes the lazy loading method, sends the parsed logic code and the display visible area, and accepts instructions from the remote control. The server 10 retrieves resources and provides data to the set-top box 20.

[0075] The Internet of Things involved in this application completes the execution of lazy loading at the hardware level.

[0076] The embodiments described above are merely examples of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these modifications and improvements all fall within the protection scope of this application.

Claims

1. A lazy loading method for EPG page resources, characterized in that, include: Receive movement instructions for the visible area and parse the movement instructions for the visible area; Enter the IPTV EPG page, determine the number of viewable areas contained within the IPTV EPG page, and obtain the selected focus ID through the focus parameter in the HTTP address of each viewable area; Determine if there exists at least one visible area whose HTTP address contains a focus parameter that can retrieve the selected focus ID; If the focus parameter in the HTTP address of at least one visible area can obtain the selected focus ID, then each visible area is assigned a value, and all the assigned values ​​of the visible areas are included in an array. In the array, the assigned values ​​are arranged in a preset order, which is used to express the loading order of the visible areas. Create a set of focus parent element IDs for each visible area, include all focus parent element IDs of each visible area into the set of focus parent element IDs of that visible area, and establish a mapping relationship between the set of focus parent element IDs of each visible area and the assigned values ​​of that visible area, so that the resources of each visible area are mapped one-to-one with the focus parent elements of each visible area; Determine whether the trigger time of an instruction that remains in the visible area exceeds a preset interval threshold; If the trigger time of the command that stays in the visible area exceeds the preset interval threshold, then select the focus of the currently staying visible area, load the resources of the visible area where the selected focus is located, and load other visible areas in segments; The process of loading resources for the selected focus area includes: The system matches the ID of the parent element of the focus based on the values ​​assigned to each visible area, and prioritizes loading the selected focus. The visible area where the focus is located has the highest loading priority, followed by the adjacent upper and lower sides. The upper visible area has a higher priority than the lower visible area. The loading continues on the adjacent upper and lower sides until both ends are finished. If the focus is in the first visible area, it is loaded in ascending order; otherwise, if the focus is in the last visible area, it is loaded in descending order.

2. The lazy loading method for EPG page resources according to claim 1, characterized in that, The determination of whether the trigger time of the instruction remaining in the visible area exceeds a preset interval threshold includes: Get the preset reaction time t1, and get the preset finger click interval t2; The sum of the preset reaction time t1 and the preset finger click interval t2 is recorded as t3; Obtain the product of t3 and the preset natural coefficient Q, and use the product of t3 and the preset natural coefficient Q as the pause time t; Determine whether the pause time t is greater than the preset pause time threshold; If the pause time t is greater than the preset pause time threshold, then the focus of the currently viewed area is selected.

3. The lazy loading method for EPG page resources according to claim 2, characterized in that, After determining whether there exists at least one visible area whose HTTP address contains a focus parameter that can yield the selected focus ID, the method further includes: If the selected focus ID is not obtained from the focus parameter in the HTTP address of all visible areas, then the focus already defined in the first visible area is initialized.

4. The lazy loading method for EPG page resources according to claim 3, characterized in that, The process involves matching the focus parent element ID based on the assigned values ​​of each visible area, prioritizing the loading of the selected focus ID, with the focus area having the highest loading priority, followed by the adjacent upper and lower sides. The upper visible area has a higher priority than the lower visible area, and so on, with each adjacent upper and lower side loading intermittently until both ends are reached. If the focus is in the first visible area, loading proceeds in ascending order; otherwise, if the focus is in the last visible area, loading proceeds in reverse order. This includes: Search the set of parent element IDs of the selected focus within the visible area. Within each visible area set, search for the position containing the selected focus. A position of -1 indicates no search, while a position greater than -1 indicates a search. When a page is matched, it is opened first, and the visible area where the focus is located is loaded first, followed by the adjacent upper and lower sides. The upper visible area has a higher priority than the lower visible area, and so on, until both ends are loaded. If the focus is in the first visible area, it is loaded in ascending order; otherwise, if the focus is in the last visible area, the pages are opened in reverse order.

5. The lazy loading method for EPG page resources according to claim 4, characterized in that, After determining whether the instruction triggering time remaining in the visible area exceeds a preset interval threshold, the method further includes: If the trigger time of the instruction that remains in the visible area does not exceed the preset interval value, then it is determined whether the HTTP audio, video, and image resource requests for the current visible area have been completed. If not, the requests are canceled, the current page loading is paused, and the information is recorded in the request array. This process continues until the operation exceeds the threshold, at which point the current visible area is lazily loaded, and other visible area resources are loaded in the order of the request array.

6. The lazy loading method for EPG page resources according to claim 5, characterized in that, Before determining whether there exists a focus parameter in the HTTP address of at least one visible area that can retrieve the selected focus ID, the method further includes: Based on the selected focus ID, handle HTTP requests for the currently displayed area, prioritize and accurately load image resources, and handle audio and video.

7. The lazy loading method for EPG page resources according to claim 6, characterized in that, Before determining whether there exists a focus parameter in the HTTP address of at least one visible area that can retrieve the selected focus ID, the method further includes: By automatically locating the display area through focus, it finds all resources in the current display area, blocks the loading of resources in other areas in the visible area, and enables the handling of HTTP requests in the current display area from any position, prioritizing and accurately loading image resources, audio, and video.

8. The lazy loading method for EPG page resources according to claim 7, characterized in that, Before creating a set of focus parent element IDs for each visible area, including all focus parent element IDs of each visible area in the set of focus parent element IDs of that visible area, and establishing a mapping relationship between the set of focus parent element IDs of each visible area and the assigned values ​​of that visible area, and before mapping each resource of each visible area to each focus parent element of that visible area one by one, the method further includes: Each visible area contains a unique ID for the focus parent element, generating an ID for the parent element of each focus. This ensures that no two parent element IDs are repeated, making the selected focus ID unique. This guarantees that each HTTP request, image resource loading, audio, and video command will only be executed for that focus ID. The parent element ID is defined as the focus parent element ID.

9. The lazy loading method for EPG page resources according to claim 8, characterized in that, The process of creating a set of focus parent element IDs for each visible area, including all focus parent element IDs of each visible area in the set of focus parent element IDs of that visible area, and establishing a mapping relationship between the set of focus parent element IDs of each visible area and the assigned values ​​of that visible area, with each resource of a visible area mapped one-to-one with the focus parent element of that visible area, also includes: Each visible area has a different set of focus parent element IDs named differently. The array's built-in indexOf method is used to search for the position containing the focus value in each visible area set, ensuring that the focus ID is accurate.

10. A lazy loading system for EPG page resources, characterized in that, include: A set-top box for executing the lazy loading method sending logic code for EPG page resources as described in any one of claims 1 to 9; The server is connected to the set-top box via a network. The display is communicatively connected to the set-top box and is used to receive information parsed by the set-top box and display visual content. The remote control is connected to the set-top box and sends control information, including movement commands for the visible area.

Images