CN110633436A - Visualization and user-defined panorama editing method, system, storage medium and equipment - Google Patents

Visualization and user-defined panorama editing method, system, storage medium and equipment Download PDF

Info

Publication number
CN110633436A
CN110633436A CN201910799894.8A CN201910799894A CN110633436A CN 110633436 A CN110633436 A CN 110633436A CN 201910799894 A CN201910799894 A CN 201910799894A CN 110633436 A CN110633436 A CN 110633436A
Authority
CN
China
Prior art keywords
panoramic
panorama
scene
component
editing
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201910799894.8A
Other languages
Chinese (zh)
Other versions
CN110633436B (en
Inventor
鲁朋远
王文信
姜昆
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Henan Jiushang Technology Co Ltd
Original Assignee
Henan Jiushang Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Henan Jiushang Technology Co Ltd filed Critical Henan Jiushang Technology Co Ltd
Priority to CN201910799894.8A priority Critical patent/CN110633436B/en
Publication of CN110633436A publication Critical patent/CN110633436A/en
Application granted granted Critical
Publication of CN110633436B publication Critical patent/CN110633436B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0641Shopping interfaces
    • G06Q30/0643Graphical representation of items or shoppers
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/003D [Three Dimensional] image rendering
    • G06T15/005General purpose rendering architectures

Abstract

The invention discloses a visual and self-defined panorama editing method, a system, a storage medium and equipment, wherein the method comprises the steps that a client end creates a panorama editing interface, panorama scene editing, self-defined editing of a panorama component and editing of a panorama script code are carried out in the panorama editing interface, the information of the edited panorama scene, the edited panorama component and the panorama script code is respectively updated to a panorama scene data group, a panorama component data group and a panorama script code data group, the panorama scene data group, the panorama component data group and the panorama script code data group are packaged into a panorama data uploading server, the server is unpacked and respectively stored, the server receives a panorama display request, the constructed XML code is sent to the client end, a renderer of the client end loads XML codes and renders the XML codes into a panorama through a krpano kernel, the system comprises the client end and a server end, and the storage medium stores a panorama editing instruction, the device is a service device and a user device.

Description

Visualization and user-defined panorama editing method, system, storage medium and equipment
Technical Field
The invention relates to the technical field of panoramic editing, in particular to a visual and user-defined panoramic editing method, a system, a storage medium and equipment.
Background
With the civilization and commercialization of the internet, in various webpages, APPs and desktop programs such as electronic commerce, real estate and take-out, basic characters, pictures, videos and the like cannot meet the requirements of users on information, so that the panoramic technology is produced, the panoramic technology has no dead angle and omnibearing viewing experience, the users can feel personally on the scene, and the interaction of characters, pictures, click events and the like in the panoramic technology can further enhance the sense of reality of the user experience.
Traditional panorama editing process needs professional program developer to participate in, and the development is released the flow loaded down with trivial details, and development cycle is long, and in addition, current visual editing tool of panorama is seriously not enough at panorama subassembly expanding capacity and panorama page self-defined degree, and the panorama interface of making is very different, and interactive capability is repeated and simple, hardly can not even be competent at complicated user demand completely.
Disclosure of Invention
In order to solve the problems, the invention provides a visual and user-defined panoramic editing method, a system, a storage medium and equipment, which have the characteristics of high automation, strong expansibility, simplicity and quickness.
The invention is realized by the following technical scheme:
the visual and user-defined panoramic editing method comprises the following steps:
the method comprises the following steps: the method comprises the steps that a client receives an editing request, and creates a panoramic editing interface, a panoramic project, a panoramic scene data set, a panoramic assembly data set and a panoramic script code data set, wherein the panoramic editing interface comprises an operation interface and a preview window; the editing comprises adding, modifying and deleting;
step two: editing the panoramic scene:
editing the panoramic scene in the operation interface, updating the edited panoramic scene to a panoramic scene data set, and simultaneously displaying the panoramic scene in a preview window;
step three: editing a panoramic component:
the panoramic assembly comprises at least one assembly element, wherein the assembly element comprises a text element, a voice element, a picture element, a video element and a custom assembly element, and the custom assembly element is added by an editor in a free uploading way;
the editing of the panoramic component comprises attribute editing of component elements and combined editing of the component elements;
the attribute editing of the component elements comprises text element attribute editing, voice element attribute editing, picture element attribute editing, video element attribute editing and custom element attribute editing;
the combination of the component elements is edited into one component element or a plurality of component elements are freely combined into a panoramic component;
editing the panoramic assembly to any position in the panoramic scene, storing the edited panoramic assembly in the panoramic assembly data set, and displaying the panoramic assembly in a preview window;
step four: editing panoramic script codes:
binding a panoramic project, an appointed panoramic scene or an appointed panoramic assembly by the panoramic script code, storing the bound and edited panoramic script code in a panoramic script code data set, and simultaneously displaying the appointed panoramic scene or the appointed panoramic assembly on a preview window;
step five: the client packs the panoramic scene data group, the panoramic component data group and the panoramic script code data group into a panoramic data group and uploads the panoramic scene data group, and the server divides the received panoramic scene data group into the panoramic scene data group, the panoramic component data group and the panoramic script code data group and stores the panoramic scene data group, the panoramic component data group and the panoramic script code data group in a classified manner;
step six: the method comprises the steps that a server receives a panorama display request, the server constructs an XML language code according to a panorama scene data set, a panorama component data set and a panorama script code data set, the XML language code is sent to a client, the client loads the XML language code into a renderer, and the renderer calls a krpano kernel to render the XML language code into a panorama.
The editing of the panoramic component further comprises editing of a scene updating component, the scene updating component binds panoramic script codes to receive and identify scene pictures which are updated on the server and coincide with reality, and the server receives real-time scene pictures uploaded by the client side or/and the mobile communication equipment side.
In the first step, the panoramic scene data set comprises a plurality of panoramic scenes, and the plurality of panoramic scenes are stored in the panoramic scene data set in a list structure;
the panoramic component data set comprises a plurality of panoramic components, and the panoramic components are stored in the panoramic component data set in a multi-level tree structure;
the panoramic script code data set comprises a plurality of panoramic script codes, the panoramic script codes comprise automatic script codes and event triggering script codes, and the panoramic script codes are stored in the panoramic script code data set in a list structure;
and rendering the preview window in the second step, the third step and the fourth step through a renderer before displaying.
In the first step, the panoramic scene data set further stores parameters of a panoramic scene, and the panoramic scene parameters are attribute information of the panoramic scene;
the panoramic component data set also stores parameters of the panoramic component, and the parameters of the panoramic component comprise the size of the panoramic component, the color of the panoramic component, the position of the panoramic component, the text element attribute, the voice element attribute, the picture element attribute, the video element attribute and the custom element attribute in the panoramic component;
step six, the panoramic display request is that a client transmits parameters to a server through a webpage link, and the transmitted parameters are panoramic ID;
the panoramic scene data set generates scene XML codes according to a list structure, the panoramic component data set recursively generates panoramic component XML codes according to a multi-level tree structure, the panoramic script code data set generates script XML codes according to a combination of the list structure, and the scene XML codes, the panoramic component XML codes and the script XML codes are combined to construct XML language codes.
A visual, custom panorama editing system, comprising: the client comprises an operation interface, a preview window, a panorama rendering module, a panorama generator module and a panorama data set storage module, wherein the operation interface is in data transmission with the preview window through the panorama rendering module, panorama data in the operation interface are stored in the panorama data set storage module, the panorama data set storage module is in communication connection with the server, the server is in communication connection with the panorama generator module, the panorama generator module receives XML language codes sent by the server to the panorama rendering module, and the panorama rendering module calls a krpano kernel to render panorama.
The operation interface comprises a panoramic scene configuration module, a panoramic scene data set module, a panoramic component configuration module, a panoramic component data set module, a panoramic script code configuration module, a panoramic script code module and a panoramic script code data set module, wherein,
the panoramic scene configuration module is used for storing the edited panoramic scene and the panoramic scene parameters in a panoramic scene data set and synchronizing the panoramic scene and the panoramic scene parameters to the preview window through the panoramic rendering module;
the panoramic scene data set module is used for constructing a panoramic scene data set;
the panoramic component configuration module is used for storing the edited panoramic component and the panoramic component parameters into a panoramic component data group and synchronizing the panoramic component and the panoramic component parameters to the preview window through the panoramic rendering module;
the panoramic component data group module is used for constructing a panoramic component data group;
the panoramic script code module is used for generating and binding panoramic script codes;
the panoramic script code configuration module is used for binding panoramic script codes to the panoramic project, the specified panoramic scene and the specified panoramic assembly respectively;
and the panoramic script code data group module is used for constructing a panoramic script code data group.
A storage medium having stored thereon instructions executable by a processor for performing the method.
Visual, self-defined panorama editing facilities, including user equipment, service equipment and network transmission equipment, carry out communication connection through network transmission equipment between user equipment and the service equipment, network transmission equipment is any one in switch, router, network transmission line or the signal converter.
The user equipment comprises a user operation unit, a user control unit, a user storage unit, a display unit, an I/O interface, a user network unit and a user power supply unit, wherein the user control unit, the user network unit, the I/O interface and the user storage unit are all in bidirectional communication connection with the user operation unit, the I/O interface is in bidirectional communication connection with the display unit, and the user power supply unit provides working voltage for the user equipment;
the service equipment comprises a service end operation unit, a service end control unit, a service end network unit, a service end storage unit and a service end power supply unit, wherein the service end control unit, the service end network unit and the service end storage unit are all in two-way communication connection with the service end operation unit, and the service end power supply unit provides working voltage for the service equipment.
The invention discloses a visual and self-defining panoramic editing method, a system, a storage medium and a device, which adopt panoramic scenes and panoramic components for independent editing, can add a plurality of panoramic scenes and a plurality of panoramic components according to the actual editing requirements, the panoramic components can be self-defined for editing, the panoramic scenes and the panoramic components can be bound with panoramic script codes to realize various forms of visual effects, the editing of the panoramic scenes and the panoramic components is displayed in a preview window in real time in the binding process of the panoramic scenes, the panoramic components and the panoramic script codes, a scene updating component can update scene pictures in real time to ensure that the displayed scenes are consistent with the actual scenes, in addition, a panoramic scene data set, a panoramic component data set and a panoramic script code data set can be packed into a panoramic data set to be jointly sent to a server, and the server unpacks the panoramic data set to be respectively stored, when a user makes a panorama display request to a server, the server builds XML codes and sends the XML codes to a client, the client loads the XML codes into a renderer, and the renderer calls a krpano kernel to render a panorama.
Drawings
Fig. 1 is a schematic view of communication information flow of a visual and custom panorama editing method.
FIG. 2 is a flow chart of a visualization, custom panorama editing method.
Fig. 3 is a schematic structural diagram of a visualization and custom panorama editing system.
Fig. 4 is a schematic structural diagram of a visualization and customization panoramic editing device.
1. An operation interface, 2, a panoramic scene data group module, 3, a panoramic scene configuration module, 4, a panoramic rendering module, 5, a preview window, 6, a panoramic component configuration module, 7, a panoramic component data group module, 8, a panoramic script code configuration module, 9, a panoramic script code module, 10, a panoramic script code data group module, 11, a panoramic data group storage module, 12, a server, 13, a panoramic generator module, 14, a service device, 15, a service end power supply unit, 16, a service end control unit, 17, a service end transportation unit, 18, a service end network unit, 19, a service end storage unit, 20, a network transmission device, 21, a user device, 22, a user power supply unit, 23, a user network unit, 24, a user control unit, 25, a user operation unit, 26, a display unit, 27, an I/O interface, 28. a user storage unit.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. It is obvious that the described embodiments are only a part of the embodiments of the present invention, not all embodiments, and all other embodiments obtained by those skilled in the art without inventive work based on the embodiments of the present invention belong to the protection scope of the present invention.
As shown in fig. 1, a communication information flow chart of a visual and user-defined panorama editing method is used for performing panorama editing on any client, uploading a panorama data set to a server for storage after the panorama editing is completed, receiving a panorama display request of any client by the server, sending a panorama scene data set to the client with the display request for panorama display, and receiving uploaded real-time scene pictures of any client or/and a mobile communication device by the server so that a panorama scene is consistent with a real scene.
As shown in fig. 2, the visualization and custom panorama editing method includes the following steps:
the method comprises the following steps: the method comprises the steps that a client receives an editing request, and creates a panoramic editing interface, a panoramic project, a panoramic scene data set, a panoramic assembly data set and a panoramic script code data set, wherein the panoramic editing interface comprises an operation interface and a preview window; the editing comprises adding, modifying and deleting, the editing mode is preferably a dragging mode, if a panoramic scene is added, any panoramic scene is dragged to the panoramic editing interface, the panoramic assembly is added, any panoramic assembly is dragged to the panoramic scene to edit the panoramic assembly, and the edited panoramic scene and the edited panoramic assembly are edited in the same panoramic project.
Step two: editing the panoramic scene:
editing the panoramic scene in the operation interface, updating the edited panoramic scene to a panoramic scene data set, and simultaneously displaying the panoramic scene in a preview window;
step three: editing a panoramic component:
the panoramic assembly comprises at least one assembly element, wherein the assembly element comprises a text element, a voice element, a picture element, a video element and a custom assembly element, and the custom assembly element is added by an editor in a free uploading way;
the editing of the panoramic component comprises attribute editing of component elements and combined editing of the component elements;
the attribute editing of the component elements comprises text element attribute editing, voice element attribute editing, picture element attribute editing, video element attribute editing and custom element attribute editing;
the combination of the component elements is edited into one component element or a plurality of component elements are freely combined into a panoramic component;
editing the panoramic assembly to any position in the panoramic scene, storing the edited panoramic assembly in the panoramic assembly data set, and displaying the panoramic assembly in a preview window;
step four: editing panoramic script codes:
binding a panoramic script code with a panoramic project, an appointed panoramic scene or an appointed panoramic assembly, storing the bound and edited panoramic script code in a panoramic script code data set, and simultaneously displaying the appointed panoramic scene or the appointed panoramic assembly on a preview window;
step five: the client packs the panoramic scene data group, the panoramic component data group and the panoramic script code data group into a panoramic data group and uploads the panoramic scene data group, and the server divides the received panoramic scene data group into the panoramic scene data group, the panoramic component data group and the panoramic script code data group and stores the panoramic scene data group, the panoramic component data group and the panoramic script code data group in a classified manner;
step six: the method comprises the steps that a server receives a panorama display request, the server constructs an XML language code according to a panorama scene data set, a panorama component data set and a panorama script code data set, the XML language code is sent to a client, the client loads the XML language code into a renderer, and the renderer calls a krpano kernel to render the XML language code into a panorama.
The editing of the panoramic component further comprises editing of a scene updating component, the scene updating component binds panoramic script codes to receive and identify scene pictures which are updated on the server and coincide with reality, and the server receives real-time scene pictures uploaded by the client side or/and the mobile communication equipment side. The client includes but is not limited to a PC, and the mobile communication device includes but is not limited to a cell phone and a tablet. When a user of any panoramic scene finds that a display scene is inconsistent with a real scene, the user can take a picture through a mobile phone or a tablet and upload the picture to the server, the server receives the uploaded real-time scene picture, an administrator reviews and uploads the real-time scene picture on the server, the administrator makes the uploaded real-time scene picture into a panoramic scene picture after the review is passed, the scene picture is sent to the scene updating component through the server to update the corresponding scene, and the scene updating component can replace and update the scene through a scene ID or a scene name.
In the first step, the panoramic scene data set comprises a plurality of panoramic scenes, and the plurality of panoramic scenes are stored in the panoramic scene data set in a list structure;
the panoramic component data set comprises a plurality of panoramic components, and the panoramic components are stored in the panoramic component data set in a multi-level tree structure;
the panoramic script code data set comprises a plurality of panoramic script codes, the panoramic script codes comprise automatic script codes and event triggering script codes, and the panoramic script codes are stored in the panoramic script code data set in a list structure; the automatic script code can be used for automatic dynamic display of a scene or a component, such as automatic tour of the scene, and free movement of the component in the scene, the event-triggered script code triggers a corresponding response for a scene event or a component event, such as a zooming response of a scene triggered by rolling of a mouse wheel in the scene, after the component is bound by the event-triggered script code, a corresponding trigger response can be generated after the component is triggered by an event, and such as scene switching, web page linking, comment frames, two-dimensional codes or keyboard key correspondence can be generated when the script code is bound by a left mouse button.
And rendering the preview window in the second step, the third step and the fourth step through a renderer before displaying.
In the first step, the panoramic scene data set further stores panoramic scene parameters, and the panoramic parameters are attribute information of a panoramic scene; the attribute information of the panoramic scene includes, but is not limited to, a name of the panoramic scene, an initial viewing angle of the panoramic scene, a limited viewing angle of the panoramic scene, a switching effect of the panoramic scene, and a zoom of the panoramic scene;
the panoramic component data set also stores parameters of the panoramic component, and the parameters of the panoramic component comprise the size of the panoramic component, the color of the panoramic component, the position of the panoramic component, the text element attribute, the voice element attribute, the picture element attribute, the video element attribute and the custom element attribute in the panoramic component;
the text element attributes comprise a font, a font size, a font bold, a font incline, a font underline, a font color, a text interval and the like;
the voice element attributes comprise voice formats, voice file sizes, sampling rates of the voice files and the like;
the picture element attributes comprise picture rotation, picture distortion, picture cropping, picture delineation and the like;
the video element attributes comprise video format, video size and video playing speed.
The custom element attributes include a maximum stored value and a maximum custom size value for the custom element. The self-defined elements enable the panoramic scene editing to have better expansibility, if a self-defined environment switch component can be added according to actual requirements, the environment switch component is bound with the script codes, and different environment displays of the same scene in spring, summer, autumn and winter can be displayed when the environment switch component is triggered.
Step six, the panoramic display request is that a client transmits parameters to a server through a webpage link, and the transmitted parameters are panoramic ID;
the panoramic scene data set generates scene XML codes according to a list structure, the panoramic component data set recursively generates panoramic component XML codes according to a multi-level tree structure, the panoramic script code data set generates script XML codes according to a combination of the list structure, and the scene XML codes, the panoramic component XML codes and the script XML codes are combined to construct XML language codes.
As shown in fig. 3, a visualization, custom panorama editing system includes: the client comprises an operation interface 1, a preview window 5, a panorama rendering module 4, a panorama generator module 13 and a panorama data set storage module 11, wherein the operation interface 1 performs data transmission with the preview window 5 through the panorama rendering module 4, panorama data in the operation interface 1 are stored in the panorama data set storage module 11, the panorama data set storage module 11 is in communication connection with the server 12, the server 12 is in communication connection with the panorama generator module 13, the panorama generator module 13 receives XML language codes sent by the server 12 and sends the XML language codes to the panorama rendering module 4, and the panorama rendering module 4 calls a krpan kernel to render a panorama.
The operation interface 1 comprises a panoramic scene configuration module 3, a panoramic scene data group module 2, a panoramic component configuration module 6, a panoramic component data group module 7, a panoramic script code configuration module 8, a panoramic script code module 9 and a panoramic script code data group module 10, wherein,
the panoramic scene configuration module 3 is used for storing the edited panoramic scene and the panoramic scene parameters in a panoramic scene data set, and meanwhile, synchronizing the panoramic scene and the panoramic scene parameters to the preview window 5 through the panoramic rendering module 4;
the panoramic scene data set module 2 is used for constructing a panoramic scene data set;
the panoramic component configuration module 6 is used for storing the edited panoramic component and panoramic component parameters into the panoramic component data set, and meanwhile, synchronizing the panoramic component and the panoramic component parameters to the preview window 5 through the panoramic rendering module 4;
a panoramic component data group module 7 for constructing a panoramic component data group;
a panoramic script code configuration module 8, which binds corresponding panoramic script codes to the panoramic project, the appointed panoramic scene and the appointed panoramic component through a panoramic script code module 9;
a panoramic script code module 9 for generating and binding panoramic assembly script codes;
and a panoramic script code data group module 10 for constructing a panoramic script code data group.
A storage medium, preferably a hard disk, having stored thereon instructions executable by a processor for performing the above-described visualization, custom panorama editing method.
As shown in fig. 4, a visualization and custom panorama editing apparatus includes a user device 21, a service device 14, and a network transmission device 20, where the user device 21 and the service device 14 are communicatively connected through the network transmission device 20, and the network transmission device 20 is a router.
The user equipment 21 comprises a user operation unit 25, a user control unit 24, a user storage unit 28, a display unit 26, an I/O interface 27, a user network unit 23 and a user power supply unit 22, wherein the user control unit 24, the user network unit 23, the I/O interface 27 and the user storage unit 28 are all in bidirectional communication connection with the user operation unit 25, the I/O interface 27 is in bidirectional communication connection with the display unit 26, and the user power supply unit 22 provides working voltage for the user equipment.
The user device 21 is preferably a general-purpose computer, and the program of the user device executes the above visualization and customized panorama editing method.
The service device 14 includes a service end arithmetic unit 17, a service end control unit 16, a service end network unit 18, a service end storage unit 19 and a service end power supply unit 15, the service end control unit 16, the service end network unit 18 and the service end storage unit 19 are all in bidirectional communication connection with the service end arithmetic unit 17, and the service end power supply 15 unit provides working voltage for the service device.
The service device 14 is preferably a general-purpose server device, and the hardware and the corresponding operating system on the service device 14 are used for executing the above visualization and customized panorama editing method.
The technical means disclosed in the invention scheme are not limited to the technical means disclosed in the above embodiments, but also include the technical scheme formed by any combination of the above technical features. It should be noted that those skilled in the art can make various improvements and modifications without departing from the principle of the present invention, and such improvements and modifications are also considered to be within the scope of the present invention.

Claims (10)

1. The visual and user-defined panoramic editing method is characterized by comprising the following steps:
the method comprises the following steps: the method comprises the steps that a client receives an editing request, and creates a panoramic editing interface, a panoramic project, a panoramic scene data set, a panoramic assembly data set and a panoramic script code data set, wherein the panoramic editing interface comprises an operation interface and a preview window; the editing comprises adding, modifying and deleting;
step two: editing the panoramic scene:
editing the panoramic scene in the operation interface, updating the edited panoramic scene to a panoramic scene data set, and simultaneously displaying the panoramic scene in a preview window;
step three: editing a panoramic component:
the panoramic assembly comprises at least one assembly element, wherein the assembly element comprises a text element, a voice element, a picture element, a video element and a custom assembly element, and the custom assembly element is added by an editor in a free uploading way;
the editing of the panoramic component comprises attribute editing of component elements and combined editing of the component elements;
the attribute editing of the component elements comprises text element attribute editing, voice element attribute editing, picture element attribute editing, video element attribute editing and custom element attribute editing;
the combination of the component elements is edited into one component element or a plurality of component elements are freely combined into a panoramic component;
editing the panoramic assembly to any position in the panoramic scene, storing the edited panoramic assembly in the panoramic assembly data set, and displaying the panoramic assembly in a preview window;
step four: editing panoramic script codes:
binding a panoramic project, an appointed panoramic scene or an appointed panoramic assembly by the panoramic script code, storing the bound and edited panoramic script code in a panoramic script code data set, and simultaneously displaying the appointed panoramic scene or the appointed panoramic assembly on a preview window;
step five: the client packs the panoramic scene data group, the panoramic component data group and the panoramic script code data group into a panoramic data group and uploads the panoramic scene data group, and the server divides the received panoramic scene data group into the panoramic scene data group, the panoramic component data group and the panoramic script code data group and stores the panoramic scene data group, the panoramic component data group and the panoramic script code data group in a classified manner;
step six: the method comprises the steps that a server receives a panorama display request, the server constructs an XML language code according to a panorama scene data set, a panorama component data set and a panorama script code data set, the XML language code is sent to a client, the client loads the XML language code into a renderer, and the renderer calls a krpano kernel to render the XML language code into a panorama.
2. The visualization, custom panorama editing method of claim 1, wherein: the editing of the panoramic component further comprises editing of a scene updating component, the scene updating component binds panoramic script codes to receive and identify scene pictures which are updated on the server and coincide with reality, and the server receives real-time scene pictures uploaded by the client side or/and the mobile communication equipment side.
3. The visualization, custom panorama editing method of claim 1, wherein:
in the first step, the panoramic scene data set comprises a plurality of panoramic scenes, and the plurality of panoramic scenes are stored in the panoramic scene data set in a list structure;
the panoramic component data set comprises a plurality of panoramic components, and the panoramic components are stored in the panoramic component data set in a multi-level tree structure;
the panoramic script code data set comprises a plurality of panoramic script codes, the panoramic script codes comprise automatic script codes and event triggering script codes, and the panoramic script codes are stored in the panoramic script code data set in a list structure;
and rendering the preview window in the second step, the third step and the fourth step through a renderer before displaying.
4. The visualization, custom panorama editing method of claim 1, wherein:
in the first step, the panoramic scene data set further stores parameters of a panoramic scene, and the panoramic scene parameters are attribute information of the panoramic scene;
the panoramic component data set also stores parameters of the panoramic component, and the parameters of the panoramic component comprise the size of the panoramic component, the color of the panoramic component, the position of the panoramic component, the text element attribute, the voice element attribute, the picture element attribute, the video element attribute and the custom element attribute in the panoramic component.
5. The visualization, custom panorama editing method of claim 1, wherein: step six, the panoramic display request is that a client transmits parameters to a server through a webpage link, and the transmitted parameters are panoramic ID;
the panoramic scene data set generates scene XML codes according to a list structure, the panoramic component data set recursively generates panoramic component XML codes according to a multi-level tree structure, the panoramic script code data set generates script XML codes according to a combination of the list structure, and the scene XML codes, the panoramic component XML codes and the script XML codes are combined to construct XML language codes.
6. A visualization, custom panorama editing system employing the method of any of claims 1 to 5, comprising: the client comprises an operation interface, a preview window, a panorama rendering module, a panorama generator module and a panorama data set storage module, wherein the operation interface is in data transmission with the preview window through the panorama rendering module, panorama data in the operation interface are stored in the panorama data set storage module, the panorama data set storage module is in communication connection with the server, the server is in communication connection with the panorama generator module, the panorama generator module receives XML language codes sent by the server to the panorama rendering module, and the panorama rendering module calls a krpano kernel to render panorama.
7. The visualization, custom panorama editing system of claim 6, wherein: the operation interface comprises a panoramic scene configuration module, a panoramic scene data set module, a panoramic component configuration module, a panoramic component data set module, a panoramic script code configuration module, a panoramic script code module and a panoramic script code data set module, wherein,
the panoramic scene configuration module is used for storing the edited panoramic scene and the panoramic scene parameters in a panoramic scene data set and synchronizing the panoramic scene and the panoramic scene parameters to the preview window through the panoramic rendering module;
the panoramic scene data set module is used for constructing a panoramic scene data set;
the panoramic component configuration module is used for storing the edited panoramic component and the panoramic component parameters into a panoramic component data group and synchronizing the panoramic component and the panoramic component parameters to the preview window through the panoramic rendering module;
the panoramic component data group module is used for constructing a panoramic component data group;
the panoramic script code module is used for generating and binding panoramic script codes;
the panoramic script code configuration module is used for binding panoramic script codes to the panoramic project, the specified panoramic scene and the specified panoramic assembly respectively;
and the panoramic script code data group module is used for constructing a panoramic script code data group.
8. A storage medium, characterized by: the storage medium having stored thereon instructions executable by a processor for performing the method of any one of claims 1 to 5.
9. A visual, custom panorama editing apparatus comprising the storage medium of claim 8, wherein: the network transmission system comprises user equipment, service equipment and network transmission equipment, wherein the user equipment and the service equipment are in communication connection through the network transmission equipment, and the network transmission equipment is any one of an exchanger, a router, a network transmission line or a signal converter.
10. The visualization, custom panorama editing device of claim 9, wherein: the user equipment comprises a user operation unit, a user control unit, a user storage unit, a display unit, an I/O interface, a user network unit and a user power supply unit, wherein the user control unit, the user network unit, the I/O interface and the user storage unit are all in bidirectional communication connection with the user operation unit, the I/O interface is in bidirectional communication connection with the display unit, and the user power supply unit provides working voltage for the user equipment;
the service equipment comprises a service end operation unit, a service end control unit, a service end network unit, a service end storage unit and a service end power supply unit, wherein the service end control unit, the service end network unit and the service end storage unit are all in two-way communication connection with the service end operation unit, and the service end power supply unit provides working voltage for the service equipment.
CN201910799894.8A 2019-08-28 2019-08-28 Visual and user-defined panoramic editing method, system, storage medium and equipment Active CN110633436B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910799894.8A CN110633436B (en) 2019-08-28 2019-08-28 Visual and user-defined panoramic editing method, system, storage medium and equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910799894.8A CN110633436B (en) 2019-08-28 2019-08-28 Visual and user-defined panoramic editing method, system, storage medium and equipment

Publications (2)

Publication Number Publication Date
CN110633436A true CN110633436A (en) 2019-12-31
CN110633436B CN110633436B (en) 2022-12-20

Family

ID=68969329

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910799894.8A Active CN110633436B (en) 2019-08-28 2019-08-28 Visual and user-defined panoramic editing method, system, storage medium and equipment

Country Status (1)

Country Link
CN (1) CN110633436B (en)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111240674A (en) * 2020-01-09 2020-06-05 上海米哈游天命科技有限公司 Parameter modification method, device, terminal and storage medium
CN111598652A (en) * 2020-04-28 2020-08-28 携程计算机技术(上海)有限公司 Product information display method, device, equipment and storage medium
CN112860247A (en) * 2021-02-09 2021-05-28 恒安嘉新(北京)科技股份公司 Custom generation method, device, equipment and medium for model component
CN112966485A (en) * 2021-03-09 2021-06-15 中建八局轨道交通建设有限公司 Text and pattern typesetting method and system based on word processing program
CN114092590A (en) * 2022-01-19 2022-02-25 荣耀终端有限公司 Electronic device and evaluation method and medium for image rendering performance of electronic device

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106571082A (en) * 2016-10-12 2017-04-19 大连文森特软件科技有限公司 VR driving exam projection production and experience system based on online visualized programming
CN106909385A (en) * 2017-02-27 2017-06-30 百度在线网络技术(北京)有限公司 The operating method of visual page editing machine and visual page editing machine
CN107241653A (en) * 2017-08-03 2017-10-10 湖南全晰科技有限公司 A kind of Visual Dynamic in panoramic video adds the technical method of focus
CN107291820A (en) * 2017-03-24 2017-10-24 北京建筑大学 A kind of boundary marker approaches to IM based on full-view image
CN107330062A (en) * 2017-06-29 2017-11-07 广西电网有限责任公司 Management and running panorama display systems based on GIS
CN108681444A (en) * 2018-04-12 2018-10-19 华中科技大学 A kind of Soft- PLC configuration development approach based on XML technology
CN108958736A (en) * 2018-07-20 2018-12-07 北京三快在线科技有限公司 Page generation method, device, electronic equipment and computer-readable medium
CN109299422A (en) * 2018-09-20 2019-02-01 江苏满运软件科技有限公司 Visualize page authoring method, system, equipment and storage medium
CN109325203A (en) * 2018-09-10 2019-02-12 北京亚鸿世纪科技发展有限公司 The device of Web system visualization multiplexing is realized in a kind of automation
CN109471900A (en) * 2018-11-15 2019-03-15 中译语通科技股份有限公司 Chart class data self action data exchange method and system, computer program
CN109669688A (en) * 2018-09-26 2019-04-23 深圳壹账通智能科技有限公司 Based on visual software development methodology, device, terminal device and storage medium
US20190196672A1 (en) * 2013-12-06 2019-06-27 Biodatomics, LLC Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20190196672A1 (en) * 2013-12-06 2019-06-27 Biodatomics, LLC Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same
CN106571082A (en) * 2016-10-12 2017-04-19 大连文森特软件科技有限公司 VR driving exam projection production and experience system based on online visualized programming
CN106909385A (en) * 2017-02-27 2017-06-30 百度在线网络技术(北京)有限公司 The operating method of visual page editing machine and visual page editing machine
CN107291820A (en) * 2017-03-24 2017-10-24 北京建筑大学 A kind of boundary marker approaches to IM based on full-view image
CN107330062A (en) * 2017-06-29 2017-11-07 广西电网有限责任公司 Management and running panorama display systems based on GIS
CN107241653A (en) * 2017-08-03 2017-10-10 湖南全晰科技有限公司 A kind of Visual Dynamic in panoramic video adds the technical method of focus
CN108681444A (en) * 2018-04-12 2018-10-19 华中科技大学 A kind of Soft- PLC configuration development approach based on XML technology
CN108958736A (en) * 2018-07-20 2018-12-07 北京三快在线科技有限公司 Page generation method, device, electronic equipment and computer-readable medium
CN109325203A (en) * 2018-09-10 2019-02-12 北京亚鸿世纪科技发展有限公司 The device of Web system visualization multiplexing is realized in a kind of automation
CN109299422A (en) * 2018-09-20 2019-02-01 江苏满运软件科技有限公司 Visualize page authoring method, system, equipment and storage medium
CN109669688A (en) * 2018-09-26 2019-04-23 深圳壹账通智能科技有限公司 Based on visual software development methodology, device, terminal device and storage medium
CN109471900A (en) * 2018-11-15 2019-03-15 中译语通科技股份有限公司 Chart class data self action data exchange method and system, computer program

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
CHORNG-SHIUH KOONG ET AL.: ""Interactive Item Template and Editing System"", 《INTERNATIONAL CONFERENCE ON INNOVATIVE COMPUTING, INFORMATION AND CONTROL》 *
曲朝阳 等: ""基于空间分割的电力大数据三维全景可视化场景管理方法"", 《万方数据知识服务平台》 *

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111240674A (en) * 2020-01-09 2020-06-05 上海米哈游天命科技有限公司 Parameter modification method, device, terminal and storage medium
CN111240674B (en) * 2020-01-09 2023-03-28 上海米哈游天命科技有限公司 Parameter modification method, device, terminal and storage medium
CN111598652A (en) * 2020-04-28 2020-08-28 携程计算机技术(上海)有限公司 Product information display method, device, equipment and storage medium
CN112860247A (en) * 2021-02-09 2021-05-28 恒安嘉新(北京)科技股份公司 Custom generation method, device, equipment and medium for model component
CN112860247B (en) * 2021-02-09 2023-11-28 恒安嘉新(北京)科技股份公司 Custom generation method, device, equipment and medium of model component
CN112966485A (en) * 2021-03-09 2021-06-15 中建八局轨道交通建设有限公司 Text and pattern typesetting method and system based on word processing program
CN112966485B (en) * 2021-03-09 2024-04-12 中建八局轨道交通建设有限公司 Text typesetting method and system based on word processing program
CN114092590A (en) * 2022-01-19 2022-02-25 荣耀终端有限公司 Electronic device and evaluation method and medium for image rendering performance of electronic device

Also Published As

Publication number Publication date
CN110633436B (en) 2022-12-20

Similar Documents

Publication Publication Date Title
CN110633436B (en) Visual and user-defined panoramic editing method, system, storage medium and equipment
CN110781423B (en) Webpage generation method and device and electronic equipment
CN109918607B (en) Page construction method and device, medium and computing equipment
CN111079047B (en) Web-oriented page construction system
CN104216691A (en) Application creating method and device
CN105260170B (en) A kind of accident deducing manoeuver method and system based on case
CN107231415B (en) The network storage method and device of picture
CA2963850A1 (en) Systems and methods for creating and displaying multi-slide presentations
CN105120006A (en) Live commenting control method, live commenting server and live commenting control device for electronic readings
CN112068824A (en) Webpage development preview method and device and electronic equipment
CN109471580B (en) Visual 3D courseware editor and courseware editing method
CN112329403A (en) Live broadcast document processing method and device
CN111176643A (en) Method for generating subsystem home page and computer readable storage medium
CN113821201A (en) Code development method and device, electronic equipment and storage medium
CN105045587A (en) Picture display method and apparatus
WO2022166595A1 (en) Video generation method and apparatus based on picture
CN113849156B (en) Codeless intelligent development system applied to OpenHarmony operating system and application method thereof
CN104077426B (en) Data recording method and device
CN114866801B (en) Video data processing method, device, equipment and computer readable storage medium
CN113590555B (en) Data processing method, device and system
KR20120000595A (en) Method and system of providing a multimedia contents producing tool proceeding in multi-platform through on-line
CN112596732A (en) Electronic teaching material manufacturing method and system
CN113806596B (en) Operation data management method and related device
CN116452786B (en) Virtual reality content generation method, system, computer device and storage medium
CN113704593B (en) Operation data processing method and related device

Legal Events

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