Visual large-screen content display method, system, device, equipment and storage medium

Abstract

The application discloses a visual large-screen content display method, system, device, equipment and storage medium, which is used for quickly, accurately and flexibly displaying visual large-screen content. Since the master control equipment responds to the selected configuration file, the master control equipment identifies the webpage address and display parameter information corresponding to each split screen included in the configuration file. The visual large-screen is composed of split screens of at least two electronic devices. For each split screen, the master control equipment sends the webpage address and display parameter information corresponding to the split screen to the electronic device to which the split screen belongs. The electronic device to which the split screen belongs displays corresponding webpage content on the split screen based on the browser installed in the electronic device, the webpage address and display parameter information corresponding to the split screen. Based on this, the purpose of quickly, accurately and flexibly displaying visual large-screen content based on the browser / server mode (B / S structure) can be achieved.

Description

Technical Field

[0001] This application relates to the field of image display technology, and in particular to methods, systems, devices, equipment and storage media for displaying visual large-screen content. Background Technology

[0002] With the continuous development of the digital economy, large-screen displays have become the mainstream window for publicity and display, playing an increasingly important role in production activities.

[0003] Taking a large visualization screen containing multiple sub-screens, each displaying content from different web pages, as an example, related technologies can employ a single signal source approach to display the content. When using this approach, the content from different web pages is typically spliced ​​together according to a display logic, forming a single unit. Then, a computer or other electronic device with display performance matching the visualization screen's resolution serves as the single signal source input to display the spliced ​​content. Furthermore, modifications and secondary development of different web page systems are required to implement the corresponding display logic. This creates coupling between previously independent and uncoupled web page systems, leading to a degree of technical intrusion. This approach has a wide impact, and secondary development and modification are generally time-consuming, making it difficult to respond flexibly to changing display needs.

[0004] Therefore, there is an urgent need for a technical solution that can quickly, accurately, and flexibly display visual content on large screens. Summary of the Invention

[0005] This application provides a method, system, device, electronic device, and storage medium for displaying visual large-screen content, which can quickly, accurately, and flexibly display visual large-screen content.

[0006] Firstly, this application provides a method for displaying visual large-screen content, applied to a main control device, the method comprising:

[0007] In response to the selected configuration file, the web page address and display parameter information corresponding to each split screen contained in the configuration file are identified; wherein, the large visual screen is composed of split screens consisting of at least two electronic device screens;

[0008] For each split screen, the webpage address and display parameter information corresponding to that split screen are sent to the electronic device to which that split screen belongs, so that the electronic device can display the corresponding webpage content on that split screen based on the webpage address and display parameter information corresponding to that split screen.

[0009] In one or more embodiments, prior to responding to the selected configuration file, the method further includes:

[0010] Generate a container webpage based on the added container;

[0011] If an access request to access the container webpage is received from the electronic device, the container webpage is sent to the electronic device, enabling the electronic device to obtain the container webpage and receive the corresponding webpage address and display parameter information based on the message processing plugin carried by the container webpage.

[0012] In one or more embodiments, the display parameter information includes at least one of the following: display size information, display position information, display theme color information, and display method information.

[0013] In one or more embodiments, prior to responding to the selected configuration file, the method further includes:

[0014] If it is detected that a control button corresponding to any configuration file in the console webpage is selected, then the configuration file whose control button is selected is identified as the selected configuration file.

[0015] In one or more embodiments, before generating the container webpage based on the added container, the method further includes:

[0016] Web services are generated based on the Node.js and Express application framework.

[0017] In one or more embodiments, after generating the webpage service and before receiving an access request from the electronic device to access the container webpage, the method further includes:

[0018] Based on the Node.js and Socket.IO open-source framework, a message service is generated, and based on JavaScript and the browser's Document Object Model (DOM) application programming interface (API), a message processing plugin is generated.

[0019] The message service and message processing plugin are mounted to the web page service, and the message processing plugin is introduced into the container web page.

[0020] Secondly, this application also provides a method for displaying visual large-screen content, applied to electronic devices, the method comprising:

[0021] The system receives web page addresses and display parameter information sent by the main control device. The web page addresses and display parameter information are sent by the main control device in response to the selected configuration file. The main control device identifies the web page addresses and display parameter information corresponding to each sub-screen contained in the configuration file, and then determines the web page addresses and display parameter information corresponding to the sub-screen of the electronic device from the web page addresses and display parameter information corresponding to each sub-screen before sending them.

[0022] Based on the webpage address and display parameter information, the corresponding webpage content is displayed on the corresponding split screen of the visualization screen; wherein, the visualization screen is composed of a split screen consisting of the screens of at least two electronic devices.

[0023] In one or more embodiments, before receiving the webpage address and display parameter information sent by the main control device, the method further includes:

[0024] Send an access request to the container webpage to the main control device;

[0025] Receive the container webpage sent by the main control device;

[0026] The receipt of the webpage address and display parameter information sent by the main control device includes:

[0027] Based on the message processing plugin carried by the container webpage, the webpage address and display parameter information sent by the main control device are received.

[0028] In one or more embodiments, displaying the corresponding webpage content on a split screen of the corresponding visualization screen based on the webpage address and display parameter information includes:

[0029] Based on the container webpage and the webpage address, obtain the webpage content corresponding to the webpage address;

[0030] Based on the received display parameter information, the corresponding web page content is displayed on the corresponding split screen of the visualization dashboard.

[0031] Thirdly, this application provides a visual large-screen content display system, the system comprising:

[0032] The main control device is used to identify the web page address and display parameter information corresponding to each sub-screen contained in the selected configuration file in response to the selected configuration file; wherein, the large visual screen is composed of sub-screens consisting of screens of at least two electronic devices; for each sub-screen, the web page address and display parameter information corresponding to the sub-screen are sent to the electronic device to which the sub-screen belongs;

[0033] Each electronic device associated with a split screen is used to receive the webpage address and display parameter information corresponding to that split screen from the main control device; based on the webpage address and display parameter information corresponding to that split screen, the corresponding webpage content is displayed on the split screen of the corresponding visualization screen; wherein, the visualization screen is composed of split screens formed by the screens of at least two electronic devices.

[0034] In one or more embodiments, the master control device is further configured to generate a container webpage based on the added container;

[0035] Any of the aforementioned electronic devices is further configured to send an access request to the main control device to access the container webpage;

[0036] The main control device is further configured to send the container webpage to any electronic device if it receives an access request to access the container webpage from any of the electronic devices.

[0037] The electronic device is also used to receive the container webpage sent by the main control device.

[0038] In one or more embodiments, the electronic device is specifically used to receive the webpage address and display parameter information sent by the main control device based on the message processing plugin carried by the container webpage.

[0039] In one or more embodiments, the electronic device is specifically configured to obtain the webpage content corresponding to the webpage address based on the container webpage and the webpage address;

[0040] Based on the received display parameter information, the corresponding web page content is displayed on the corresponding split screen of the visualization dashboard.

[0041] In one or more embodiments, the main control device is further configured to determine the configuration file whose control button is selected as the selected configuration file if it is detected that the control button corresponding to any configuration file in the console webpage is selected.

[0042] In one or more embodiments, the main control device is further configured to generate web page services based on the Node.js and express application framework.

[0043] In one or more embodiments, the main control device is further configured to generate a message service based on the Node.js and Socket.IO open-source framework, and to generate a message processing plugin based on JavaScript and the browser's Document Object Model (DOM) application programming interface (API).

[0044] The message service and message processing plugin are mounted to the web page service, and the message processing plugin is introduced into the container web page.

[0045] Fourthly, this application provides a visual large-screen content display device, the device comprising:

[0046] The identification module is used to identify the web page address and display parameter information corresponding to each split screen contained in the selected configuration file in response to the selected configuration file; wherein, the large visual screen is composed of split screens formed by the screens of at least two electronic devices;

[0047] The sending module is used to send the web page address and display parameter information corresponding to each split screen to the electronic device to which the split screen belongs, so that the electronic device can display the corresponding web page content on the split screen based on the web page address and display parameter information corresponding to the split screen.

[0048] In one or more embodiments, the apparatus further includes:

[0049] The web page service module is used to generate container web pages based on the added containers; if it receives an access request from the electronic device to access the container web page, it sends the container web page to the electronic device, enabling the electronic device to obtain the container web page, and enabling the electronic device to receive the corresponding web page address and display parameter information based on the message processing plugin carried by the container web page.

[0050] In one or more embodiments, the identification module is further configured to, if it is identified that a control button corresponding to any configuration file in the console webpage is selected, determine the configuration file whose control button is selected as the selected configuration file, and perform the step of identifying the webpage address and display parameter information corresponding to each sub-screen contained in the configuration file in response to the selected configuration file.

[0051] In one or more embodiments, the web page service module is further configured to generate web page services based on the Node.js and express application framework.

[0052] In one or more embodiments, the web page service module is further configured to generate a message service based on the Node.js and Socket.IO open-source framework, and to generate a message processing plugin based on JavaScript and the browser's Document Object Model (DOM) application programming interface (API).

[0053] The message service and message processing plugin are mounted to the web page service, and the message processing plugin is introduced into the container web page.

[0054] Fifthly, this application provides a visual large-screen content display device, the device comprising:

[0055] The receiving module is used to receive web page addresses and display parameter information sent by the main control device; wherein, the web page addresses and display parameter information are sent by the main control device in response to the selected configuration file, and the main control device identifies the web page addresses and display parameter information corresponding to each sub-screen contained in the configuration file, and then determines the web page addresses and display parameter information corresponding to the sub-screen of the electronic device from the web page addresses and display parameter information corresponding to each sub-screen before sending it;

[0056] The display module is used to display the corresponding web page content on a split screen of the corresponding visualization screen based on the web page address and display parameter information; wherein the visualization screen is composed of a split screen consisting of the screens of at least two electronic devices.

[0057] In one or more embodiments, the receiving module is further configured to:

[0058] Send an access request to the main control device to access the container webpage; receive the container webpage sent by the main control device; and receive the webpage address and display parameter information sent by the main control device based on the message processing plugin carried by the container webpage.

[0059] In one or more embodiments, the display module is specifically used for:

[0060] Based on the container webpage and the webpage address, obtain the webpage content corresponding to the webpage address;

[0061] Based on the received display parameter information, the corresponding web page content is displayed on the corresponding split screen of the visualization dashboard.

[0062] In a sixth aspect, this application provides an electronic device including a processor and a memory, wherein the memory stores program code that, when executed by the processor, causes the processor to perform the steps of the methods described in either the first or second aspect.

[0063] In a seventh aspect, this application provides a computer-readable storage medium including program code that, when the storage medium is run on an electronic device, causes the electronic device to perform the steps of the methods described in the first and second aspects.

[0064] Eighthly, this application provides a computer program product comprising: computer program code, which, when run on a computer, causes the computer to perform the steps of the methods described in either the first or second aspect.

[0065] When a configuration file is selected, the main control device can identify the webpage address and display parameter information corresponding to each sub-screen contained in the configuration file. The large visualization screen consists of sub-screens composed of screens from at least two electronic devices. For each sub-screen, the main control device can send the webpage address and display parameter information corresponding to that sub-screen to the electronic device to which that sub-screen belongs. The electronic device to which that sub-screen belongs can display the corresponding webpage content on that sub-screen based on its own browser, the webpage address corresponding to that sub-screen, and the display parameter information. Based on this, the purpose of displaying large visualization screen content quickly, accurately, and flexibly based on the browser / server (B / S structure) model can be achieved.

[0066] Furthermore, compared to related technologies that use a single signal source for display, which require dispatchers to splice together the content of different web pages according to the display logic, modify and redevelop different web page systems, and cannot swiftly respond to changing display needs, this application allows dispatchers to simply write the corresponding web page addresses and display parameter information for each sub-screen into a configuration file based on the display requirements. Once the configuration file is selected, the main control device and each electronic device can, based on a B / S architecture, quickly, accurately, and flexibly display the corresponding web page content in each sub-screen of the visualization screen. This greatly reduces the development workload of dispatchers while improving the speed, flexibility, and accuracy of the visualization screen's content display.

[0067] Furthermore, when using a single signal source for displaying content on a large visual screen in related technologies, an electronic device with display performance matching the resolution of the large visual screen is also required as the single signal source input, placing high demands on the performance of the electronic device. For example, see [link to relevant documentation]. Figure 2 Assuming Figure 2 The total resolution of the five-screen visualization display is 7680px*2160px. If a single signal source is used for display, an electronic device with a display performance of 7680px*2160px is required as the single signal source input. However, when using the visualization display method provided in this application, only multiple lower-resolution electronic devices are needed. For example, four electronic devices with a display performance of 1920px*1060px and one electronic device with a display performance of 3840px*2160px are required to meet the display needs. The embodiments of this application have low hardware requirements and are simple to implement. Attached Figure Description

[0068] To more clearly illustrate the implementation methods in the embodiments of this application or related technologies, the accompanying drawings used in the description of the embodiments or related technologies will be briefly introduced below. Obviously, the accompanying drawings described below are some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings.

[0069] Figure 1 A schematic diagram illustrating the implementation process of a first method for displaying content on a large visual screen, provided by one or more embodiments, is shown.

[0070] Figure 2 This diagram illustrates a large-screen visualization provided by one or more embodiments;

[0071] Figure 3 A schematic diagram illustrating the implementation process of a second method for displaying content on a large screen, provided by one or more embodiments, is shown.

[0072] Figure 4 A schematic diagram illustrating the implementation process of a third method for displaying content on a large visual screen, provided by one or more embodiments, is shown.

[0073] Figure 5 A schematic diagram of a large-screen content display system provided by one or more embodiments is shown;

[0074] Figure 6 A schematic diagram of a large-screen content display device provided by one or more embodiments is shown;

[0075] Figure 7 A schematic diagram of another visualization large-screen content display device provided by one or more embodiments is shown;

[0076] Figure 8 A schematic diagram of an electronic device structure provided by one or more embodiments is shown. Detailed Implementation

[0077] To make the objectives and implementation methods of this application clearer, exemplary embodiments of this application will be clearly and completely described below with reference to the accompanying drawings of the exemplary embodiments. Obviously, the described exemplary embodiments are only a part of the embodiments of this application, and not all of the embodiments. The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms can be used interchangeably where appropriate.

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

[0079] Figure 1 The illustration shows an implementation flow diagram of a first visualization large-screen content display method provided by one or more embodiments. This visualization large-screen content display method is applied to a main control device, which may be a PC, a mobile terminal, or a server. The process includes the following steps:

[0080] S101: In response to the selected configuration file, identify the web page address and display parameter information corresponding to each sub-screen contained in the configuration file; wherein, the large visual screen is composed of sub-screens consisting of screens from at least two electronic devices.

[0081] In one or more embodiments, to quickly, accurately, and flexibly determine the content displayed on each sub-screen of the visualization screen, dispatchers, etc., can write corresponding configuration files based on the webpage content requirements to be displayed on the visualization screen (also known as webpage scheduling requirements or display requirements). The configuration file may contain the webpage address corresponding to each sub-screen of the visualization screen. In one or more embodiments, the visualization screen may consist of sub-screens composed of the screens of at least two electronic devices. See also... Figure 2 , Figure 2 This diagram illustrates a large-screen visualization provided by one or more embodiments, such as... Figure 2As shown, the visualization screen can consist of five sub-screens, each composed of the screens of five electronic devices. For ease of description, these five sub-screens are referred to as Sub-screen 1 (page 1), Sub-screen 2 (page 2), Sub-screen 3 (page 3), Sub-screen 4 (page 4), and Sub-screen 5 (page 5). Sub-screen 1 (page 1) consists of the screen of electronic device 1 (for ease of description, the electronic device to which sub-screen 1 belongs is referred to as electronic device 1), and the corresponding web address for sub-screen 1 (page 1) can be http: / / xxx1.com. Sub-screen 2 (page 2) consists of the screen of electronic device 2 (for ease of description, the electronic device to which sub-screen 2 belongs is referred to as electronic device 2), and the corresponding web address for sub-screen 2 (page 2) can be http: / / xxx2.com. Sub-screen 3 (page 3) consists of the screen of electronic device 3 (for ease of description, the electronic device to which sub-screen 3 belongs is referred to as electronic device 3). The screens are arranged as shown below. Page 3 (page 3) corresponds to the webpage address http: / / xxx3.com. Page 4 (page 4) is composed of the screen of electronic device 4 (for ease of description, the electronic device to which page 4 belongs is referred to as electronic device 4). The webpage address of page 4 (page 4) can be http: / / xxx4.com. Page 5 (page 5) is composed of the screen of electronic device 5 (for ease of description, the electronic device to which page 5 belongs is referred to as electronic device 5). The webpage address of page 5 (page 5) can be http: / / xxx5.com.

[0082] In one or more embodiments, in addition to containing the webpage address corresponding to each sub-screen, the configuration file may also contain display parameter information for each sub-screen to facilitate quick, accurate, and flexible display of the content of each sub-screen in the visualization dashboard. The display parameter information may include: the width and height of the webpage content displayed in the sub-screen, and other display size information. See also... Figure 2Taking a large visualization screen containing five sub-screens (page 1, page 2, page 3, page 4, and page 5) as an example, the display dimensions for page 1 are as follows: the width of the webpage content displayed on page 1 is 1920 pixels (px), and the height is 1080 pixels (px). The dimensions for page 2 are also as follows: the width of the webpage content displayed on page 2 is 1920 pixels (px), and the height is 1080 pixels (px). The dimensions for page 3 are as follows: the width of the webpage content displayed on page 3 is 3840 pixels (px), and the height is 2160 pixels (px). The dimensions for page 4 are as follows: the width of the webpage content displayed on page 4 is 1920 pixels (px), and the height is 1080 pixels (px). The dimensions for page 5 are as follows: the width of the webpage content displayed on page 5 is 1920 pixels (px), and the height is 1080 pixels (px).

[0083] In one or more embodiments, in order to quickly, accurately, and flexibly display the content of each sub-screen in the visualization screen, the display parameter information may also include: the display position information of the web page content in the sub-screen. The display position information may include: the spacing between the web page content displayed in the sub-screen and the left edge of the corresponding sub-screen, the spacing between the web page content and the right edge of the sub-screen, the spacing between the web page content and the top edge of the sub-screen, and the spacing between the web page content and the bottom edge of the sub-screen, etc., which can be flexibly set according to requirements, and this application does not impose specific limitations on this.

[0084] In one or more embodiments, in order to quickly, accurately, and flexibly display the content of each sub-screen in the visualization screen, the display parameter information may also include: the display theme color information of the web page content displayed in the sub-screen. For example, the display theme color information may be the color information of a dark theme, etc. The display theme color information can be flexibly set according to needs, and this application does not make specific limitations in this regard.

[0085] In one or more embodiments, in order to quickly, accurately, and flexibly display the content of each sub-screen in the visualization screen, the display parameter information may also include: display method information of the web page content displayed in the sub-screen. For example, the display method information (action) can be to trigger a certain test event, so that the web page content displayed in the sub-screen can be displayed in a beautiful sliding manner, etc. The display method information can be flexibly set according to needs, and this application does not make specific limitations on it.

[0086] In one or more embodiments, when web page content needs to be displayed on a large visualization screen, the dispatcher can select a configuration file that meets the display requirements from several pre-configured configuration files and trigger the corresponding "OK" or "Start Display" button for that configuration file. The main control device, responding to the configuration file selected by the dispatcher, can identify the web page address and display parameter information corresponding to each sub-screen contained in the selected configuration file.

[0087] S102: For each split screen, send the webpage address and display parameter information corresponding to the split screen to the electronic device to which the split screen belongs, so that the electronic device can display the corresponding webpage content on the split screen based on the webpage address and display parameter information corresponding to the split screen.

[0088] In one or more embodiments, after the main control device identifies the web address and display parameter information corresponding to each sub-screen in the configuration file selected by the scheduler, for each sub-screen, the main control device can send the web address and display parameter information corresponding to that sub-screen to the electronic device to which that sub-screen belongs. Taking the above embodiment as an example, assuming that sub-screen 1 (page 1) is composed of the screen of electronic device 1, and the web address corresponding to sub-screen 1 (page 1) is http: / / xxx1.com, then the main control device can send the web address http: / / xxx1.com corresponding to sub-screen 1 and the display parameter information corresponding to sub-screen 1 to electronic device 1.

[0089] In one or more embodiments, the electronic device can receive a webpage address and display parameter information sent by the main control device, and can display the corresponding webpage content on the corresponding split screen based on the received webpage address and display parameter information. For example, taking the above embodiment as an example, after receiving the webpage address http: / / xxx1.com and the display parameter information corresponding to split screen 1, the electronic device 1 can obtain the webpage content corresponding to the webpage address http: / / xxx1.com, and display the corresponding webpage content in split screen 1 according to the display size information, display position information, display theme color information, display method information, etc. contained in the received display parameter information.

[0090] When a configuration file is selected, the main control device can identify the webpage address and display parameter information corresponding to each sub-screen contained in the configuration file. The large visualization screen consists of sub-screens composed of screens from at least two electronic devices. For each sub-screen, the main control device can send the webpage address and display parameter information corresponding to that sub-screen to the electronic device to which that sub-screen belongs. The electronic device to which that sub-screen belongs can display the corresponding webpage content on that sub-screen based on its own browser, the webpage address corresponding to that sub-screen, and the display parameter information. Based on this, the purpose of displaying large visualization screen content quickly, accurately, and flexibly based on the browser / server (B / S structure) model can be achieved.

[0091] Furthermore, compared to related technologies that use a single signal source for display, which require dispatchers to splice together the content of different web pages according to the display logic, modify and redevelop different web page systems, and cannot swiftly respond to changing display needs, this application allows dispatchers to simply write the corresponding web page addresses and display parameter information for each sub-screen into a configuration file based on the display requirements. Once the configuration file is selected, the main control device and each electronic device can, based on a B / S architecture, quickly, accurately, and flexibly display the corresponding web page content in each sub-screen of the visualization screen. This greatly reduces the development workload of dispatchers while improving the speed, flexibility, and accuracy of the visualization screen's content display.

[0092] In one or more embodiments, when displaying visual large-screen content quickly, accurately, and flexibly based on the browser / server (B / S architecture) model, electronic devices can be used as clients. A browser, such as Netscape Navigator or Internet Explorer, can be installed on the electronic device to display the corresponding web page content. In one or more embodiments, to achieve quick, accurate, and flexible display of visual large-screen content, a web page service can be pre-generated (implemented) on the main control device based on the Node.js and Express application framework. Based on this web page service, a container web page can be generated (implemented) on the main control device. In one or more embodiments, based on the web page service implemented on the main control device, an iframe container can be added, and a container web page can be generated based on the added container.

[0093] In one or more embodiments, to enable quick, accurate, and flexible visualization of large-screen content, a message service with functions such as publishing, subscribing to, and broadcasting messages can be generated (implemented) on the main control device using the Socket.IO open-source framework based on Node.js technology. This message service is then mounted onto the web service. Furthermore, to integrate the aforementioned message service into the container webpage, enabling it to subscribe to and parse messages, a message processing plugin (such as dispatch.sdk.js) can be generated (implemented) on the main control device based on JavaScript technology and the browser's Document Object Model (DOM) Application Programming Interface (API). This message processing plugin is then mounted onto the web service. Simultaneously, the message processing plugin (such as dispatch.sdk.js) required by the message service can also be imported into the container webpage. In one or more embodiments, when introducing a message processing plugin into a container webpage, the dependency libraries required for the message service can be introduced into the container webpage. At the same time, the containers in the container webpage can be identified. After the dependency libraries required for the message service are successfully loaded and the container identifier in the container webpage is obtained, the message processing plugin required for the message service can be introduced into the container webpage, enabling the container webpage to have the ability to parse messages. For example, based on the container webpage, it can identify or receive the aforementioned webpage address and display parameter information.

[0094] In one or more embodiments, after the main control device generates (implements) the aforementioned container webpage, if it receives an access request for the container webpage from any electronic device, the main control device can send the container webpage to that electronic device. The electronic device can obtain the container webpage and, based on the message processing plugin carried (introduced) in the container webpage, establish a connection with the message service. This allows it to receive the webpage address and display parameter information sent by the main control device. The electronic device can then obtain the webpage content corresponding to the received webpage address based on the container webpage and the received webpage address, and can display the corresponding webpage content on the corresponding split-screen of the visualization screen according to the received display parameter information.

[0095] In one or more embodiments, when an electronic device obtains the webpage content corresponding to a webpage address based on a container webpage and the webpage address, it can do so by accessing the corresponding container webpage through a browser installed on the electronic device, and then obtaining the webpage content corresponding to the webpage address through the container webpage. For example, taking the container webpage of the main control device as http: / / domain.com / container, electronic devices 1 through 5 can all obtain and use (reuse) this container webpage. To distinguish the container webpages used by electronic devices 1 through 5, the container webpage used by electronic device 1 can be represented as http: / / domain.com / container?pageId=page1, the container webpage used by electronic device 2 as http: / / domain.com / container?pageId=page2, the container webpage used by electronic device 3 as http: / / domain.com / container?pageId=page3, the container webpage used by electronic device 4 as http: / / domain.com / container?pageId=page4, and the container webpage used by electronic device 5 as http: / / domain.com / container?pageId=page5.

[0096] For example, electronic device 1 can obtain the webpage content corresponding to the webpage address http: / / xxx1.com through the obtained container webpage (http: / / domain.com / container?pageId=page1), and display the webpage content corresponding to the webpage address http: / / xxx1.com on split screen 1 according to the display parameter information corresponding to split screen 1. Electronic device 2 can obtain the webpage content corresponding to the webpage address http: / / xxx2.com through the obtained container webpage (http: / / domain.com / container?pageId=page2), and display the webpage content corresponding to the webpage address http: / / xxx1.com on split screen 2 according to the display parameter information corresponding to split screen 2. Electronic device 3 can obtain the webpage content corresponding to the webpage address http: / / xxx3.com through the obtained container webpage (http: / / domain.com / container?pageId=page3), and display the webpage content corresponding to the webpage address http: / / xxx3.com on split screen 3 according to the display parameter information corresponding to split screen 3. Electronic device 4 can obtain the webpage content corresponding to the webpage address http: / / xxx4.com through the obtained container webpage (http: / / domain.com / container?pageId=page4), and display the webpage content of http: / / xxx4.com on split screen 4 according to the display parameter information corresponding to split screen 4. Electronic device 5 can obtain the webpage content corresponding to the webpage address http: / / xxx5.com through the obtained container webpage (http: / / domain.com / container?pageId=page5), and display the webpage content of http: / / xxx5.com on split screen 5 according to the display parameter information corresponding to split screen 5.

[0097] To facilitate understanding, the following specific embodiment illustrates the process of displaying visualized large-screen content provided in this application. (See attached document.) Figure 3 , Figure 3 The illustration shows an implementation flow diagram of a second method for displaying content on a large visual screen, provided by one or more embodiments. The method includes the following steps:

[0098] S301: Container webpage is generated in the main control device.

[0099] Among them, a container webpage can be generated based on the webpage service and the added container. The container webpage introduces a message processing plugin, which can establish a connection with the message service.

[0100] S302: Each electronic device belonging to a sub-screen sends an access request to the main control device to access the container webpage.

[0101] S303: The main control device sends the container webpage to the electronic device belonging to each sub-screen.

[0102] S304: Each device to which a split screen belongs receives the container webpage.

[0103] S305: If the main control device receives a configuration file selected by the dispatcher, the main control device responds to the selected configuration file, identifies the web address and display parameter information corresponding to each sub-screen contained in the configuration file, and sends the web address and display parameter information corresponding to each sub-screen to the electronic device to which the sub-screen belongs.

[0104] In one or more embodiments, dispatchers can use the lightweight data exchange format JavaScriptObject Notation (JSON) to write configuration files and save them in the console webpage of the main control device. Each configuration file can have a corresponding dedicated button, meaning the configuration file can be implemented as a button. Dispatchers can open the console webpage and select the configuration file that meets their display needs based on the configuration files displayed there. When a button for a configuration file is clicked, a message for visualizing the large screen based on that configuration file can be published. The main control device can then use this message to identify the webpage address and display parameter information corresponding to each sub-screen in the configuration file, and for each sub-screen, send the corresponding webpage address and display parameter information to the electronic device to which that sub-screen belongs.

[0105] S306: For each electronic device to which a split screen belongs, the electronic device to which the split screen belongs receives the web page address and display parameter information corresponding to the split screen sent by the main control device based on the message processing plugin carried by the container web page.

[0106] S307: For each electronic device to which a split screen belongs, the electronic device to which the split screen belongs obtains the web page content corresponding to the web page address based on the container web page and the received web page address; and displays the corresponding web page content on the split screen of the corresponding visualization screen according to the received display parameter information.

[0107] Since the electronic devices of this application can display the corresponding web page content based on container web pages, there is no technical intrusion on the browser web pages in the electronic devices. The dispatchers only need to write configuration files according to the display requirements, and the main control device and electronic devices can display the corresponding web page content in each sub-screen of the visualization screen based on the information in the configuration file. This greatly reduces the development workload of the dispatchers and improves the speed, flexibility and accuracy of the content display on the visualization screen.

[0108] Furthermore, when using a single signal source for displaying content on a large visual screen in related technologies, an electronic device with display performance matching the resolution of the large visual screen is also required as the single signal source input, placing high demands on the performance of the electronic device. For example, see [link to relevant documentation]. Figure 2 Assuming Figure 2 The total resolution of the five-screen visualization display is 7680px*2160px. If a single signal source is used for display, an electronic device with a display performance of 7680px*2160px is required as the single signal source input. However, when using the visualization display method provided in this application embodiment, only multiple lower-resolution electronic devices are needed. For example, four electronic devices with a display performance of 1920px*1060px and one electronic device with a display performance of 3840px*2160px are required to meet the display needs. This application embodiment has lower hardware requirements and is simple to implement.

[0109] Based on the same technical concept, one or more embodiments also provide a method for displaying visual large-screen content, which is applied to electronic devices. See also... Figure 4 , Figure 4 The illustration shows an implementation flowchart of a third method for displaying content on a large visual screen, provided by one or more embodiments. The method includes the following steps:

[0110] S401: Receive web page address and display parameter information sent by the main control device; wherein, the web page address and display parameter information are sent by the main control device in response to the selected configuration file, after the main control device identifies the web page address and display parameter information corresponding to each sub-screen contained in the configuration file and determines the web page address and display parameter information corresponding to the sub-screen of the electronic device from the web page address and display parameter information corresponding to each sub-screen.

[0111] S402: Based on the webpage address and display parameter information, display the corresponding webpage content on the corresponding split screen of the visualization screen; wherein, the visualization screen is composed of a split screen consisting of the screens of at least two electronic devices.

[0112] In one or more embodiments, before receiving the webpage address and display parameter information sent by the main control device, the method further includes:

[0113] Send an access request to the container webpage to the main control device;

[0114] Receive the container webpage sent by the main control device;

[0115] The receipt of the webpage address and display parameter information sent by the main control device includes:

[0116] Based on the message processing plugin carried by the container webpage, the webpage address and display parameter information sent by the main control device are received.

[0117] In one or more embodiments, displaying the corresponding webpage content on a split screen of the corresponding visualization screen based on the webpage address and display parameter information includes:

[0118] Based on the container webpage and the webpage address, obtain the webpage content corresponding to the webpage address;

[0119] Based on the received display parameter information, the corresponding web page content is displayed on the corresponding split screen of the visualization dashboard.

[0120] Based on the same technical concept, a visual large-screen content display system is also provided in one or more embodiments. See also... Figure 5 , Figure 5 The diagram illustrates a visualization large-screen content display system according to one or more embodiments. The system includes:

[0121] The main control device 51 is used to identify the web page address and display parameter information corresponding to each sub-screen contained in the selected configuration file in response to the selected configuration file; wherein, the large visual screen is composed of sub-screens formed by the screens of at least two electronic devices; for each sub-screen, the web page address and display parameter information corresponding to the sub-screen are sent to the electronic device to which the sub-screen belongs.

[0122] Each electronic device 52, belonging to a sub-screen, is used to receive the webpage address and display parameter information corresponding to the sub-screen sent by the main control device; based on the webpage address and display parameter information corresponding to the sub-screen, the corresponding webpage content is displayed on the sub-screen of the corresponding visualization screen; wherein, the visualization screen is composed of sub-screens formed by the screens of at least two electronic devices.

[0123] In one or more embodiments, the main control device 51 is further configured to generate a container webpage based on the added container;

[0124] Any of the aforementioned electronic devices 52 is further configured to send an access request to the main control device 51 to access the container webpage;

[0125] The main control device 51 is also configured to send the container webpage to the electronic device 52 if it receives an access request to access the container webpage from any of the electronic devices 52.

[0126] The electronic device 52 is also used to receive the container webpage sent by the main control device 51.

[0127] In one or more embodiments, the main control device 51 is further configured to determine the configuration file whose control button is selected as the selected configuration file if it is detected that the control button corresponding to any configuration file in the console webpage is selected.

[0128] In one or more embodiments, the main control device 51 is further configured to generate web page services based on the Node.js and express application framework.

[0129] In one or more embodiments, the main control device 51 is further configured to generate a message service based on the Node.js and Socket.IO open-source framework, and generate a message processing plugin based on JavaScript and the browser document object model DOM application programming interface API; mount the message service and the message processing plugin to the web page service, and introduce the message processing plugin into the container web page.

[0130] In one or more embodiments, the electronic device 52 is specifically used to receive the webpage address and display parameter information sent by the main control device 51 based on the message processing plugin carried by the container webpage.

[0131] In one or more embodiments, the electronic device 52 is specifically used to obtain the webpage content corresponding to the webpage address based on the container webpage and the webpage address;

[0132] Based on the received display parameter information, the corresponding web page content is displayed on the corresponding split screen of the visualization dashboard.

[0133] Based on the same technical concept, a large-screen visualization content display device is also provided in one or more embodiments. See also... Figure 6 , Figure 6 The diagram illustrates a visualization large-screen content display device according to one or more embodiments, the device comprising:

[0134] The identification module 61 is used to identify the web page address and display parameter information corresponding to each split screen contained in the selected configuration file in response to the selected configuration file; wherein, the large visual screen is composed of split screens formed by the screens of at least two electronic devices;

[0135] The sending module 62 is used to send the web page address and display parameter information corresponding to each split screen to the electronic device to which the split screen belongs, so that the electronic device can display the corresponding web page content on the split screen based on the web page address and display parameter information corresponding to the split screen.

[0136] In one or more embodiments, the apparatus further includes:

[0137] The web page service module is used to generate container web pages based on the added containers; if it receives an access request from the electronic device to access the container web page, it sends the container web page to the electronic device, enabling the electronic device to obtain the container web page, and enabling the electronic device to receive the corresponding web page address and display parameter information based on the message processing plugin carried by the container web page.

[0138] In one or more embodiments, the identification module 61 is further configured to, if it is identified that a control button corresponding to any configuration file in the console webpage is selected, determine the configuration file whose control button is selected as the selected configuration file, and perform the step of identifying the webpage address and display parameter information corresponding to each sub-screen contained in the configuration file in response to the selected configuration file.

[0139] In one or more embodiments, the web page service module is further configured to generate web page services based on the Node.js and express application framework.

[0140] In one or more embodiments, the web page service module is further configured to generate a message service based on the Node.js and Socket.IO open-source framework, and to generate a message processing plugin based on JavaScript and the browser's Document Object Model (DOM) application programming interface (API).

[0141] The message service and message processing plugin are mounted to the web page service, and the message processing plugin is introduced into the container web page.

[0142] Based on the same technical concept, a large-screen visualization content display device is also provided in one or more embodiments. See also... Figure 7 , Figure 7 A schematic diagram of another visualization large-screen content display device provided in one or more embodiments is shown, the device comprising:

[0143] The receiving module 71 is used to receive the web address and display parameter information sent by the main control device;

[0144] The display module 72 is used to display the corresponding web page content on a split screen of the corresponding visualization screen based on the web page address and display parameter information; wherein the visualization screen is composed of a split screen consisting of the screens of at least two electronic devices.

[0145] In one or more embodiments, the receiving module 71 is further configured to:

[0146] Send an access request to the main control device to access the container webpage; receive the container webpage sent by the main control device; and receive the webpage address and display parameter information sent by the main control device based on the message processing plugin carried by the container webpage.

[0147] In one or more embodiments, the display module 72 is specifically used for:

[0148] Based on the container webpage and the webpage address, obtain the webpage content corresponding to the webpage address;

[0149] Based on the received display parameter information, the corresponding web page content is displayed on the corresponding split screen of the visualization dashboard.

[0150] Based on the same technical concept, this application also provides an electronic device. Figure 8 A schematic diagram of an electronic device structure provided by one or more embodiments is shown, such as Figure 8 As shown, it includes: processor 81, communication interface 82, memory 83 and communication bus 84, wherein processor 81, communication interface 82 and memory 83 communicate with each other through communication bus 84;

[0151] In one possible implementation, the memory 83 stores a computer program that, when executed by the processor 81, causes the processor 81 to perform the steps of any of the above-described methods for displaying visual large-screen content.

[0152] Since the principle behind the problem-solving of the aforementioned electronic devices is similar to that of the method for displaying content on a large visual screen, the implementation of the aforementioned electronic devices can be found in the implementation of the method, and the repetitive parts will not be repeated.

[0153] The communication bus mentioned in the above electronic devices can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. This communication bus can be divided into address bus, data bus, control bus, etc. For ease of illustration, only one thick line is used to represent it in the diagram, but this does not mean that there is only one bus or one type of bus.

[0154] Communication interface 82 is used for communication between the above-mentioned electronic device and other devices.

[0155] The memory may include random access memory (RAM) or non-volatile memory (NVM), such as at least one disk storage device. Optionally, the memory may also be at least one storage device located remotely from the aforementioned processor.

[0156] The processors mentioned above can be general-purpose processors, including central processing units, network processors (NPs), etc.; they can also be digital signal processors (DSPs), application-specific integrated circuits, field-programmable gate arrays or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc.

[0157] Based on the same technical concept, embodiments of this application provide a computer-readable storage medium storing a computer program executable by an electronic device. When the program is run on the electronic device, it causes the electronic device to execute the steps of any of the above-described methods for displaying visual large-screen content.

[0158] The aforementioned computer-readable storage medium can be any available medium or data storage device that can be accessed by the processor in an electronic device, including but not limited to magnetic storage such as floppy disks, hard disks, magnetic tapes, magneto-optical disks (MO), optical storage such as CDs, DVDs, BDs, HVDs, etc., and semiconductor storage such as ROMs, EPROMs, EEPROMs, non-volatile memory (NAND flash), solid-state drives (SSDs), etc.

[0159] Based on the same technical concept and the above embodiments, this application provides a computer program product, which includes: computer program code, which, when run on a computer, causes the computer to perform the steps of any of the above-described methods for displaying visual large-screen content.

[0160] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0161] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to this application. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0162] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0163] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0164] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the spirit and scope of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.

Claims

1. A method of visualizing a large-screen content presentation, characterized by, The method applied to a master device comprises: In response to a selected configuration file, identifying a webpage address and display parameter information corresponding to each split screen included in the configuration file; wherein the visual large screen is composed of split screens of at least two electronic devices; For each split screen, sending the webpage address and display parameter information corresponding to the split screen to the electronic device to which the split screen belongs, so that the electronic device displays corresponding webpage content on the split screen based on a browser installed in the electronic device, the webpage address and display parameter information corresponding to the split screen; Before the response to the selected configuration file, the method further comprises: Based on Node.js and express application framework, generating a webpage service; based on an added container, generating a container webpage; and based on Node.js and Socket.IO open source framework, generating a message service, and based on JavaScript and browser document object model (DOM) application program interface (API), generating a message processing plug-in required by the message service; mounting the message service and the message processing plug-in into the webpage service, introducing a dependent library required by the message service into the container webpage, identifying a container in the container webpage, and introducing the message processing plug-in into the container webpage; If an access request for accessing the container webpage sent by the electronic device is received, the container webpage is sent to the electronic device, so that the electronic device obtains the container webpage, and the electronic device receives corresponding webpage address and display parameter information based on the message processing plug-in carried by the container webpage.

2. The method of claim 1, wherein, The display parameter information includes at least one of display size information, display position information, display theme color information, and display mode information.

3. The method of claim 1, wherein, Before the response to the selected configuration file, the method further comprises: If it is identified that a control button corresponding to any configuration file in the console webpage is selected, the configuration file with the selected control button is determined as the selected configuration file.

4. A method of visualizing a large-screen content presentation, characterized by, The method applied to an electronic device comprises: Receiving webpage address and display parameter information sent by a master device; wherein the webpage address and display parameter information are sent by the master device in response to a selected configuration file, the master device identifies webpage address and display parameter information corresponding to each split screen included in the configuration file, and determines webpage address and display parameter information corresponding to a split screen of the electronic device from the webpage address and display parameter information corresponding to each split screen; Displaying corresponding webpage content on a split screen of a visual large screen based on a browser installed in the electronic device, the webpage address and display parameter information; wherein the visual large screen is composed of split screens of at least two electronic devices; Before the receiving of the webpage address and display parameter information sent by the master device, the method further comprises: Sending an access request for accessing a container webpage to the master device; receive the container webpage sent by the master device; wherein the container webpage is a webpage service generated by the master device based on Node.js and express application framework, and the container webpage is generated based on added containers; the message processing plug-in is introduced in the container webpage, the message processing plug-in is generated by the master device based on Node.js and Socket.IO open source framework to generate a message service, and based on JavaScript and browser document object model (DOM) application programming interface (API), the message processing plug-in required by the message service is generated; and the message service and the message processing plug-in are mounted in the webpage service, the dependent library required by the message service is introduced in the container webpage, and the container in the container webpage is identified, and the message processing plug-in is introduced in the container webpage; The received webpage address and display parameter information sent by the master device include: Based on the message processing plug-in carried by the container webpage, the webpage address and display parameter information sent by the master device are received.

5. The method of claim 4, wherein, Based on the webpage address and display parameter information, the corresponding webpage content is displayed on the split screen of the corresponding visual large screen, including: Based on the container webpage and the webpage address, the webpage content corresponding to the webpage address is obtained; According to the received display parameter information, the corresponding webpage content is displayed on the split screen of the corresponding visual large screen.

6. A visualisation large screen content presentation system characterized in that, The system comprises: The master device is used for generating a webpage service based on Node.js and express application framework, generating a container webpage based on added containers, generating a message service based on Node.js and Socket.IO open source framework, generating a message processing plug-in required by the message service based on JavaScript and browser document object model (DOM) application programming interface (API), mounting the message service and the message processing plug-in in the webpage service, introducing the dependent library required by the message service in the container webpage, identifying the container in the container webpage, introducing the message processing plug-in in the container webpage, if an access request for accessing the container webpage sent by an electronic device is received, the container webpage is sent to the electronic device, in response to the selected configuration file, the webpage address and display parameter information corresponding to each split screen contained in the configuration file are identified; wherein the visual large screen is composed of split screens of at least two electronic devices; for each split screen, the webpage address and display parameter information corresponding to the split screen are sent to the electronic device to which the split screen belongs. Each of the sub-screens belongs to an electronic device configured to send an access request for accessing a container webpage to the master device, receive the container webpage sent by the master device, receive a webpage address and display parameter information corresponding to the sub-screen sent by the master device based on a message processing plug-in carried by the container webpage, and display corresponding webpage content on the sub-screen of the corresponding visual large screen based on a browser installed therein, the webpage address and the display parameter information corresponding to the sub-screen. The visual large screen is composed of sub-screens of at least two electronic devices.

Images