CN111031293B - Panoramic monitoring display method, device and system and computer readable storage medium - Google Patents
Panoramic monitoring display method, device and system and computer readable storage medium Download PDFInfo
- Publication number
- CN111031293B CN111031293B CN201911373280.XA CN201911373280A CN111031293B CN 111031293 B CN111031293 B CN 111031293B CN 201911373280 A CN201911373280 A CN 201911373280A CN 111031293 B CN111031293 B CN 111031293B
- Authority
- CN
- China
- Prior art keywords
- panoramic
- webpage
- monitoring
- image
- window
- 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.)
- Active
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N7/00—Television systems
- H04N7/18—Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast
- H04N7/181—Closed-circuit television [CCTV] systems, i.e. systems in which the video signal is not broadcast for receiving images from a plurality of remote sources
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/816—Monomedia components thereof involving special video data, e.g 3D video
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8173—End-user applications, e.g. Web browser, game
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/85—Assembly of content; Generation of multimedia applications
- H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N5/00—Details of television systems
- H04N5/222—Studio circuitry; Studio devices; Studio equipment
- H04N5/262—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects
- H04N5/2624—Studio circuits, e.g. for mixing, switching-over, change of character of image, other special effects ; Cameras specially adapted for the electronic generation of special effects for obtaining an image which is composed of whole input images, e.g. splitscreen
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Closed-Circuit Television Systems (AREA)
Abstract
The embodiment of the invention discloses a display method, a device and a system for panoramic monitoring and a computer readable storage medium, comprising the steps of generating a panoramic webpage for displaying a panoramic image according to the acquired panoramic image of a preset area; determining panoramic coordinates of each monitoring device in a predetermined area in a panoramic image; acquiring video stream playing addresses corresponding to the monitoring devices and window names of floating windows corresponding to the monitoring devices added in the panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment; and creating a hyperlink containing a window name and a video stream playing address in the panoramic webpage according to the panoramic coordinates, and displaying the hyperlink at a position corresponding to the panoramic coordinates on the panoramic annular view. The invention is based on the panoramic image of the webpage and is associated with the monitoring mode of the real-time video image of the monitoring equipment, so that the user can more conveniently and comprehensively know the real situation of the current monitored area.
Description
Technical Field
The invention relates to the technical field of image information processing, in particular to a display method, a device and a system for panoramic monitoring and a computer readable storage medium.
Background
At present, the display mode of the panoramic image is too single, meanwhile, part of the traditional technology is applied to monitoring systems in wider places such as factories, shopping malls or campuses, the detailed conditions of the places cannot be clearly displayed, and the monitoring data is not convenient to manage and call. Therefore, the scene monitoring function in the conventional technology is not perfect enough, and the use is inconvenient.
Disclosure of Invention
The invention aims to provide a panoramic monitoring display method, a panoramic monitoring display device, a panoramic monitoring display system and a computer-readable storage medium, aiming at the defects in the prior art.
In one embodiment, the present invention provides a method of panoramic monitoring, comprising:
generating a panoramic webpage for displaying the panoramic image according to the acquired panoramic image of the preset area;
determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic image;
acquiring a video stream playing address corresponding to each monitoring device and a window name of a floating window corresponding to each monitoring device added in the panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment;
and creating a hyperlink containing the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinate, and displaying the hyperlink at a position corresponding to the panoramic coordinate on the panoramic annular view.
In one embodiment, the creating a hyperlink containing the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinate includes:
and adding a hyperlink label in the panoramic webpage according to the panoramic coordinate, taking the video stream playing address as a target address in the hyperlink label, and taking a floating window corresponding to the window name as a target window for playing the real-time video image after the target address is linked in the hyperlink label.
In one embodiment, the "generating a panoramic webpage for displaying the panoramic image according to the obtained panoramic image of the predetermined area" previously includes:
carrying out image splicing processing on the images of the regions collected in the preset region to obtain a spliced image;
rendering the mosaic through a three-dimensional panorama engine to obtain the panorama, and generating a panoramic webpage for displaying the panorama according to the panorama.
In one embodiment, the "determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic image" includes:
and obtaining the panoramic coordinate according to the acquired scene coordinate of the monitoring equipment in a scene coordinate system and the conversion relation between the scene coordinate system and the coordinate system of the panoramic image.
In one embodiment, adding the floating window in the panoramic webpage comprises:
adding a floating window label in the panoramic webpage, and defining the window name and the style of the floating window displayed in the panoramic webpage in the floating window label to finish the addition of the floating window.
In one embodiment, the video stream playing address includes a device identifier of the monitoring device.
In one embodiment, the present invention further provides a panoramic monitoring display apparatus, including:
the webpage generating module is used for generating a panoramic webpage for displaying the panoramic image according to the acquired panoramic image of the preset area;
the determining module is used for determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic image;
the acquisition module is used for acquiring video stream playing addresses corresponding to the monitoring devices and window names of floating windows corresponding to the monitoring devices added in the panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment;
and the hyperlink creating module is used for creating a hyperlink containing the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinate, and displaying the hyperlink at a position corresponding to the panoramic coordinate on the panoramic annular view.
In one embodiment, the hyperlink creation module includes:
and adding a hyperlink label in the panoramic webpage according to the panoramic coordinate, taking the video stream playing address as a target address in the hyperlink label, and taking a floating window corresponding to the window name as a target window for playing the real-time video image after the target address is linked in the hyperlink label.
In an embodiment, an embodiment of the present invention further provides a panoramic monitoring display system, which includes a computer device and a monitoring device connected to the computer device;
the computer equipment comprises a memory and a processor, wherein the memory stores a computer program, and the processor realizes the display method of panoramic monitoring when executing the computer program.
In an embodiment, an embodiment of the present invention further provides a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the computer program implements a display method of panoramic monitoring.
One of the above technical solutions has the following advantages and beneficial effects:
the display method, the device and the system for panoramic monitoring and the computer readable storage medium generate a panoramic webpage for displaying the panoramic image through the panoramic image of the preset area, and create hyperlinks on the panoramic webpage of the panoramic image based on the panoramic coordinates of the monitoring equipment in the panoramic image, the window names of the floating windows corresponding to the monitoring equipment added in the panoramic webpage and the video stream playing addresses of the monitoring equipment, thereby overlapping the panoramic image and the real-time video images of the monitoring equipment. The invention makes the scene monitoring display information more diversified and abundant, can clearly show the specific distribution of each monitoring device in the predetermined area while carrying out panoramic display on the predetermined area, and is convenient for quickly positioning the real-time condition of the monitored area of the monitoring device to be checked. In addition, the invention is based on the panoramic image of the webpage and is associated with the monitoring mode of the real-time video image of the monitoring equipment, so that the user can more conveniently and comprehensively know the real situation of the current monitored area.
Drawings
In order to more clearly illustrate the technical solution of the present invention, the drawings required to be used in the embodiments will be briefly described below, and it should be understood that the following drawings only illustrate some embodiments of the present invention, and therefore should not be considered as limiting the scope of the present invention. Like components are numbered similarly in the various figures.
Fig. 1 is a flow chart of a panoramic monitoring display method according to an embodiment of the present invention;
FIG. 2 is a schematic structural diagram of a panoramic monitoring display device according to an embodiment of the present invention;
fig. 3 shows a schematic structural diagram of a panoramic monitoring display system according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments.
The components of embodiments of the present invention generally described and illustrated in the figures herein may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present invention, presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the present invention without making any creative effort, shall fall within the protection scope of the present invention.
Hereinafter, the terms "including", "having", and their derivatives, which may be used in various embodiments of the present invention, are only intended to indicate specific features, numbers, steps, operations, elements, components, or combinations of the foregoing, and should not be construed as first excluding the existence of, or adding to, one or more other features, numbers, steps, operations, elements, components, or combinations of the foregoing.
Furthermore, the terms "first," "second," "third," and the like are used solely to distinguish one from another and are not to be construed as indicating or implying relative importance.
Unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art to which various embodiments of the present invention belong. The terms (such as those defined in commonly used dictionaries) should be interpreted as having a meaning that is consistent with their contextual meaning in the relevant art and will not be interpreted in an idealized or overly formal sense unless expressly so defined herein in various embodiments of the present invention.
Referring to fig. 1, in an embodiment, the present invention provides a panorama monitoring display method, including:
step S110: and generating a panoramic webpage for displaying the panoramic image according to the acquired panoramic image of the preset area.
The related images of the predetermined area can be input into a three-dimensional panorama engine, a panorama is generated through the three-dimensional panorama engine, and a panoramic webpage displaying the panorama is generated according to the panorama. For example, the panoramic web page is an HTML5 web page or a WebGL web page. The embodiment of the invention can access the panoramic webpage through the browser, namely, the panoramic image of the preset area can be displayed through the webpage, so that a proper angle can be controlled and selected, or a long-range view can be adjusted randomly to view the preset area, and the reasonable arrangement of monitoring equipment is facilitated to realize effective monitoring on the preset area. The predefined area may include a designated factory floor, campus or mall, etc.
Step S120: and determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic image.
The panoramic coordinates are coordinate locations where the actual location of the monitoring device in the predetermined area maps to the panoramic view.
Step S130: acquiring video stream playing addresses corresponding to the monitoring devices and window names of floating windows corresponding to the monitoring devices added in the panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment.
Each monitoring device has a corresponding video stream playing address, namely, the real-time video image acquired by the corresponding monitoring device can be requested to be played through the network video server based on the video stream playing address. The floating window is used for displaying the panoramic picture in the panoramic webpage as a part of floating display content of the webpage when the real-time video image is played. The embodiment of the invention is convenient for playing the acquired real-time video image on the panoramic webpage through the floating window and the video stream playing address.
Step S140: and creating a hyperlink containing the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinate, and displaying the hyperlink at a position corresponding to the panoramic coordinate on the panoramic image.
The hyperlink can be associated to an interested area on the panoramic image, namely, the hyperlink can be associated with corresponding monitoring equipment to acquire a real-time video image through a corresponding video stream playing address, and can be played in a floating window pointed by a window name, and the distribution of each monitoring equipment can be mastered through the panoramic image. The embodiment of the invention can load the real-time video image acquired by the monitoring equipment to the panoramic webpage displaying the panoramic image in the form of the floating window through the hyperlink established in the step. Furthermore, from the entry address of the webpage displaying the panoramic image, the real-time video image of the monitored area needing to be checked can be called out in time through the hyperlink in the webpage, and meanwhile, the redundant program for creating the multi-level page can be reduced.
The display method of the panoramic monitoring of the embodiment of the invention generates a panoramic webpage for displaying the panoramic image through the panoramic image of the preset area, and creates a hyperlink on the panoramic webpage of the panoramic image based on the panoramic coordinates of the monitoring equipment in the panoramic image, the window names of the floating windows corresponding to the monitoring equipment added in the panoramic webpage and the video stream playing addresses of the monitoring equipment, thereby overlapping the panoramic image and the real-time video images of the monitoring equipment. The invention makes the scene monitoring display information more diversified and abundant, can clearly show the specific distribution of each monitoring device in the predetermined area while carrying out panoramic display on the predetermined area, and is convenient for quickly positioning the real-time condition of the monitored area of the monitoring device to be checked. In addition, the invention is based on the panoramic image of the webpage and is associated with the monitoring mode of the real-time video image of the monitoring equipment, so that the user can more conveniently and comprehensively know the real situation of the current monitored area.
In a specific embodiment, "creating a hyperlink containing a window name and a video stream playback address in a panoramic webpage according to panoramic coordinates" includes:
step S210: and adding a hyperlink label in the panoramic webpage according to the panoramic coordinate, taking the video stream playing address as a target address in the hyperlink label, and taking a floating window corresponding to the window name as a target window for playing the real-time video image after the floating window is taken as the link target address in the hyperlink label.
The embodiment of the invention takes the video stream playing address as the target address in the hyperlink label, takes the floating window corresponding to the window name as the target window in the hyperlink label to create the hyperlink, and displays the hyperlink at the position corresponding to the panoramic coordinate on the panoramic image. When the hyperlink acts on the panoramic webpage displaying the panoramic image through clicking or other execution actions, the real-time video image acquired by the corresponding monitoring equipment can be acquired through the video stream playing address associated with the hyperlink, and the real-time video image is played on the panoramic webpage in a floating window mode. The embodiment of the invention can associate the corresponding video stream playing address on the panoramic webpage through the hyperlink through a simple executive program, is beneficial to timely calling the monitoring data of the corresponding monitoring equipment and is convenient for managing and arranging the monitoring equipment.
In a specific embodiment, generating a panoramic webpage "for displaying a panoramic image according to the obtained panoramic image of the predetermined area includes:
step S310: and carrying out image splicing processing on the images of the regions acquired in the preset region to obtain a spliced image.
For example, when images of the respective regions are acquired at predetermined regions, they may be taken with overlapping around the predetermined regions so that a coherent natural mosaic can be formed at a later stage.
Step S320: rendering the spliced graph through a three-dimensional panoramic engine to obtain a panoramic graph, and generating a panoramic webpage for displaying the panoramic graph according to the panoramic graph.
For example, the images of the regions can be stitched and color-smoothed by a 360-degree panoramic image stitching algorithm to obtain a 360-degree stitched image of the predetermined region, and preferably, the images of the regions are stitched and color-smoothed by a 720-degree panoramic image stitching algorithm to obtain a 720-degree stitched image, so as to obtain panoramic images with more viewing angles. The embodiment of the invention carries out image splicing processing on the images of all the areas in advance, thereby being capable of quickly generating the panoramic image when the images are input into the three-dimensional panoramic engine and improving the efficiency of image processing.
The three-dimensional panoramic engine can quickly render the mosaic image in the preset area to generate a panoramic image, and generate a corresponding webpage file after the panoramic image is generated, wherein the webpage file contains webpage format data, so that the panoramic webpage for displaying the panoramic image is obtained based on the webpage file. For example, the three-dimensional panorama engine may be a WebGL (Web Graphics Library) engine, the WebGL engine renders a mosaic image of a predetermined area to obtain a panorama image, generates a corresponding Web page file containing HTML5 Web page format data based on an HTML5 mode, obtains an HTML5 Web page according to the Web page file, and further may access the Web page through a browser and display the panorama image to a user.
As a preferred embodiment, the method further comprises the following steps:
and performing block cutting processing on the spliced graph, and inputting the obtained multiple image blocks into a three-dimensional panoramic engine for rendering processing.
For example, the dicing process may be an lod (levels of detail) image classification process. Therefore, the method can be loaded into the three-dimensional panoramic engine at a high speed, and the rendering processing efficiency is improved.
In a specific embodiment, determining panoramic coordinates of each monitoring device in the preset area in the panoramic view includes:
step S410: and obtaining the panoramic coordinate according to the acquired scene coordinate of the monitoring equipment in the scene coordinate system and the conversion relation between the scene coordinate system and the coordinate system of the panoramic image.
A reference coordinate system is selected and defined in the predetermined area to describe the positions of each monitoring device and other objects in the predetermined area, and the reference coordinate system is used as a scene coordinate system in the step. The coordinate system of the panorama is an image coordinate system selected and defined in the panorama. The reference coordinate system is actually a world coordinate system, and therefore, a transformation relationship between the scene coordinate system and the coordinate system of the panorama can be described by using a rotation matrix and a translation vector, and can be obtained by a transformation relationship between the world coordinate system and an image coordinate system in the prior art. Further, the scene coordinates of each monitoring device in the scene coordinate system can be mapped to the coordinate system of the panoramic image through the conversion relationship between the scene coordinate system and the coordinate system of the panoramic image to obtain the position of each monitoring device on the panoramic image, namely the panoramic coordinates.
According to the embodiment of the invention, the panoramic coordinate corresponding to each monitoring device is obtained through the conversion relation between the scene coordinate system and the coordinate system of the panoramic image. Therefore, the method and the device are beneficial to positioning to an accurate position on the panoramic image to create and display the hyperlink so as to actually reflect the position of the monitoring equipment in the preset area, and are also beneficial to accurately calling out a real-time video image of the monitoring equipment needing to be viewed so as to grasp the actual condition of the corresponding area.
In a specific embodiment, adding the floating window in the panoramic webpage includes:
step S510: and adding a floating window tag in the panoramic webpage, and defining a window name and a style of the floating window displayed in the panoramic webpage in the floating window tag to finish the addition of the floating window.
For example, the floating window tag may be an iframe tag. When the real-time video image collected by the corresponding monitoring equipment is requested to be played from the network video server through the video stream playing address, the data format of the received real-time video image can be converted into the data format suitable for being played on a webpage through the video stream playing plug-in, the real-time video image after format conversion is played on the webpage such as javascript, and the floating window in the panoramic webpage can be used as the webpage for displaying the real-time video image. Wherein the video stream playing plug-in can be installed in a browser.
The floating window of the embodiment of the invention can be embedded into a panoramic webpage, and when the real-time video image acquired by the monitoring equipment is played, the floating window can be used as a webpage window with a proper size to load the real-time video image and play the real-time video image. Furthermore, program redundancy caused by the creation of multi-level pages can be reduced, and meanwhile, monitoring data of corresponding monitoring equipment can be conveniently checked.
In a specific embodiment, the video stream playback address includes a device identification of the monitoring device.
The embodiment of the invention is convenient for identifying the corresponding monitoring equipment on the panoramic image, calling the required monitoring data and knowing the distribution of each monitoring equipment.
Referring to fig. 2, in an embodiment, an embodiment of the present invention further provides a display apparatus for panoramic monitoring, including:
and a web page generating module 210, configured to generate a panoramic web page for displaying the panoramic image according to the obtained panoramic image of the predetermined area.
And the determining module 220 is configured to determine panoramic coordinates of each monitoring device in the predetermined area in the panoramic image.
An obtaining module 230, configured to obtain a video stream playing address corresponding to each monitoring device, and a window name of a floating window corresponding to each monitoring device added in a panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment.
And a hyperlink creating module 240, configured to create a hyperlink including a window name and a video stream playing address in the panoramic webpage according to the panoramic coordinates, and display the hyperlink at a position corresponding to the panoramic coordinates on the panoramic annular view.
In a particular embodiment, the hyperlink creation module includes:
and adding a hyperlink label in the panoramic webpage according to the panoramic coordinate, taking the video stream playing address as a target address in the hyperlink label, and taking a floating window corresponding to the window name as a target window for playing the real-time video image after the floating window is taken as the link target address in the hyperlink label.
In a specific embodiment, the method further comprises the following steps:
and the splicing module is used for carrying out image splicing processing on the images of the regions acquired in the preset region to obtain a spliced image.
And the rendering module is used for rendering the spliced graph through a three-dimensional panoramic engine to obtain a panoramic graph, and generating a panoramic webpage for displaying the panoramic graph according to the panoramic graph.
In a specific embodiment, the first obtaining module includes:
and the conversion module is used for obtaining the panoramic coordinate according to the acquired scene coordinate of the monitoring equipment in the scene coordinate system and the conversion relation between the scene coordinate system and the coordinate system of the panoramic image.
In a specific embodiment, the method further comprises the following steps:
and the window creating module is used for adding a floating window label in the panoramic webpage, and defining a window name and a style of the floating window displayed in the panoramic webpage in the floating window label so as to complete the addition of the floating window.
It should be noted that, for specific limitations of the panoramic monitoring display apparatus, reference may be made to the above limitations of the panoramic monitoring display method, and details are not described herein again. The modules in the panoramic monitoring display device can be wholly or partially realized by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
In an embodiment, an embodiment of the present invention further provides a panoramic monitoring display system, which includes a computer device 10, and a monitoring device 20 connected to the computer device 10;
the computer device 10 comprises a memory in which a computer program is stored and a processor which implements the presentation method of panoramic monitoring when executing the computer program.
It should be noted that, the display method for panoramic monitoring in the embodiments of the present invention is the same as the limitation of the display method for panoramic monitoring in the embodiments described above, and details are not repeated herein.
The computer device of the embodiment of the invention can be a terminal, and the internal structure diagram can be as shown in fig. 3. The computer device includes a processor, a memory, a network interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The network interface of the computer device is used for communicating with an external monitoring device through network connection. The computer program is executed by a processor to implement a method of panorama surveillance presentation. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
The panorama monitoring display system of the embodiment of the invention generates a panorama webpage for displaying the panorama through the panorama of the predetermined area, and creates a hyperlink on the panorama webpage of the panorama based on the panorama coordinates of the monitoring equipment in the panorama, the window names of the floating windows corresponding to the monitoring equipment added in the panorama webpage and the video stream playing addresses of the monitoring equipment, thereby overlapping the real-time video images of the panorama and the monitoring equipment. The invention makes the scene monitoring display information more diversified and abundant, can clearly show the specific distribution of each monitoring device in the predetermined area while carrying out panoramic display on the predetermined area, and is convenient for quickly positioning the real-time condition of the monitored area of the monitoring device to be checked. In addition, the invention is based on the panoramic image of the webpage and is associated with the monitoring mode of the real-time video image of the monitoring equipment, so that the user can more conveniently and comprehensively know the real situation of the current monitored area.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method can be implemented in other ways. The apparatus embodiments described above are merely illustrative and, for example, the flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, each functional module or unit in each embodiment of the present invention may be integrated together to form an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent part.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention or a part of the technical solution that contributes to the prior art in essence can be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a smart phone, a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
The above description is only for the specific embodiments of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art can easily conceive of the changes or substitutions within the technical scope of the present invention, and all the changes or substitutions should be covered within the scope of the present invention.
Claims (8)
1. A panoramic monitoring display method is characterized by comprising the following steps:
generating a panoramic webpage for displaying the panoramic image according to the acquired panoramic image of the preset area;
determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic image;
acquiring a video stream playing address corresponding to each monitoring device and a window name of a floating window corresponding to each monitoring device added in the panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment;
creating a hyperlink containing the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinate, and displaying the hyperlink at a position corresponding to the panoramic coordinate on the panoramic image;
the "creating a hyperlink containing the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinates" includes:
and adding a hyperlink label in the panoramic webpage according to the panoramic coordinate, taking the video stream playing address as a target address in the hyperlink label, and taking a floating window corresponding to the window name as a target window for playing the real-time video image after the target address is linked in the hyperlink label.
2. The method for displaying the panoramic monitoring according to claim 1, wherein the generating a panoramic webpage for displaying the panoramic image according to the obtained panoramic image of the predetermined area comprises:
carrying out image splicing processing on the images of the regions collected in the preset region to obtain a spliced image;
rendering the mosaic through a three-dimensional panorama engine to obtain the panorama, and generating a panoramic webpage for displaying the panorama according to the panorama.
3. The method for displaying panoramic monitoring according to claim 1, wherein the determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic view comprises:
and obtaining the panoramic coordinate according to the acquired scene coordinate of the monitoring equipment in a scene coordinate system and the conversion relation between the scene coordinate system and the coordinate system of the panoramic image.
4. The panoramic monitored display method of claim 1, wherein adding the floating window in the panoramic webpage comprises:
adding a floating window label in the panoramic webpage, and defining the window name and the style of the floating window displayed in the panoramic webpage in the floating window label to finish the addition of the floating window.
5. The method of claim 1, wherein the video stream playback address includes a device identifier of the monitoring device.
6. A panoramic monitored display device, comprising:
the webpage generating module is used for generating a panoramic webpage for displaying the panoramic image according to the acquired panoramic image of the preset area;
the determining module is used for determining panoramic coordinates of each monitoring device in the predetermined area in the panoramic image;
the acquisition module is used for acquiring video stream playing addresses corresponding to the monitoring devices and window names of floating windows corresponding to the monitoring devices added in the panoramic webpage after the panoramic webpage is generated; the floating window is used for playing real-time video images acquired by the monitoring equipment;
a hyperlink creating module, configured to create a hyperlink including the window name and the video stream playing address in the panoramic webpage according to the panoramic coordinate, and display the hyperlink at a position on the panoramic image corresponding to the panoramic coordinate;
the hyperlink creation module includes:
and adding a hyperlink label in the panoramic webpage according to the panoramic coordinate, taking the video stream playing address as a target address in the hyperlink label, and taking a floating window corresponding to the window name as a target window for playing the real-time video image after the target address is linked in the hyperlink label.
7. A panoramic monitoring display system is characterized by comprising computer equipment and monitoring equipment connected with the computer equipment;
the computer device comprises a memory and a processor, wherein the memory stores a computer program, and the processor realizes the panoramic monitoring display method of any one of claims 1 to 5 when executing the computer program.
8. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, implements the panoramic monitored presentation method according to any one of claims 1 to 5.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911197300 | 2019-11-29 | ||
| CN2019111973002 | 2019-11-29 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111031293A CN111031293A (en) | 2020-04-17 |
| CN111031293B true CN111031293B (en) | 2021-08-24 |
Family
ID=70214172
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911373280.XA Active CN111031293B (en) | 2019-11-29 | 2019-12-27 | Panoramic monitoring display method, device and system and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111031293B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111651225A (en) * | 2020-04-28 | 2020-09-11 | 厦门科灿信息技术有限公司 | Graphical interface configuration method and terminal equipment |
| CN112464126B (en) * | 2020-12-14 | 2022-07-15 | 厦门市美亚柏科信息股份有限公司 | Method for generating panoramic chart based on Threejs, terminal equipment and storage medium |
| CN113051021A (en) * | 2021-04-01 | 2021-06-29 | 深圳力维智联技术有限公司 | Graphic link configuration method in monitoring configuration and storage medium |
| CN114245228B (en) * | 2021-11-08 | 2024-06-11 | 阿里巴巴（中国）有限公司 | Page link release method and device and electronic equipment |
| CN114928718A (en) * | 2022-04-29 | 2022-08-19 | 厦门图扑软件科技有限公司 | Video monitoring method and device, electronic equipment and storage medium |
| CN115529201A (en) * | 2022-05-31 | 2022-12-27 | 青岛海尔智能家电科技有限公司 | Method, system, device, server and storage medium for generating family environment panorama based on digital twinning |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063690A (en) * | 2009-11-16 | 2011-05-18 | 北京中海锦安高科技有限公司 | Satellite and three-dimensional city based digital fire fighting early warning intelligent management system |
| CN108334635A (en) * | 2018-02-27 | 2018-07-27 | 浪潮软件集团有限公司 | Content customizable smart city comprehensive presentation system |
| KR20180120456A (en) * | 2017-04-27 | 2018-11-06 | 한국전자통신연구원 | Apparatus for providing virtual reality contents based on panoramic image and method for the same |
| CN109068153A (en) * | 2018-09-28 | 2018-12-21 | 华为技术有限公司 | Video broadcasting method, device and computer readable storage medium |
| CN109934764A (en) * | 2019-01-31 | 2019-06-25 | 北京奇艺世纪科技有限公司 | Processing method, device, terminal, server and the storage medium of panoramic video file |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10530997B2 (en) * | 2017-07-13 | 2020-01-07 | Zillow Group, Inc. | Connecting and using building interior data acquired from mobile devices |
-
2019
- 2019-12-27 CN CN201911373280.XA patent/CN111031293B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063690A (en) * | 2009-11-16 | 2011-05-18 | 北京中海锦安高科技有限公司 | Satellite and three-dimensional city based digital fire fighting early warning intelligent management system |
| KR20180120456A (en) * | 2017-04-27 | 2018-11-06 | 한국전자통신연구원 | Apparatus for providing virtual reality contents based on panoramic image and method for the same |
| CN108334635A (en) * | 2018-02-27 | 2018-07-27 | 浪潮软件集团有限公司 | Content customizable smart city comprehensive presentation system |
| CN109068153A (en) * | 2018-09-28 | 2018-12-21 | 华为技术有限公司 | Video broadcasting method, device and computer readable storage medium |
| CN109934764A (en) * | 2019-01-31 | 2019-06-25 | 北京奇艺世纪科技有限公司 | Processing method, device, terminal, server and the storage medium of panoramic video file |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111031293A (en) | 2020-04-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111031293B (en) | Panoramic monitoring display method, device and system and computer readable storage medium | |
| US9904664B2 (en) | Apparatus and method providing augmented reality contents based on web information structure | |
| US10521468B2 (en) | Animated seek preview for panoramic videos | |
| US20130278633A1 (en) | Method and system for generating augmented reality scene | |
| CN111882634B (en) | Image rendering method, device, equipment and storage medium | |
| US10607409B2 (en) | Synthetic geotagging for computer-generated images | |
| CN107084740B (en) | Navigation method and device | |
| CN109448050B (en) | Method for determining position of target point and terminal | |
| CN114387400A (en) | Three-dimensional scene display method, display device, electronic equipment and server | |
| JP2022507502A (en) | Augmented Reality (AR) Imprint Method and System | |
| CN115494987A (en) | Video-based interaction method and device, computer equipment and storage medium | |
| CN112702643B (en) | Barrage information display method and device and mobile terminal | |
| CN111798554A (en) | Rendering parameter determination method, device, equipment and storage medium | |
| US11562538B2 (en) | Method and system for providing a user interface for a 3D environment | |
| CN110047035B (en) | Panoramic video hot spot interaction system and interaction equipment | |
| US20130036374A1 (en) | Method and apparatus for providing a banner on a website | |
| CN114625983B (en) | House source information display method and device, electronic equipment and readable storage medium | |
| CN108241746B (en) | Method and device for realizing visual public welfare activities | |
| US10956981B1 (en) | Systems and methods for visualizing an accident scene | |
| CN112825198B (en) | Mobile tag display method, device, terminal equipment and readable storage medium | |
| CN114387402A (en) | Virtual reality scene display method and device, electronic equipment and readable storage medium | |
| CN113986094A (en) | Map marking method, device, terminal and storage medium | |
| CN107749892B (en) | Network reading method and device for conference record, intelligent tablet and storage medium | |
| CN112619128A (en) | Data processing method, virtual machine, device and system | |
| CN111866548A (en) | Marking method applied to medical video |
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 |