CN110633436B - Visual and user-defined panoramic editing method, system, storage medium and equipment - Google Patents
Visual and user-defined panoramic editing method, system, storage medium and equipment Download PDFInfo
- Publication number
- CN110633436B CN110633436B CN201910799894.8A CN201910799894A CN110633436B CN 110633436 B CN110633436 B CN 110633436B CN 201910799894 A CN201910799894 A CN 201910799894A CN 110633436 B CN110633436 B CN 110633436B
- Authority
- CN
- China
- Prior art keywords
- panoramic
- panorama
- scene
- data set
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION 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/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Databases & Information Systems (AREA)
- Finance (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Computer Graphics (AREA)
- Television Signal Processing For Recording (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a visualization and user-defined panorama editing method, a system, a storage medium and equipment, wherein the method comprises the steps that a client establishes a panorama editing interface, panorama scene editing, user-defined editing of a panorama assembly and editing of a panorama script code are carried out in the panorama editing interface, the information of the edited panorama scene, the panorama assembly and the panorama script code is respectively updated to a panorama scene data set, a panorama assembly data set and a panorama script code data set, the panorama scene data set, the panorama assembly data set and the panorama script code data set are packaged into a panorama data uploading server, the server unpacks and respectively stores the panorama data, the server receives a panorama display request, the constructed XML code is sent to the client, a client renderer loads XML codes and renders the XML codes into a panorama through a krpano kernel, the system comprises the client and a server, the storage medium stores panorama editing instructions, and the equipment comprises the service equipment and user equipment.
Description
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 set, the panoramic assembly data set and the panoramic script code data set into a panoramic data set and uploads the panoramic scene data set, and the server divides the received panoramic scene data set into the panoramic scene data set, the panoramic assembly data set and the panoramic script code data set and stores the panoramic scene data set, the panoramic assembly data set and the panoramic script code data set 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 dataset 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 dataset storage module, the panorama dataset 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 a 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 bidirectional 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 visualization and self-defining panoramic editing method, a system, a storage medium and equipment, wherein a panoramic scene and a panoramic assembly are independently edited, a plurality of panoramic scenes and a plurality of panoramic assemblies can be added according to actual editing requirements, the panoramic assemblies can be edited in a self-defining way, the panoramic scenes and the panoramic assemblies can be bound with panoramic script codes to realize visual effects in various forms, in the binding process of the panoramic scenes, the panoramic assemblies and the panoramic script codes, the editing of the panoramic scenes and the panoramic assemblies can be displayed in a preview window in real time, a scene updating assembly can update scene pictures in real time to enable the displayed scenes to be consistent with the real scenes, in addition, a panoramic scene data set, a panoramic assembly data set and a panoramic script code data set can be packaged and sent to a server together as the panoramic data set, the server unpacks the panoramic data set to be stored respectively, when a user makes a panoramic display request to the server, the server constructs XML codes and sends a client, the client loads XML codes into a renderer and the renderer to render the panoramic scene, and the renderer to call the panoramic image.
Drawings
FIG. 1 is a schematic view of communication information flow of a visual and user-defined panoramic 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. The system comprises 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.I/O interface and 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, a 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 under 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 on 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 set, the panoramic assembly data set and the panoramic script code data set into a panoramic data set and uploads the panoramic scene data set, and the server divides the received panoramic scene data set into the panoramic scene data set, the panoramic assembly data set and the panoramic script code data set and stores the panoramic scene data set, the panoramic assembly data set and the panoramic script code data set 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 audits 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 audit 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 format, voice file size, voice file sampling rate 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 generates panoramic component XML codes in a recursive mode 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 form XML language codes.
As shown in fig. 3, a visual, custom panorama editing system comprises: 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 of:
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 panoramic script codes with panoramic projects, specified panoramic scenes or specified panoramic components, storing the bound and edited panoramic script codes in a panoramic script code data set, and simultaneously displaying the specified panoramic scenes or the specified panoramic components 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 type script codes and event triggering type 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 IDs;
the panoramic scene data set generates scene XML codes according to a list structure, the panoramic component data set generates panoramic component XML codes in a recursive mode 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 form 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 has 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.
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 CN110633436A (en) | 2019-12-31 |
| CN110633436B true 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) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
| CN112860247B (en) * | 2021-02-09 | 2023-11-28 | 恒安嘉新（北京）科技股份公司 | Custom generation method, device, equipment and medium of model component |
| CN112966485B (en) * | 2021-03-09 | 2024-04-12 | 中建八局轨道交通建设有限公司 | Text typesetting method and system based on word processing program |
| CN114092590B (en) * | 2022-01-19 | 2023-04-07 | 荣耀终端有限公司 | Electronic device and evaluation method and medium for image rendering performance of electronic device |
| CN118102018A (en) * | 2022-11-16 | 2024-05-28 | 北京字跳网络技术有限公司 | Video editing method, device, equipment and medium |
Citations (11)
| 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 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP3077963A4 (en) * | 2013-12-06 | 2017-09-13 | Biodatomics LLC | Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same |
-
2019
- 2019-08-28 CN CN201910799894.8A patent/CN110633436B/en active Active
Patent Citations (11)
| 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 |
| 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)
| Title |
|---|
| "Interactive Item Template and Editing System";Chorng-Shiuh Koong et al.;《International Conference on Innovative Computing, Information and Control》;20080114;全文 * |
| "基于空间分割的电力大数据三维全景可视化场景管理方法";曲朝阳 等;《万方数据知识服务平台》;20160519;全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110633436A (en) | 2019-12-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110633436B (en) | Visual and user-defined panoramic editing method, system, storage medium and equipment | |
| CN107770626B (en) | Video material processing method, video synthesizing device and storage medium | |
| CN105260170B (en) | A kind of accident deducing manoeuver method and system based on case | |
| CN104216691A (en) | Application creating method and device | |
| CN102368196A (en) | Method, terminal and system for editing dynamical picture in content sending window of client side | |
| CN105637472B (en) | The frame of screen content shared system with the description of broad sense screen | |
| CN111079047A (en) | Web-oriented page construction system | |
| CN103685389A (en) | System and method for realizing user interface interaction through remotely controlling data terminal | |
| WO2020220773A1 (en) | Method and apparatus for displaying picture preview information, electronic device and computer-readable storage medium | |
| CN107644019A (en) | A kind of hypermedia eBook content manufacturing system | |
| CN107247544A (en) | Use interaction figure picture optimization software application user interface capabilities | |
| KR20170002831A (en) | Video editing systems and a driving method using video project templates | |
| WO2022166595A1 (en) | Video generation method and apparatus based on picture | |
| CN113018867A (en) | Special effect file generating and playing method, electronic equipment and storage medium | |
| CN102929592B (en) | The method and device of the three-dimension interaction of equipment based on monitoring system | |
| CN112527172B (en) | Interface display method and device, computer readable storage medium and electronic equipment | |
| CN114866801B (en) | Video data processing method, device, equipment and computer readable storage medium | |
| KR20120000595A (en) | Method and system of providing a multimedia contents producing tool proceeding in multi-platform through on-line | |
| US11711408B2 (en) | Content appearance conversion for remote application sharing | |
| EP3955585A1 (en) | Video processing method and apparatus, and electronic device and storage medium | |
| JP2004128570A (en) | Contents creation and demonstration system, and contents creation and demonstration method | |
| CN112596732A (en) | Electronic teaching material manufacturing method and system | |
| CN112632444A (en) | Visual website theme configuration method and device | |
| Ducreux et al. | Rapid prototyping of complete systems, the case study of a smart parking | |
| CN113806596B (en) | Operation data management 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 |