CN112363683A - Method for supporting multi-layer display of webpage application and display equipment - Google Patents

Method for supporting multi-layer display of webpage application and display equipment Download PDF

Info

Publication number
CN112363683A
CN112363683A CN202011323324.0A CN202011323324A CN112363683A CN 112363683 A CN112363683 A CN 112363683A CN 202011323324 A CN202011323324 A CN 202011323324A CN 112363683 A CN112363683 A CN 112363683A
Authority
CN
China
Prior art keywords
layer
application
display
core
instruction
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202011323324.0A
Other languages
Chinese (zh)
Other versions
CN112363683B (en
Inventor
张小涛
李源
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vidaa Netherlands International Holdings BV
Vidaa USA Inc
Original Assignee
Vidaa Netherlands International Holdings BV
Vidaa USA Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vidaa Netherlands International Holdings BV, Vidaa USA Inc filed Critical Vidaa Netherlands International Holdings BV
Priority to CN202011323324.0A priority Critical patent/CN112363683B/en
Publication of CN112363683A publication Critical patent/CN112363683A/en
Application granted granted Critical
Publication of CN112363683B publication Critical patent/CN112363683B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

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

Abstract

The application discloses a method and display equipment for supporting multi-layer display of webpage application.A controller splits a UI layer of the displayed webpage application into a UI core layer positioned at the bottom of the top layer of an OSD and a UI system layer positioned at the top of the top layer of the OSD; when the designated application is started, the UI core layer sends a layer display instruction to the application management module, and the application management module sends the layer display instruction to the UI system layer, so that the UI system layer displays the system function of the webpage application. Therefore, the method and the display device provided by the invention can perform multi-layer display on the same webpage application, when a new specified application is started, the bottom function of the previously started webpage application is still displayed on the UI core layer (the bottom layer of the top layer of the OSD), and the system function which needs to be displayed on the top layer of the OSD is displayed on the UI system layer, so that different functions of the same webpage application are simultaneously displayed on different layers, and the user experience is improved.

Description

Method for supporting multi-layer display of webpage application and display equipment
Technical Field
The present application relates to the field of multi-layer management technologies, and in particular, to a method and a display device for supporting multi-layer display by a web application.
Background
Along with the rapid development of display equipment, the function of display equipment will be more and more abundant, and the performance is also more and more powerful, and at present, display equipment includes intelligent TV, intelligent STB, intelligent box to and have products of intelligent display screen etc.. To implement different functions, different applications may be preset in the display device, and some applications typically present a user interface using a browser configured in the display device.
When a browser presents a User Interface, a UI (User Interface) layer in a display device needs to be used for displaying, and an application that needs to be displayed by using the UI layer is used as a web application. The web application needs to be displayed On the top layer of an On Screen Display (OSD) in the system for the user to view. However, since the display device may support simultaneous launching of multiple web applications, the newly launched web application may also need to be displayed on the uppermost layer, which may cause the newly launched web application to block functions that need to be displayed on the uppermost layer in the previously launched web application, where the functions that need to be displayed on the uppermost layer in the web application include a volume bar, a device, or a status prompt icon.
It can be seen that, for the same web application, part of functions need to be displayed on the uppermost layer, and part of functions need to be located on the lowermost layer, and generally, only one layer of the same web application is provided, which may result in that different functions of the same web application cannot be displayed at the same time.
Disclosure of Invention
The application provides a method and display equipment for supporting multi-layer display of a webpage application, and aims to solve the problem that the existing webpage application cannot display different functions at the same time.
In a first aspect, the present application provides a display device comprising:
a display configured to present a user interface for displaying different functions of a web application;
the controller is connected with the display and used for splitting a UI layer of a displayed webpage application into a UI core layer and a UI system layer, the UI system layer is positioned at the top layer of the OSD, and the UI system layer is used for displaying system functions which need to be displayed at the top layer of the OSD in the webpage application; the UI core layer is positioned at the bottom layer of the top layer of the OSD and used for displaying the bottom layer functions which need to be displayed at the bottom layer of the top layer of the OSD in the webpage application;
an application management module for realizing communication between the UI core layer and the UI system layer is configured in the controller, and the application management module is configured to:
receiving a layer display instruction sent by the UI core layer, wherein the layer display instruction is an instruction generated after the UI core layer receives an application starting instruction for starting a specified application, and the specified application is an application needing to be displayed on the uppermost layer of the OSD;
responding to the layer display instruction, displaying the specified function of the specified application between the UI core layer and the UI system layer, and sending the layer display instruction to the UI system layer, wherein the layer display instruction is used for indicating the UI system layer to display the system function of the webpage application.
In some embodiments of the present application, the application management module is further configured to:
after the webpage application is started, respectively receiving registration information sent by the UI core layer and the UI system layer;
and establishing communication connection between the local terminal and the UI core layer based on the registration information sent by the UI core layer, and establishing communication connection between the local terminal and the UI system layer based on the registration information sent by the UI system layer.
In some embodiments of the present application, the application management module is further configured to:
receiving request information sent by the UI system layer;
and sending the request information to the UI core layer, and establishing communication connection between the UI system layer and the UI core layer.
In some embodiments of the present application, the application management module is further configured to:
receiving request information sent by the UI core system layer;
and sending the request information to the UI system layer, and establishing the communication connection between the UI core layer and the UI system layer.
In some embodiments of the present application, the application management module is further configured to:
receiving a layer exit instruction sent by the UI core layer;
and sending the layer exit instruction to a UI system layer, wherein the layer exit instruction is used for indicating the UI system layer to cancel the system function of displaying the webpage application.
In some embodiments of the present application, a host process for storing data is configured in the controller, and the host process is configured to:
receiving data storage instructions respectively sent by the UI core layer and the UI system layer;
and responding to each data storage instruction, and respectively storing the data corresponding to the UI core layer and the data corresponding to the UI system layer.
In some embodiments of the present application, the host process is further configured to:
when the stored data changes, generating a data change notice;
and respectively sending the data change notification to the UI core layer and the UI system layer.
In some embodiments of the present application, the host process is further configured to:
receiving a core data change notification carrying changed data sent by the UI core layer, wherein the core data change notification is used for representing that data corresponding to the UI core layer changes;
and responding to the core data change notification, storing changed data carried by the core data change notification, and sending the core data change notification to the UI system layer.
In some embodiments of the present application, the host process is further configured to:
receiving a system data change notification carrying changed data sent by the UI system layer, wherein the system data change notification is used for representing that the data corresponding to the UI system layer changes;
and responding to the system data change notification, storing changed data carried by the system data change notification, and sending the system data change notification to the UI core layer.
In a second aspect, the present application further provides a method for supporting multi-layer display for a web application, which is applied to a controller, where the controller is configured to split a UI layer of a displayed web application into a UI core layer and a UI system layer, the UI system layer is located at a top layer of an OSD uppermost layer, and the UI system layer is configured to display a system function that needs to be displayed at the top layer of the OSD uppermost layer in the web application; the UI core layer is positioned at the bottom layer of the top layer of the OSD and used for displaying the bottom layer functions which need to be displayed at the bottom layer of the top layer of the OSD in the webpage application; the method comprises the following steps:
an application management module in the controller receives a layer display instruction sent by the UI core layer, wherein the layer display instruction is an instruction generated by the UI core layer after receiving an application starting instruction for starting a specified application, and the specified application is an application needing to be displayed on the uppermost layer of the OSD;
responding to the layer display instruction, displaying the specified function of the specified application between the UI core layer and the UI system layer, and sending the layer display instruction to the UI system layer, wherein the layer display instruction is used for indicating the UI system layer to display the system function of the webpage application.
In a third aspect, the present application further provides a storage medium, where the computer storage medium may store a program, and when the program is executed, the program may implement some or all of the steps in the embodiments of the method for supporting multiple layer display for a web application provided by the present application.
As can be seen from the foregoing technical solutions, in the method and the display device for supporting multi-layer display for web page application provided in the embodiments of the present invention, a controller splits a UI layer of a displayed web page application into a UI core layer located at a bottom layer of an uppermost OSD layer and a UI system layer located at a top layer of the uppermost OSD layer; when the specified application is newly started, the UI core layer sends a layer display instruction to the application management module, and the application management module sends the layer display instruction to the UI system layer, so that the UI system layer displays the system function of the webpage application. Therefore, the method and the display device provided by the embodiment of the invention can perform multi-layer display on the same webpage application, when a new specified application is started, the bottom function of the previously started webpage application is still displayed on the UI core layer (the bottom layer of the top layer of the OSD), and the system function which needs to be displayed on the top layer of the OSD is displayed on the UI system layer, so that different functions of the same webpage application are simultaneously displayed on different layers, and the user experience is improved.
Drawings
In order to more clearly explain the technical solution of the present application, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious to those skilled in the art that other drawings can be obtained according to the drawings without any creative effort.
Fig. 1 is a schematic diagram illustrating an operational scenario between a display device and a control apparatus according to some embodiments;
a block diagram of a hardware configuration of a display device 200 according to some embodiments is illustrated in fig. 2;
a block diagram of the hardware configuration of the control device 100 according to some embodiments is illustrated in fig. 3;
a schematic diagram of a software configuration in a display device 200 according to some embodiments is illustrated in fig. 4;
FIG. 5 illustrates an icon control interface display diagram of an application in the display device 200, according to some embodiments;
fig. 6 is a schematic diagram illustrating display of OSD layer priorities and applications according to some embodiments;
fig. 7 is a schematic diagram illustrating display of OSD layer priorities and new applications according to some embodiments;
a display diagram of the Layer1 Layer according to some embodiments is illustrated in fig. 8;
a diagram illustrating new graph-layer relationships according to some embodiments is illustrated in fig. 9;
FIG. 10 is a diagram illustrating the relationship of functional modules in a display device according to some embodiments;
FIG. 11 is a diagram illustrating interaction between applications, according to some embodiments;
FIG. 12 is a flow diagram illustrating a method for a web application to support multiple layer display in accordance with some embodiments;
FIG. 13 is an interaction diagram illustrating a method for a web application to support multiple layer display in accordance with some embodiments;
an interaction diagram for data sharing according to some embodiments is illustrated in fig. 14.
Detailed Description
To make the objects, embodiments and advantages of the present application clearer, the following description of exemplary embodiments of the present application will clearly and completely describe the exemplary embodiments of the present application with reference to the accompanying drawings in the exemplary embodiments of the present application, and it is to be understood that the described exemplary embodiments are only a part of the embodiments of the present application, and not all of the embodiments.
All other embodiments, which can be derived by a person skilled in the art from the exemplary embodiments described herein without inventive step, are intended to be within the scope of the claims appended hereto. In addition, while the disclosure herein has been presented in terms of one or more exemplary examples, it should be appreciated that aspects of the disclosure may be implemented solely as a complete embodiment.
It should be noted that the brief descriptions of the terms in the present application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of the present application. These terms should be understood in their ordinary and customary meaning unless otherwise indicated.
The terms "first," "second," "third," and the like in the description and claims of this application and in the above-described drawings are used for distinguishing between similar or analogous objects or entities and are not necessarily intended to limit the order or sequence of any particular one, Unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances such that the embodiments described herein are, for example, capable of operation in sequences other than those illustrated or otherwise described herein.
Furthermore, the terms "comprises" and "comprising," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a product or device that comprises a list of elements is not necessarily limited to those elements explicitly listed, but may include other elements not expressly listed or inherent to such product or device.
The term "module," as used herein, refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and/or software code that is capable of performing the functionality associated with that element.
The term "remote control" as used in this application refers to a component of an electronic device (such as the display device disclosed in this application) that is typically wirelessly controllable over a relatively short range of distances. Typically using infrared and/or Radio Frequency (RF) signals and/or bluetooth to connect with the electronic device, and may also include WiFi, wireless USB, bluetooth, motion sensor, etc. For example: the hand-held touch remote controller replaces most of the physical built-in hard keys in the common remote control device with the user interface in the touch screen.
The term "gesture" as used in this application refers to a user's behavior through a change in hand shape or an action such as hand motion to convey a desired idea, action, purpose, or result.
A schematic diagram of an operational scenario between a display device and a control apparatus according to some embodiments is illustrated in fig. 1. As shown in fig. 1, a user may operate the display device 200 through the mobile terminal 300 and the control apparatus 100.
In some embodiments, the control apparatus 100 may be a remote controller, and the communication between the remote controller and the display device includes an infrared protocol communication or a bluetooth protocol communication, and other short-distance communication methods, etc., and the display device 200 is controlled by wireless or other wired methods. The user may input a user command through a key on a remote controller, voice input, control panel input, etc. to control the display apparatus 200. Such as: the user can input a corresponding control command through a volume up/down key, a channel control key, up/down/left/right moving keys, a voice input key, a menu key, a power on/off key, etc. on the remote controller, to implement the function of controlling the display device 200.
In some embodiments, mobile terminals, tablets, computers, laptops, and other smart devices may also be used to control the display device 200. For example, the display device 200 is controlled using an application program running on the smart device. The application, through configuration, may provide the user with various controls in an intuitive User Interface (UI) on a screen associated with the smart device.
In some embodiments, the mobile terminal 300 may install a software application with the display device 200 to implement connection communication through a network communication protocol for the purpose of one-to-one control operation and data communication. Such as: the mobile terminal 300 and the display device 200 can establish a control instruction protocol, synchronize a remote control keyboard to the mobile terminal 300, and control the display device 200 by controlling a user interface on the mobile terminal 300. The audio and video content displayed on the mobile terminal 300 can also be transmitted to the display device 200, so as to realize the synchronous display function.
As also shown in fig. 1, the display apparatus 200 also performs data communication with the server 400 through various communication means. The display device 200 may be allowed to be communicatively connected through a Local Area Network (LAN), a Wireless Local Area Network (WLAN), and other networks. The server 400 may provide various contents and interactions to the display apparatus 200. Illustratively, the display device 200 receives software program updates, or accesses a remotely stored digital media library, by sending and receiving information, as well as Electronic Program Guide (EPG) interactions. The server 400 may be a cluster or a plurality of clusters, and may include one or more types of servers. Other web service contents such as video on demand and advertisement services are provided through the server 400.
The display device 200 may be a liquid crystal display, an OLED display, a projection display device. The particular display device type, size, resolution, etc. are not limiting, and those skilled in the art will appreciate that the display device 200 may be modified in performance and configuration as desired.
The display apparatus 200 may additionally provide an intelligent network tv function of a computer support function including, but not limited to, a network tv, an intelligent tv, an Internet Protocol Tv (IPTV), and the like, in addition to the broadcast receiving tv function.
A block diagram of a hardware configuration of a display device 200 according to some embodiments is illustrated in fig. 2.
In some embodiments, at least one of the controller 250, the tuner demodulator 210, the communicator 220, the detector 230, the input/output interface 255, the display 275, the audio output interface 285, the memory 260, the power supply 290, the user interface 265, and the external device interface 240 is included in the display apparatus 200.
In some embodiments, a display 275 receives image signals originating from the first processor output and displays video content and images and components of the menu manipulation interface.
In some embodiments, the display 275, includes a display screen assembly for presenting a picture, and a driving assembly that drives the display of an image.
In some embodiments, the video content is displayed from broadcast television content, or alternatively, from various broadcast signals that may be received via wired or wireless communication protocols. Alternatively, various image contents received from the network communication protocol and sent from the network server side can be displayed.
In some embodiments, the display 275 is used to present a user-manipulated UI interface generated in the display apparatus 200 and used to control the display apparatus 200.
In some embodiments, a driver assembly for driving the display is also included, depending on the type of display 275.
In some embodiments, display 275 is a projection display and may also include a projection device and a projection screen.
In some embodiments, communicator 220 is a component for communicating with external devices or external servers according to various communication protocol types. For example: the communicator 220 may include at least one of a Wifi module 221, a bluetooth module 222, a wired ethernet module 223, and other network communication protocol modules or near field communication protocol modules, and an infrared receiver.
In some embodiments, the display apparatus 200 may establish control signal and data signal transmission and reception with the external control apparatus 100 or the content providing apparatus through the communicator 220.
In some embodiments, the user interface 265 may be configured to receive infrared control signals from a control device 100 (e.g., an infrared remote control, etc.).
In some embodiments, the detector 230 is a signal used by the display device 200 to collect an external environment or interact with the outside.
In some embodiments, the detector 230 includes a light receiver, a sensor for collecting the intensity of ambient light, and parameters changes can be adaptively displayed by collecting the ambient light, and the like.
In some embodiments, the detector 230 may further include an image collector 232, such as a camera, a video camera, etc., which may be configured to collect external environment scenes, collect attributes of the user or gestures interacted with the user, adaptively change display parameters, and recognize user gestures, so as to implement a function of interaction with the user.
In some embodiments, the detector 230 may also include a temperature sensor or the like, such as by sensing ambient temperature.
In some embodiments, the display apparatus 200 may adaptively adjust a display color temperature of an image. For example, the display apparatus 200 may be adjusted to display a cool tone when the temperature is in a high environment, or the display apparatus 200 may be adjusted to display a warm tone when the temperature is in a low environment.
In some embodiments, the detector 230 further comprises a sound collector 231 or the like, such as a microphone, which may be used to receive the user's voice. Illustratively, a voice signal including a control instruction of the user to control the display device 200, or to collect an ambient sound for recognizing an ambient scene type, so that the display device 200 can adaptively adapt to an ambient noise.
In some embodiments, as shown in fig. 2, the input/output interface 255 is configured to allow data transfer between the controller 250 and external other devices or other controllers 250. Such as receiving video signal data and audio signal data of an external device, or command instruction data, etc.
In some embodiments, the external device interface 240 may include, but is not limited to, the following: the interface can be any one or more of a high-definition multimedia interface (HDMI), an analog or data high-definition component input interface, a composite video input interface, a USB input interface, an RGB port and the like. The plurality of interfaces may form a composite input/output interface.
In some embodiments, as shown in fig. 2, the tuning demodulator 210 is configured to receive a broadcast television signal through a wired or wireless receiving manner, perform modulation and demodulation processing such as amplification, mixing, resonance, and the like, and demodulate an audio and video signal from a plurality of wireless or wired broadcast television signals, where the audio and video signal may include a television audio and video signal carried in a television channel frequency selected by a user and an EPG data signal.
In some embodiments, the frequency points demodulated by the tuner demodulator 210 are controlled by the controller 250, and the controller 250 can send out control signals according to user selection, so that the modem responds to the television signal frequency selected by the user and modulates and demodulates the television signal carried by the frequency.
In some embodiments, the broadcast television signal may be classified into a terrestrial broadcast signal, a cable broadcast signal, a satellite broadcast signal, an internet broadcast signal, or the like according to the broadcasting system of the television signal. Or may be classified into a digital modulation signal, an analog modulation signal, and the like according to a modulation type. Or the signals are classified into digital signals, analog signals and the like according to the types of the signals.
In some embodiments, the controller 250 and the modem 210 may be located in different separate devices, that is, the modem 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. Therefore, the set top box outputs the television audio and video signals modulated and demodulated by the received broadcast television signals to the main body equipment, and the main body equipment receives the audio and video signals through the first input/output interface.
In some embodiments, the controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 may control the overall operation of the display apparatus 200. For example: in response to receiving a user command for selecting a UI object to be displayed on the display 275, the controller 250 may perform an operation related to the object selected by the user command.
In some embodiments, the object may be any one of selectable objects, such as a hyperlink or an icon. Operations related to the selected object, such as: displaying an operation connected to a hyperlink page, document, image, or the like, or performing an operation of a program corresponding to the icon. The user command for selecting the UI object may be a command input through various input means (e.g., a mouse, a keyboard, a touch pad, etc.) connected to the display apparatus 200 or a voice command corresponding to a voice spoken by the user.
As shown in fig. 2, the controller 250 includes at least one of a Random Access Memory 251 (RAM), a Read-Only Memory 252 (ROM), a video processor 270, an audio processor 280, other processors 253 (e.g., a Graphics Processing Unit (GPU), a Central Processing Unit 254 (CPU), a Communication Interface (Communication Interface), and a Communication Bus 256(Bus), which connects the respective components.
In some embodiments, RAM 251 is used to store temporary data for the operating system or other programs that are running
In some embodiments, ROM 252 is used to store instructions for various system boots.
In some embodiments, the ROM 252 is used to store a Basic Input Output System (BIOS). The system is used for completing power-on self-test of the system, initialization of each functional module in the system, a driver of basic input/output of the system and booting an operating system.
In some embodiments, upon receiving the power-on signal, the display device 200 starts to power up, and the processor 254 executes system boot instructions in the ROM 252 to copy temporary data of the operating system stored in the memory into the RAM 251 in order to boot or run the operating system. After the start of the operating system is completed, the processor 254 copies the temporary data of the various application programs in the memory to the RAM 251, and then, the various application programs are started or run.
In some embodiments, processor 254 is used to execute operating system and application program instructions stored in memory. And executing various application programs, data and contents according to various interactive instructions received from the outside so as to finally display and play various audio and video contents.
In some demonstrative embodiments, processor 254 may include a plurality of processors. The plurality of processors may include a main processor and one or more sub-processors. A main processor for performing some operations of the display apparatus 200 in a pre-power-up mode and/or operations of displaying a screen in a normal mode. One or more sub-processors for one operation in a standby mode or the like.
In some embodiments, the graphics processor 253 is used to generate various graphics objects, such as: icons, operation menus, user input instruction display graphics, and the like. The display device comprises an arithmetic unit which carries out operation by receiving various interactive instructions input by a user and displays various objects according to display attributes. And the system comprises a renderer for rendering various objects obtained based on the arithmetic unit, wherein the rendered objects are used for being displayed on a display.
In some embodiments, the video processor 270 is configured to receive an external video signal, and perform video processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, image synthesis, and the like according to a standard codec protocol of the input signal, so as to obtain a signal that can be displayed or played on the direct display device 200.
In some embodiments, video processor 270 includes a demultiplexing module, a video decoding module, an image synthesis module, a frame rate conversion module, a display formatting module, and the like.
The demultiplexing module is used for demultiplexing the input audio and video data stream, and if the input MPEG-2 is input, the demultiplexing module demultiplexes the input audio and video data stream into a video signal and an audio signal.
And the video decoding module is used for processing the video signal after demultiplexing, including decoding, scaling and the like.
And the image synthesis module is used for carrying out superposition mixing processing on the GUI signal input by the user or generated by the user and the video image after the zooming processing by the graphic generator so as to generate an image signal for display.
The frame rate conversion module is configured to convert an input video frame rate, such as a 60Hz frame rate into a 120Hz frame rate or a 240Hz frame rate, and the normal format is implemented in, for example, an interpolation frame mode.
The display format module is used for converting the received video output signal after the frame rate conversion, and changing the signal to conform to the signal of the display format, such as outputting an RGB data signal.
In some embodiments, the graphics processor 253 and the video processor may be integrated or separately configured, and when the graphics processor and the video processor are integrated, the graphics processor and the video processor may perform processing of graphics signals output to the display, and when the graphics processor and the video processor are separately configured, the graphics processor and the video processor may perform different functions, respectively, for example, a GPU + frc (frame Rate conversion) architecture.
In some embodiments, the audio processor 280 is configured to receive an external audio signal, decompress and decode the received audio signal according to a standard codec protocol of the input signal, and perform noise reduction, digital-to-analog conversion, and amplification processes to obtain an audio signal that can be played in a speaker.
In some embodiments, video processor 270 may comprise one or more chips. The audio processor may also comprise one or more chips.
In some embodiments, the video processor 270 and the audio processor 280 may be separate chips or may be integrated together with the controller in one or more chips.
In some embodiments, the audio output, under the control of controller 250, receives sound signals output by audio processor 280, such as: the speaker 286, and an external sound output terminal of a generating device that can output to an external device, in addition to the speaker carried by the display device 200 itself, such as: external sound interface or earphone interface, etc., and may also include a near field communication module in the communication interface, for example: and the Bluetooth module is used for outputting sound of the Bluetooth loudspeaker.
The power supply 290 supplies power to the display device 200 from the power input from the external power source under the control of the controller 250. The power supply 290 may include a built-in power supply circuit installed inside the display apparatus 200, or may be a power supply interface installed outside the display apparatus 200 to provide an external power supply in the display apparatus 200.
A user interface 265 for receiving an input signal of a user and then transmitting the received user input signal to the controller 250. The user input signal may be a remote controller signal received through an infrared receiver, and various user control signals may be received through the network communication module.
In some embodiments, the user inputs a user command through the control apparatus 100 or the mobile terminal 300, the user input interface responds to the user input through the controller 250 according to the user input, and the display device 200 responds to the user input through the controller 250.
In some embodiments, a user may enter user commands on a Graphical User Interface (GUI) displayed on the display 275, and the user input interface receives the user input commands through the Graphical User Interface (GUI). Alternatively, the user may input the user command by inputting a specific sound or gesture, and the user input interface receives the user input command by recognizing the sound or gesture through the sensor.
In some embodiments, a "user interface" is a media interface for interaction and information exchange between an application or operating system and a user that enables conversion between an internal form of information and a form that is acceptable to the user. A commonly used presentation form of the User Interface is a Graphical User Interface (GUI), which refers to a User Interface related to computer operations and displayed in a graphical manner. It may be an interface element such as an icon, a window, a control, etc. displayed in the display screen of the electronic device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.
The memory 260 includes a memory storing various software modules for driving the display device 200. Such as: various software modules stored in the first memory, including: at least one of a basic module, a detection module, a communication module, a display control module, a browser module, and various service modules.
The base module is a bottom layer software module for signal communication between various hardware in the display device 200 and for sending processing and control signals to the upper layer module. The detection module is used for collecting various information from various sensors or user input interfaces, and the management module is used for performing digital-to-analog conversion and analysis management.
For example, the voice recognition module comprises a voice analysis module and a voice instruction database module. The display control module is used for controlling the display to display the image content, and can be used for playing the multimedia image content, UI interface and other information. And the communication module is used for carrying out control and data communication with external equipment. And the browser module is used for executing a module for data communication between browsing servers. And the service module is used for providing various services and modules including various application programs. Meanwhile, the memory 260 may store a visual effect map for receiving external data and user data, images of various items in various user interfaces, and a focus object, etc.
Fig. 3 illustrates a block diagram of a configuration of the control apparatus 100 according to some embodiments. As shown in fig. 3, the control apparatus 100 includes a controller 110, a communication interface 130, a user input/output interface, a memory, and a power supply source.
The control device 100 is configured to control the display device 200 and may receive an input operation instruction of a user and convert the operation instruction into an instruction recognizable and responsive by the display device 200, serving as an interaction intermediary between the user and the display device 200. Such as: the user responds to the channel up and down operation by operating the channel up and down keys on the control device 100.
In some embodiments, the control device 100 may be a smart device. Such as: the control apparatus 100 may install various applications that control the display apparatus 200 according to user demands.
In some embodiments, as shown in fig. 1, a mobile terminal 300 or other intelligent electronic device may function similar to the control device 100 after installing an application that manipulates the display device 200. Such as: the user may implement the functions of controlling the physical keys of the device 100 by installing applications, various function keys or virtual buttons of a graphical user interface available on the mobile terminal 300 or other intelligent electronic device.
The controller 110 includes a processor 112 and RAM 113 and ROM 114, a communication interface 130, and a communication bus. The controller is used to control the operation of the control device 100, as well as the communication cooperation between the internal components and the external and internal data processing functions.
The communication interface 130 enables communication of control signals and data signals with the display apparatus 200 under the control of the controller 110. Such as: the received user input signal is transmitted to the display apparatus 200. The communication interface 130 may include at least one of a WiFi chip 131, a bluetooth module 132, an NFC module 133, and other near field communication modules.
A user input/output interface 140, wherein the input interface includes at least one of a microphone 141, a touch pad 142, a sensor 143, keys 144, and other input interfaces. Such as: the user can realize a user instruction input function through actions such as voice, touch, gesture, pressing, and the like, and the input interface converts the received analog signal into a digital signal and converts the digital signal into a corresponding instruction signal, and sends the instruction signal to the display device 200.
The output interface includes an interface that transmits the received user instruction to the display apparatus 200. In some embodiments, the interface may be an infrared interface or a radio frequency interface. Such as: when the infrared signal interface is used, the user input instruction needs to be converted into an infrared control signal according to an infrared control protocol, and the infrared control signal is sent to the display device 200 through the infrared sending module. The following steps are repeated: when the rf signal interface is used, a user input command needs to be converted into a digital signal, and then the digital signal is modulated according to the rf control signal modulation protocol and then transmitted to the display device 200 through the rf transmitting terminal.
In some embodiments, the control device 100 includes at least one of a communication interface 130 and an input-output interface 140. The control device 100 is provided with a communication interface 130, such as: the WiFi, bluetooth, NFC, etc. modules may transmit the user input command to the display device 200 through the WiFi protocol, or the bluetooth protocol, or the NFC protocol code.
A memory 190 for storing various operation programs, data and applications for driving and controlling the control apparatus 200 under the control of the controller. The memory 190 may store various control signal commands input by a user.
And a power supply 180 for providing operational power support to the various elements of the control device 100 under the control of the controller. A battery and associated control circuitry.
In some embodiments, the system may include a Kernel (Kernel), a command parser (shell), a file system, and an application program. The kernel, shell, and file system together make up the basic operating system structure that allows users to manage files, run programs, and use the system. After power-on, the kernel is started, kernel space is activated, hardware is abstracted, hardware parameters are initialized, and virtual memory, a scheduler, signals and interprocess communication (IPC) are operated and maintained. And after the kernel is started, loading the Shell and the user application program. The application program is compiled into machine code after being started, and a process is formed.
A schematic diagram of the software configuration in the display device 200 according to some embodiments is illustrated in fig. 4. Referring to fig. 4, in some embodiments, the system is divided into four layers, which are an Application (Applications) layer (abbreviated as "Application layer"), an Application Framework (Application Framework) layer (abbreviated as "Framework layer"), an Android runtime (Android runtime) and system library layer (abbreviated as "system runtime library layer"), and a kernel layer from top to bottom.
In some embodiments, at least one application program runs in the application program layer, and the application programs can be Window (Window) programs carried by an operating system, system setting programs, clock programs, camera applications and the like; or may be an application developed by a third party developer such as a hi program, a karaoke program, a magic mirror program, or the like. In specific implementation, the application packages in the application layer are not limited to the above examples, and may actually include other application packages, which is not limited in this embodiment of the present application.
The framework layer provides an Application Programming Interface (API) and a programming framework for the application program of the application layer. The application framework layer includes a number of predefined functions. The application framework layer acts as a processing center that decides to let the applications in the application layer act. The application program can access the resource in the system and obtain the service of the system in execution through the API interface
As shown in fig. 4, in the embodiment of the present application, the application framework layer includes a manager (Managers), a Content Provider (Content Provider), and the like, where the manager includes at least one of the following modules: an Activity Manager (Activity Manager) is used for interacting with all activities running in the system; the Location Manager (Location Manager) is used for providing the system service or application with the access of the system Location service; a Package Manager (Package Manager) for retrieving various information related to an application Package currently installed on the device; a Notification Manager (Notification Manager) for controlling display and clearing of Notification messages; a Window Manager (Window Manager) is used to manage the icons, windows, toolbars, wallpapers, and desktop components on a user interface.
In some embodiments, the activity manager is to: managing the life cycle of each application program and the general navigation backspacing function, such as controlling the exit of the application program (including switching the user interface currently displayed in the display window to the system desktop), opening, backing (including switching the user interface currently displayed in the display window to the previous user interface of the user interface currently displayed), and the like.
In some embodiments, the window manager is configured to manage all window processes, such as obtaining a display size, determining whether a status bar is available, locking a screen, intercepting a screen, controlling a display change (e.g., zooming out, dithering, distorting, etc.) and the like.
In some embodiments, the system runtime layer provides support for the upper layer, i.e., the framework layer, and when the framework layer is used, the android operating system runs the C/C + + library included in the system runtime layer to implement the functions to be implemented by the framework layer.
In some embodiments, the kernel layer is a layer between hardware and software. As shown in fig. 4, the core layer includes at least one of the following drivers: audio drive, display drive, bluetooth drive, camera drive, WIFI drive, USB drive, HDMI drive, sensor drive (such as fingerprint sensor, temperature sensor, touch sensor, pressure sensor, etc.), and so on.
In some embodiments, the kernel layer further comprises a power driver module for power management.
In some embodiments, software programs and/or modules corresponding to the software architecture of fig. 4 are stored in the first memory or the second memory shown in fig. 2 or 3.
In some embodiments, taking the magic mirror application (photographing application) as an example, when the remote control receiving device receives a remote control input operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the input operation into an original input event (including information such as a value of the input operation, a timestamp of the input operation, etc.). The raw input events are stored at the kernel layer. The application program framework layer obtains an original input event from the kernel layer, identifies a control corresponding to the input event according to the current position of the focus and uses the input operation as a confirmation operation, the control corresponding to the confirmation operation is a control of a magic mirror application icon, the magic mirror application calls an interface of the application framework layer to start the magic mirror application, and then the kernel layer is called to start a camera driver, so that a static image or a video is captured through the camera.
In some embodiments, for a display device with a touch function, taking a split screen operation as an example, the display device receives an input operation (such as a split screen operation) that a user acts on a display screen, and the kernel layer may generate a corresponding input event according to the input operation and report the event to the application framework layer. The window mode (such as multi-window mode) corresponding to the input operation, the position and size of the window and the like are set by an activity manager of the application framework layer. And the window management of the application program framework layer draws a window according to the setting of the activity manager, then sends the drawn window data to the display driver of the kernel layer, and the display driver displays the corresponding application interface in different display areas of the display screen.
An icon control interface display diagram of an application in display device 200 according to some embodiments is illustrated in fig. 5. In some embodiments, as shown in fig. 5, the application layer containing at least one application may display a corresponding icon control in the display, such as: the system comprises a live television application icon control, a video on demand application icon control, a media center application icon control, an application center icon control, a game application icon control and the like.
In some embodiments, the live television application may provide live television via different signal sources. For example, a live television application may provide television signals using input from cable television, radio broadcasts, satellite services, or other types of live television services. And, the live television application may display video of the live television signal on the display device 200.
In some embodiments, a video-on-demand application may provide video from different storage sources. Unlike live television applications, video on demand provides a video display from some storage source. For example, the video on demand may come from a server side of the cloud storage, from a local hard disk storage containing stored video programs.
In some embodiments, the media center application may provide various applications for multimedia content playback. For example, a media center, which may be other than live television or video on demand, may provide services that a user may access to various images or audio through a media center application.
In some embodiments, an application center may provide storage for various applications. The application may be a game, an application, or some other application associated with a computer system or other device that may be run on the smart television. The application center may obtain these applications from different sources, store them in local storage, and then be operable on the display device 200.
In some embodiments, when a browser (e.g., Cobalt) in a display device is used to display a certain web application, the current browser implementation is generally divided into a core layer and a docking layer; the docking layer is used for docking with specific hardware of the bottom layer (display device) to realize hardware-related functions, such as window drawing and media playing functions. The core layer is connected with the docking layer and is used for realizing communication between the core layer and the underlying platform (display device).
The docking layer is configured with a window interface layer (window API) for calling the underlying platform to create a window, and window creation involves many attributes such as width and height, cache size, layer number (layer), and the like. The layer number (layer) is to finally fuse the contents rendered in different layers together to achieve the purpose of realizing an interface with rich contents.
When the graphics composition is implemented, taking video playing in a Display device as an example, when the video playing is implemented, the graphics composition needs to be implemented by using a video layer and an OSD (On Screen Display) layer, where the video layer is used for implementing the video playing, and the OSD layer is used for displaying a playing picture. For the purpose of graphical display, there is a priority distinction between different layers, with a high priority layer overlaying a low priority layer. For example, the video layer has a lower priority than the OSD layer, i.e., the OSD layer is displayed above the video layer during video playback.
A display diagram of OSD layer priorities and applications according to some embodiments is illustrated in fig. 6. Referring to fig. 6, layers such as Layer0, Layer1, Layer2, etc. are typically included in the OSD Layer, and the priorities of the three layers are Layer 2< Layer 0< Layer1, and the direction of the arrow is the direction of the user's line of sight, i.e., Layer1 is located at the uppermost Layer, and Layer2 is located at the lowermost Layer.
In some embodiments, when a user interface Of an application is presented using a display device, the UI Layer typically used to present the user interface is located at the top Layer (Layer1) and the application is located at the middle Layer (Layer0), where the application may be YouTube, Amazon (a video website), EPOS (Electronic Point Of Sale), etc.
The applications of YouTube, Amazon, EPOS (the three are located at the Layer0 level) and UI (the Layer1 level) are all single-page Web applications (SPA) based on browser implementation, that is, Web applications. Because the related implementation of the Window interface layer (Window API) interface in the docking layer of the Cobalt browser only has a Window with one attribute setting (for example, a hierarchical setting), that is, after the current Cobalt browser is started each time, the created windows are all of the same attribute, that is, each application is displayed at a fixed level after being started. However, as the kinds of applications supported by the display device increase, there may be new applications that are required to be presented in the Layer1 Layer.
Fig. 7 is a schematic diagram illustrating display of OSD layer priorities and new applications according to some embodiments; a display diagram of the Layer1 Layer is illustrated in fig. 8, according to some embodiments. Referring to fig. 7 and 8, the new applications that need to be presented in the Layer1 Layer may be Google Assistant and Amazon APL (Alexa Presentation Language), when the applications of Google Assistant, Amazon APL, and UI Layer are in the same Layer1 Layer.
Although the three are shown in the same Layer (Layer1), there is a fixed order between the three, for example, Google assignment is at the top, APL is the second, UI is at the bottom. As can be seen, such a setting will cause the function that needs to be displayed at the forefront in the UI to be blocked, that is, when a new web application is started, the newly started web application blocks the function that needs to be displayed at the topmost layer in the previously started web application (the application already displayed in the UI layer), where the function that needs to be displayed at the topmost layer in the web application includes a volume bar, a device or a status prompt icon, and the like.
Therefore, to avoid occlusion, the function is displayed on the top Layer of the OSD (i.e., the top Layer of Layer 1). In some embodiments, the function that needs to be displayed on the top layer of the OSD is used as a system function, which is a sub-module in the UI layer, such as a system menu, a volume bar, a device or status prompt icon, etc.
Therefore, due to the characteristic that the existing UI layer is displayed in a single image layer, all functions related to the UI are displayed in the same layer. However, when some functions are required to be displayed on the top layer of the OSD and other functions are still displayed on the bottom layer of the top layer of the OSD, the single-layer display method cannot be implemented, so that different functions of the web application displayed on the UI layer cannot be displayed simultaneously.
Therefore, in order to enable different functions of a web application displayed in a UI layer to be displayed simultaneously, embodiments of the present invention provide a mechanism for supporting multi-layer display of a web application, where a UI layer is split into two different layers, namely, a UI core layer and a UI system layer, and a communication mechanism, a data sharing mechanism and a lifecycle management mechanism for quality inspection of the UI core layer and the UI system layer are provided, so that different functions of the web application can be displayed in the UI core layer and the UI system layer, that is, different functions of the same web application are displayed in multiple layers simultaneously, thereby improving user experience.
In order to implement a mechanism for supporting multi-layer display by a web application, an embodiment of the present invention provides a display device, including: a display configured to present a user interface for displaying different functions of a web application; the controller is connected with the display and is used for splitting a UI layer of the displayed webpage application into a UI Core layer (UI-Core) and a UI System layer (UI-System) so as to perform different functions of the multi-layer display webpage application. The displayed web application refers to a previously started web application, namely an application which is presented at the forefront in a user interface of a display and can be seen by a user.
A schematic diagram of a new graph-layer relationship is illustrated in fig. 9, in accordance with some embodiments. Referring to fig. 9, the UI kernel Layer is located at the bottom of the top Layer of the OSD (i.e., Layer1), which is APL and Google asset, respectively, and the UI system Layer is located at the top Layer of the OSD (i.e., Layer 1).
In some embodiments, the UI system layer is located at a top layer of the OSD, and the UI system layer is used for displaying system functions required to be displayed at the top layer of the OSD in the web application; the UI core layer is positioned at the bottom layer of the top layer of the OSD and used for displaying bottom layer functions which need to be displayed at the bottom layer of the top layer of the OSD in the webpage application.
After splitting the UI layer into a UI core layer and a UI system layer, in some embodiments, the UI core layer and the UI system layer interact with each other through an APM (Application Program Manager) and a TV Main process for facilitating communication.
A relationship diagram of functional modules in a display device according to some embodiments is illustrated in fig. 10. Referring to fig. 10, when a certain web application is displayed in the UI layer, that is, the UI system layer and the UI core layer of the web application are displayed in the browser displayed in the display, new applications Google Assistant and Amazon APL are started, at this time, the display priorities of the four functions of the UI core layer, the UI system layer, the Google Assistant and the Amazon APL are: UI System layer > Google Assistant > Amazon APL > UI core layer. Window Window1.1 corresponding to the UI system layer is positioned at the forefront, window Window1.4 corresponding to the UI core layer is positioned at the rearmost, and windows Window1.2 and Window1.3 corresponding to Google Assistant and Amazon APL respectively are sequentially positioned between window Window1.1 and window Window1.4.
For control and data transmission, the UI kernel layer, the UI system layer, the Google assist and the Amazon APL all need to interact with a controller in the display device through the application management module and the main process. The controller in the display device is used as a bottom platform and is respectively connected with the application management module and the main process, so that the controller transmits data or notification, instructions and the like to the application management module and the main process.
The UI core layer and the UI system layer can not be directly interacted, and data transmission or control is carried out by means of the application management module and the main process. When the UI core layer requests the UI system layer to realize a certain function, the UI core layer sends a request/instruction to the application management module, and the application management module forwards the request/instruction to the UI system layer so as to establish the communication between the UI core layer and the UI system layer; when the UI system layer requests the UI core layer to realize a certain function, the UI system layer sends a request/instruction to the application management module, and the application management module forwards the request/instruction to the UI core layer so as to establish communication between the UI system layer and the UI core layer; therefore, the UI core layer and the UI system layer are communicated through the application management module.
In order to ensure real-time interaction between the UI core layer and the UI system layer and accurately respond to the corresponding functions, data synchronization between the UI core layer and the UI system layer is required to implement data sharing. To this end, in some embodiments, data sharing between the UI core layer and the UI system layer is achieved using a host process. The UI core layer sends the corresponding real-time data to the main process for storage, and the UI system layer also sends the corresponding real-time data to the main process for storage. All data required by the display device for presenting the intelligent television function, including channel information, program information, volume information, personalized setting parameters and the like, are stored in the main process.
The data stored in the main process is accessible to all web applications configured in the display device, and the application accesses the data in two ways including, but not limited to: one is that each web application establishes communication connection with the main process, and can actively acquire data stored in the main process; and the other is that when the data stored in the main process changes, the corresponding UI core layer and the UI system layer of each webpage application can be informed in real time, so that the UI core layer and the UI system layer can update corresponding data in time, and the UI picture effect is ensured. The data transfer process and the process of sending the request/instruction can be seen in the solid line portion of fig. 10.
When a new application is started, such as Google Assistant and Amazon APL, the application management module controls the display of the Google Assistant and the Amazon APL, namely the display layer position of the Google Assistant and the Amazon APL is controlled, so that a plurality of webpage applications are displayed by a plurality of layers at the same time, and the sequential display of the webpage applications on different layers is ensured. The control process can be seen in the dashed line in fig. 10.
Therefore, when the mechanism that the webpage application supports multi-layer display is executed, the display device provided by the embodiment of the invention can support the display of different functions of the same webpage application on different layers, and can also support the sequential display of multiple webpage applications on different layers, so that the user experience is improved.
An interaction diagram between applications according to some embodiments is illustrated in fig. 11. And performing real-time interaction between the UI core layer and the UI system layer, wherein the UI core layer and the UI system layer are required to establish a connection relation with the application management module respectively. In some embodiments, in establishing the connection relationship, the application management module is further configured to:
step 011, after the web application is started, respectively receiving the registration information sent by the UI core layer and the UI system layer.
Step 012, establishing a communication connection between the local terminal and the UI core layer based on the registration information transmitted by the UI core layer, and establishing a communication connection between the local terminal and the UI system layer based on the registration information transmitted by the UI system layer.
When a certain web application has been launched in the display device, a user interface of the web application is presented in the display. The method comprises the steps that a controller in the display device divides a UI layer used for presenting a user interface of the web application into a UI core layer and a UI system layer, after the display device is started and the web application is started, the controller starts an application management module and simultaneously starts the UI core layer and the UI system layer corresponding to the web application.
Referring to fig. 11 (a), after the UI core layer and the UI system layer of the same web application are started, corresponding registration information is respectively sent to the application management module to establish connection with the application management module, so as to implement communication between the UI core layer and the UI system layer. The registration information comprises a registration mode, an object, state information and the like, wherein the registration mode is used for representing a registration means which can be supported by the UI core layer and the UI system layer and the application management module respectively; objects are used to convey messages, as aggregates of data, providing an interface to send and receive messages; the state information comprises the starting states of the UI kernel layer and the UI system layer, and the UI kernel layer and the UI system layer send the state information to the application management module to inform the application management module that the UI layer is started.
After the application management module receives the registration information of the UI kernel layer, the communication connection between the application management module and the UI kernel layer can be established; after the application management module receives the registration information of the UI system layer, the communication connection between the application management module and the UI system layer can be established. After the application management module establishes communication connection with the UI core layer and the UI system layer respectively, communication between the UI core layer and the UI system layer can be achieved.
After communication is established between the UI core layer and the UI system layer, the UI core layer can send a request/instruction to the UI system layer through the application management module, and meanwhile, the UI system layer can also send the request/instruction to the UI core layer through the application management module.
In some embodiments, when the UI system layer sends a request/instruction to the UI core layer, the application management module is further configured to perform the steps of:
and step 021, receiving request information sent by the UI system layer.
And 022, sending the request information to the UI core layer, and establishing communication connection between the UI system layer and the UI core layer.
Referring to fig. 11 (b), in an actual application, if there is a request/instruction that the UI system layer needs to send to the UI core layer to request the UI core layer to perform a certain function, request information including the request or instruction is sent by the UI system layer to the application management module. After receiving the request information sent by the UI system layer, the application management module forwards the request information to the UI core layer, and the UI core layer receives the request information and can execute corresponding actions, at the moment, communication connection between the UI system layer and the UI core layer is established through the application management module.
In some embodiments, when the UI core layer sends the request/instruction to the UI system layer, the application management module is further configured to:
step 031, receive the request information that UI core system layer sends;
step 032, sending the request information to the UI system layer, and establishing a communication connection between the UI core layer and the UI system layer.
Referring to fig. 11 (c), in an actual application, if there is a request/instruction that the UI core layer needs to send to the UI system layer to request the UI system layer to perform a certain function, request information is sent by the UI core layer to the application management module, and the request information includes the request or instruction. After receiving the request information sent by the UI core layer, the application management module forwards the request information to the UI system layer, and the UI system layer receives the request information and can execute corresponding actions, at the moment, communication connection between the UI core layer and the UI system layer is established through the application management module.
For example, when the UI core layer controls the UI system layer to display the system function, the UI core layer sends a system function display instruction to the application management module, the application management module forwards the system function display instruction to the UI system layer, and the UI system layer displays the system function in response to the system function display instruction.
As can be seen, the controller in the display device splits the UI layer into a UI core layer and a UI system layer, and the application management module implements communication between the UI core layer and the UI system layer. After the communication connection between the UI core layer and the UI system layer is established, the system function can be displayed on the UI system layer when a new application is started, the new application is prevented from being shielded, a user can always view the system function, and the user experience is improved.
FIG. 12 is a flow diagram illustrating a method for a web application to support multiple layer display in accordance with some embodiments; an interaction diagram illustrating a method for a web application to support multiple layer display in accordance with some embodiments is illustrated in FIG. 13. In order to facilitate the web application to be displayed in multiple layers, an embodiment of the present invention provides a display device, where an application management module configured in a controller is used to execute the method for supporting multiple layer display for a web application shown in fig. 12 and 13, so that system functions of a previously started web application are displayed on a top layer of an uppermost layer of an OSD. In particular, the application management module is configured to perform the following steps:
and S1, receiving a layer display instruction sent by the UI core layer, wherein the layer display instruction is an instruction generated after the UI core layer receives an application starting instruction for starting a specified application, and the specified application is an application needing to be displayed on the uppermost layer of the OSD.
When a web application is started in the current display device, all the related functions of the web application are displayed on the top Layer of the OSD (Layer1), i.e., the user interface content presented in the display is related to the web application.
And if the user starts other webpage applications again, the other webpage applications can shield the started webpage applications, and at the moment, the started UI core layer can send layer display instructions to the application management module to inform the UI system layer of displaying system functions.
In this process, referring to fig. 13 (a), when the user starts a new web application, that is, starts a specific application, an application start instruction is generated and sent to the UI core layer where the web application was previously started. After receiving the application start instruction, the UI kernel layer may determine that a new web application is started again in the current display device, and needs to display the system function on the top layer of the OSD, so as to be easily viewed by the user.
The newly launched web application may be one or more web applications, and the newly launched web application (designated application) is the web application that needs to be displayed on the top layer of the OSD, and the designated applications affect each other or affect, e.g., block each other, the previously launched web applications.
At this time, the UI core layer generates a layer display instruction based on the application starting instruction, sends the layer display instruction to the application management module, and forwards the layer display instruction to the UI system layer through the application management module.
And S2, responding to the layer display instruction, displaying the specified function of the specified application between the UI core layer and the UI system layer, and sending the layer display instruction to the UI system layer, wherein the layer display instruction is used for instructing the UI system layer to display the system function of the web application.
After receiving the layer display instruction sent by the UI core layer, the application management module can display the specified function of the specified application on the top layer of the OSD and simultaneously send the layer display instruction to the UI system layer.
The layer display instruction carries display information, and the UI system layer receives the layer display instruction, so that the system function of the webpage application which needs to be started in advance is displayed based on the display information in the layer display instruction, namely the system function of the webpage application is displayed on the UI system layer.
At this time, the UI system layer is located at the top layer of the OSD, and the designated function of the designated application is displayed at the top layer of the OSD, that is, the designated function of the newly started designated application is located between the UI core layer and the UI system layer, so that the bottom function of the previously started web application is blocked by the designated function of the newly started designated application, and the designated function of the designated application is blocked by the system function of the previously started web application.
Because the system function is usually a volume bar, a device or a status prompt icon, etc., and the display frame is small, the area of the system function for shielding the specified function is small, and an effect that the system function of the previously started webpage application appears on the surface of the specified function of the specified application is presented.
It can be seen that, when the method for supporting multi-layer display by a web application is executed, based on the UI core layer and the UI system layer after splitting the UI layer, when a specific application is newly started, the UI core layer receives an application start instruction and sends a layer display instruction to the application management module, and the application management module sends the layer display instruction to the UI system layer, so that the UI system layer displays a system function of the web application. Therefore, the display equipment can perform multi-layer display on the same webpage application, when a new designated application is started, the bottom layer function of the webpage application started earlier is still displayed on the UI core layer (the bottom layer of the OSD uppermost layer), and the system function which needs to be displayed on the top layer of the OSD uppermost layer is displayed on the UI system layer, so that different functions of the same webpage application are displayed on different layers at the same time, and the user experience is improved.
In some embodiments, if the user needs to execute the step of returning or exiting a certain displayed web application, for example, exiting the display of the system function or exiting the presentation of a specific application, the UI kernel layer is still implemented by the application management module to execute the exiting operation on the UI system layer, at this time, the application management module is further configured to execute the following steps:
and step 31, receiving a layer exit instruction sent by the UI core layer.
And step 32, sending the layer exit instruction to the UI system layer, wherein the layer exit instruction is used for indicating the UI system layer to cancel the system function of the displayed webpage application.
Referring to fig. 13 (b), when the user performs an exit operation through the remote controller, an exit instruction is generated and transmitted to the UI kernel layer, and the UI kernel layer generates a layer exit instruction based on the exit instruction and transmits the layer exit instruction to the application management module. And the application management module forwards the layer exit instruction to the UI system layer, so that the UI system layer does not display the system function of the previously started webpage application any more.
Therefore, according to the display device provided by the embodiment of the invention, after the UI layer is split into the UI core layer and the UI system layer, the application management module realizes communication between the UI core layer and the UI system layer, so that when a new application is started, the system function of the previously started web application can be displayed on the UI system layer in time, the specified function of the newly started application is prevented from shielding the previously started web application, the system function which needs to be displayed at the forefront is displayed on the top layer (UI system layer) of the OSD uppermost layer, so that a user can conveniently view the system function, different functions of the same web application are simultaneously displayed through multiple layers, and the user experience is improved.
In some embodiments, in order to enable the split UI core layer and the UI system layer to share data in real time, the split UI core layer and the split UI system layer need to be implemented by using a host process configured in the display device.
An interaction diagram for data sharing according to some embodiments is illustrated in fig. 14. To this end, a host process for storing data is configured in the controller, and for data sharing, see fig. 14, the host process is configured to perform the following steps:
and step 41, receiving data storage instructions respectively sent by the UI core layer and the UI system layer.
And step 42, responding to each data storage instruction, and respectively storing the data corresponding to the UI core layer and the data corresponding to the UI system layer.
Referring to (a) in fig. 14, in order to implement data sharing, it is necessary to establish communication connections between the UI core layer and the UI system layer and the host process, respectively. Therefore, after the UI core layer and the UI system layer are started, respective data storage instructions are sent to the main process respectively.
After receiving a data storage instruction sent by the UI kernel layer, the main process stores data corresponding to the UI kernel layer; and after receiving the data storage instruction sent by the UI system layer, the main process stores the data corresponding to the UI system layer.
The data of the UI core layer and the data of the UI system layer are stored in the main process, so that the data sharing of the UI core layer and the UI system layer can be realized, the display synchronization of the display equipment in the content of the presented picture is ensured, and the user experience is improved.
Because the data stored in the main process is not only from the UI core layer and the UI system layer, but also from the data of other application modules in the controller, in order to ensure real-time sharing of the data, when the data stored in the main process changes, the UI core layer and the UI system layer need to be notified in time so as to ensure synchronization of the data. At this time, the host process is further configured to perform the steps of:
in step 51, when the stored data changes, a data change notification is generated.
Step 52, sending the data change notification to the UI core layer and the UI system layer, respectively.
Referring to fig. 14 (b), when the data stored in the main process changes, a data change notification is generated and sent to the UI core layer and the UI system layer, respectively, to notify the UI core layer and the UI system layer that the data in the controller has changed, and the respective data needs to be updated in time.
For example, if the user adjusts the playing sound of the display device, the volume parameter stored in the host process changes, and at this time, the UI system layer needs to synchronously display the adjusted volume value. In the process, the main process sends the volume parameter change notification to the UI core layer and the UI system layer, the UI core layer controls the UI system layer through the application management module to synchronize the numerical value on the volume bar to be the same as the new volume parameter, and therefore the user can be guaranteed to adjust the volume parameter again based on the numerical value displayed by the volume bar.
In some embodiments, when data corresponding to the UI core layer changes, the UI core layer needs to be synchronized to the host process for storage, and simultaneously notify the UI system layer to perform data synchronization, where the host process is further configured to perform the following steps:
and step 61, receiving a core data change notification carrying changed data sent by the UI core layer, wherein the core data change notification is used for representing that the data corresponding to the UI core layer changes.
And step 62, responding to the core data change notification, storing the changed data carried by the core data change notification, and sending the core data change notification to the UI system layer.
Referring to fig. 14 (c), when data corresponding to a UI kernel layer that previously starts a web application changes, the UI kernel layer sends a kernel data change notification to the host process, where the kernel data change notification carries changed data of the UI kernel layer. After receiving the core data change notification, the main process stores the changed data, and meanwhile forwards the core data change notification to the UI system layer so as to notify the UI system layer that the UI core layer has data update, and can acquire new data in time so as to ensure data synchronization of the UI system layer and the UI core layer.
In some embodiments, when data corresponding to the UI system layer changes, the UI system layer needs to synchronize to the host process for storage, and simultaneously informs the UI core layer to perform data synchronization, where the host process is further configured to perform the following steps:
and step 71, receiving a system data change notification carrying changed data and sent by the UI system layer, wherein the system data change notification is used for representing that the data corresponding to the UI system layer changes.
And step 72, responding to the system data change notification, storing the changed data carried by the system data change notification, and sending the system data change notification to the UI core layer.
Referring to fig. 14 (d), when data corresponding to a UI system layer that starts a web application first changes, the UI system layer sends a system data change notification to the host process, where the system data change notification carries changed data of the UI system layer. After receiving the system data change notification, the main process stores the changed data, and simultaneously forwards the system data change notification to the UI core layer so as to notify the UI core layer that data updating has occurred in the UI system layer, and can acquire new data in time so as to ensure data synchronization of the UI core layer and the UI system layer.
Therefore, according to the display device provided by the embodiment of the present invention, after the UI layer is split into the UI core layer and the UI system layer, the data sharing between the UI core layer and the UI system layer is realized by using the main process, and when data change occurs in the main process, the data change occurs in the UI core layer, or the data change occurs in the UI system layer, two parties other than the main process and the UI core layer are notified in time, so that the latest data can be stored in the main process, and the data synchronization update between the UI system layer and the UI core layer is ensured.
A flow diagram of a method for a web application to support multiple layer display in accordance with some embodiments is illustrated in FIG. 12. Referring to fig. 12, an embodiment of the present invention provides a method for supporting multi-layer display for a web application, where the method is applied to a controller, where the controller is configured to split a UI layer of a displayed web application into a UI core layer and a UI system layer, the UI system layer is located at a top layer of an OSD uppermost layer, and the UI system layer is configured to display a system function that needs to be displayed at the top layer of the OSD uppermost layer in the web application; the UI core layer is positioned at the bottom layer of the top layer of the OSD and used for displaying the bottom layer functions which need to be displayed at the bottom layer of the top layer of the OSD in the webpage application; referring to fig. 12, the method is performed by an application management module, the method comprising:
s1, receiving, by an application management module in the controller, a layer display instruction sent by the UI core layer, where the layer display instruction is an instruction generated by the UI core layer after receiving an application start instruction for starting a specific application, and the specific application is an application that needs to be displayed on the top layer of the OSD;
s2, responding to the layer display instruction, displaying the specified function of the specified application between the UI core layer and the UI system layer, and sending the layer display instruction to the UI system layer, wherein the layer display instruction is used for indicating the UI system layer to display the system function of the web application.
As can be seen from the foregoing technical solutions, in the method and the display device for supporting multi-layer display for web page application provided in the embodiments of the present invention, a controller splits a UI layer of a displayed web page application into a UI core layer located at a bottom layer of an uppermost OSD layer and a UI system layer located at a top layer of the uppermost OSD layer; when the specified application is newly started, the UI core layer sends a layer display instruction to the application management module, and the application management module sends the layer display instruction to the UI system layer, so that the UI system layer displays the system function of the webpage application. Therefore, the method and the display device provided by the embodiment of the invention can perform multi-layer display on the same webpage application, when a new specified application is started, the bottom function of the previously started webpage application is still displayed on the UI core layer (the bottom layer of the top layer of the OSD), and the system function which needs to be displayed on the top layer of the OSD is displayed on the UI system layer, so that different functions of the same webpage application are simultaneously displayed on different layers, and the user experience is improved.
In a specific implementation, the present invention further provides a computer storage medium, where the computer storage medium may store a program, and when the program is executed, the program may include some or all of the steps in each embodiment of the method for supporting multiple layer display by a web application provided by the present invention. The storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM) or a Random Access Memory (RAM).
Those skilled in the art will readily appreciate that the techniques of the embodiments of the present invention may be implemented as software plus a required general purpose hardware platform. Based on such understanding, the technical solutions in the embodiments of the present invention may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as ROM/RAM, magnetic disk, optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments.
The same and similar parts in the various embodiments in this specification may be referred to each other. Particularly, for the embodiment of the method for supporting the multi-layer display by the web application, since the embodiment is substantially similar to the embodiment of the display device, the description is relatively simple, and relevant points can be referred to the description in the embodiment of the display device.
Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present application.
The foregoing description, for purposes of explanation, has been presented in conjunction with specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the embodiments to the precise forms disclosed above. Many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the principles and the practical application, to thereby enable others skilled in the art to best utilize the embodiments and various embodiments with various modifications as are suited to the particular use contemplated.

Claims (10)

1. A display device, comprising:
a display configured to present a user interface for displaying different functions of a web application;
the controller is connected with the display and used for splitting a UI layer of a displayed webpage application into a UI core layer and a UI system layer, the UI system layer is positioned at the top layer of the OSD, and the UI system layer is used for displaying system functions which need to be displayed at the top layer of the OSD in the webpage application; the UI core layer is positioned at the bottom layer of the top layer of the OSD and used for displaying the bottom layer functions which need to be displayed at the bottom layer of the top layer of the OSD in the webpage application;
an application management module for realizing communication between the UI core layer and the UI system layer is configured in the controller, and the application management module is configured to:
receiving a layer display instruction sent by the UI core layer, wherein the layer display instruction is an instruction generated after the UI core layer receives an application starting instruction for starting a specified application, and the specified application is an application needing to be displayed on the uppermost layer of the OSD;
responding to the layer display instruction, displaying the specified function of the specified application between the UI core layer and the UI system layer, and sending the layer display instruction to the UI system layer, wherein the layer display instruction is used for indicating the UI system layer to display the system function of the webpage application.
2. The display device of claim 1, wherein the application management module is further configured to:
after the webpage application is started, respectively receiving registration information sent by the UI core layer and the UI system layer;
and establishing communication connection between the local terminal and the UI core layer based on the registration information sent by the UI core layer, and establishing communication connection between the local terminal and the UI system layer based on the registration information sent by the UI system layer.
3. The display device of claim 2, wherein the application management module is further configured to:
receiving request information sent by the UI system layer;
and sending the request information to the UI core layer, and establishing communication connection between the UI system layer and the UI core layer.
4. The display device of claim 2, wherein the application management module is further configured to:
receiving request information sent by the UI core system layer;
and sending the request information to the UI system layer, and establishing the communication connection between the UI core layer and the UI system layer.
5. The display device of claim 1, wherein the application management module is further configured to:
receiving a layer exit instruction sent by the UI core layer;
and sending the layer exit instruction to a UI system layer, wherein the layer exit instruction is used for indicating the UI system layer to cancel the system function of displaying the webpage application.
6. The display device according to claim 1, wherein a host process for storing data is configured within the controller, the host process configured to:
receiving data storage instructions respectively sent by the UI core layer and the UI system layer;
and responding to each data storage instruction, and respectively storing the data corresponding to the UI core layer and the data corresponding to the UI system layer.
7. The display device of claim 6, wherein the host process is further configured to:
when the stored data changes, generating a data change notice;
and respectively sending the data change notification to the UI core layer and the UI system layer.
8. The display device of claim 6, wherein the host process is further configured to:
receiving a core data change notification carrying changed data sent by the UI core layer, wherein the core data change notification is used for representing that data corresponding to the UI core layer changes;
and responding to the core data change notification, storing changed data carried by the core data change notification, and sending the core data change notification to the UI system layer.
9. The display device of claim 6, wherein the host process is further configured to:
receiving a system data change notification carrying changed data sent by the UI system layer, wherein the system data change notification is used for representing that the data corresponding to the UI system layer changes;
and responding to the system data change notification, storing changed data carried by the system data change notification, and sending the system data change notification to the UI core layer.
10. The method for supporting multi-layer display of the webpage application is characterized by being applied to a controller, wherein the controller is used for splitting a UI layer of the displayed webpage application into a UI core layer and a UI system layer, the UI system layer is positioned at the top layer of the top OSD layer, and the UI system layer is used for displaying system functions which need to be displayed at the top layer of the top OSD layer in the webpage application; the UI core layer is positioned at the bottom layer of the top layer of the OSD and used for displaying the bottom layer functions which need to be displayed at the bottom layer of the top layer of the OSD in the webpage application; the method comprises the following steps:
an application management module in the controller receives a layer display instruction sent by the UI core layer, wherein the layer display instruction is an instruction generated by the UI core layer after receiving an application starting instruction for starting a specified application, and the specified application is an application needing to be displayed on the uppermost layer of the OSD;
responding to the layer display instruction, displaying the specified function of the specified application between the UI core layer and the UI system layer, and sending the layer display instruction to the UI system layer, wherein the layer display instruction is used for indicating the UI system layer to display the system function of the webpage application.
CN202011323324.0A 2020-11-23 2020-11-23 Method and display device for supporting multi-layer display by webpage application Active CN112363683B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011323324.0A CN112363683B (en) 2020-11-23 2020-11-23 Method and display device for supporting multi-layer display by webpage application

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011323324.0A CN112363683B (en) 2020-11-23 2020-11-23 Method and display device for supporting multi-layer display by webpage application

Publications (2)

Publication Number Publication Date
CN112363683A true CN112363683A (en) 2021-02-12
CN112363683B CN112363683B (en) 2023-10-31

Family

ID=74533232

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011323324.0A Active CN112363683B (en) 2020-11-23 2020-11-23 Method and display device for supporting multi-layer display by webpage application

Country Status (1)

Country Link
CN (1) CN112363683B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116048349A (en) * 2022-06-23 2023-05-02 荣耀终端有限公司 Picture display method and device and terminal equipment

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101499084A (en) * 2008-11-14 2009-08-05 深圳市茁壮网络技术有限公司 Application element indication method, web page browser and web page image generation system
US20130097520A1 (en) * 2011-10-18 2013-04-18 Research In Motion Limited Method of rendering a user interface
CN110750748A (en) * 2019-10-24 2020-02-04 杭州网景汇网络科技有限公司 Webpage display method
US20200081692A1 (en) * 2018-09-07 2020-03-12 Boyd Cannon Multerer User interface generation system
CN111343492A (en) * 2020-02-17 2020-06-26 海信电子科技(深圳)有限公司 Display method and display device of browser in different layers
CN111935530A (en) * 2020-07-31 2020-11-13 海信视像科技股份有限公司 Display device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101499084A (en) * 2008-11-14 2009-08-05 深圳市茁壮网络技术有限公司 Application element indication method, web page browser and web page image generation system
US20130097520A1 (en) * 2011-10-18 2013-04-18 Research In Motion Limited Method of rendering a user interface
US20200081692A1 (en) * 2018-09-07 2020-03-12 Boyd Cannon Multerer User interface generation system
CN110750748A (en) * 2019-10-24 2020-02-04 杭州网景汇网络科技有限公司 Webpage display method
CN111343492A (en) * 2020-02-17 2020-06-26 海信电子科技(深圳)有限公司 Display method and display device of browser in different layers
CN111935530A (en) * 2020-07-31 2020-11-13 海信视像科技股份有限公司 Display device

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116048349A (en) * 2022-06-23 2023-05-02 荣耀终端有限公司 Picture display method and device and terminal equipment
CN116048349B (en) * 2022-06-23 2024-04-12 荣耀终端有限公司 Picture display method and device and terminal equipment

Also Published As

Publication number Publication date
CN112363683B (en) 2023-10-31

Similar Documents

Publication Publication Date Title
CN112019782B (en) Control method and display device of enhanced audio return channel
CN112165640B (en) Display device
CN112118400B (en) Display method of image on display device and display device
CN112214189A (en) Image display method and display device
CN112188279A (en) Channel switching method and display equipment
CN112087671B (en) Display method and display equipment for control prompt information of input method control
CN112243141B (en) Display method and display equipment for screen projection function
CN112135180A (en) Content display method and display equipment
CN112565862A (en) Display equipment and equipment parameter memorizing method and restoring method thereof
CN112272331B (en) Method for rapidly displaying program channel list and display equipment
CN112269668A (en) Application resource sharing and display equipment
CN111984167A (en) Rapid naming method and display device
CN112017415A (en) Recommendation method of virtual remote controller, display device and mobile terminal
CN112363683B (en) Method and display device for supporting multi-layer display by webpage application
CN111988646B (en) User interface display method and display device of application program
CN115185392A (en) Display device, image processing method and device
CN113438528A (en) Method for realizing combined key and display equipment
CN114390190A (en) Display equipment and method for monitoring application to start camera
CN112261463A (en) Display device and program recommendation method
CN113971049A (en) Background service management method and display device
CN113194355B (en) Video playing method and display equipment
CN111935519B (en) Channel switching method and display device
CN113436564B (en) EPOS display method and display equipment
CN112153443B (en) PTS acquisition method and display device
CN112291600B (en) Caching method and display device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant