CN105354274A - 3D webpage synchronous display method and system - Google Patents
3D webpage synchronous display method and system Download PDFInfo
- Publication number
- CN105354274A CN105354274A CN201510716223.2A CN201510716223A CN105354274A CN 105354274 A CN105354274 A CN 105354274A CN 201510716223 A CN201510716223 A CN 201510716223A CN 105354274 A CN105354274 A CN 105354274A
- Authority
- CN
- China
- Prior art keywords
- webpage
- picture
- right view
- left view
- apart
- 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.)
- Pending
Links
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/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/71—Indexing; Data structures therefor; Storage structures
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N13/00—Stereoscopic video systems; Multi-view video systems; Details thereof
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention discloses a 3D webpage synchronous display method and system. The method comprises: step 1, in code of a 3D webpage, setting a plurality of left view progress flag bits for left views belonging to a same 3D webpage, and setting a plurality of right view progress flag bits for right views belonging to a same 3D webpage; step 2, receiving, by a stereo video playing apparatus, the transmitted code of the 3D webpage; and step 3, determining in real time whether a left view progress flag bit and a right view progress flag bit which indicate a same progress exist in currently received code, if yes, using the left view progress flag bit and the right view progress flag bit with the same progress as a target flag bit, rendering code content of the left views by the target flag bit and code content of the right views by the target flag bit, and then performing 3D output display. According to the method provided by the present invention, synchronous rendering of the left and right views of the 3D webpage can be achieved during a display process, and user experience of 3D viewing can be improved.
Description
Technical field
The present invention relates to computer application field, particularly relate to a kind of synchronous display method and system of 3D webpage.
Background technology
Along with the progress of science and technology, the develop rapidly of web technologies, traditional 2D webpage cannot meet the demand of people, along with the progressively development of 3D display technique, 3D three-dimensional film playing device show 3D webpage and is convenient to user's viewing, becoming new technical need.
The design concept of 3D webpage is, human eye is when an observation three-dimensional body, and because the horizontal level of right and left eyes is different, the subject image seen also is not quite similar.The image that right and left eyes is seen is called left view and right view, and the difference between them is called parallax.The left and right view that there is parallax is by the process of human brain people can be made the to perceive world that one has the depth of field and stereovision.Therefore, make use of this binocular parallax principle, show the projection view angles that two of a certain three-dimensional scenic are slightly different simultaneously, and make the right and left eyes of people obtain left and right view respectively, stereo-picture can be fused in human brain.Therefore, in fact 3D webpage design is exactly for Same Scene, designs left view and right view respectively.In procedure for displaying, left view sends into the left eye of user, and right view sends into the left eye of user.
In the prior art, usually by server, 3D webpage is sent to client, is undertaken loading and playing up by client.After particularly first all being transmitted by the code of one of them view for same 3D webpage, then transmit the code of another view.Such as, first transmit the code of left view, after transmission, then transmit the code of right view.This client can be the browser of a 3D webpage.The left view that left view after playing up is sent into three-dimensional film playing device by client plays passage, and the right view that the right view after playing up sends into three-dimensional film playing device is play passage, and then is treated to stereoscopic picture plane by three-dimensional film playing device and plays.
But, may occur loading nonsynchronous problem in loading procedure, such as due to when network condition is not good or the performance of client place terminal is not good, when needs perform rendering step, for same 3D webpage, left view is only had to achieve loading, right view may still in the process transmitted, do not start to load or part loading, then play up only for complete left view, and disappearance is for the rendered picture of right view or imperfect for playing up of right view, then be delivered to after three-dimensional film playing device plays, due to right and left eyes image between content difference exceed standard value, when watching by apprehensive for corresponding generation, the problem of dislocation, user's eyes are easily caused to produce sense of discomfort, reduce the Consumer's Experience of 3D viewing.
Summary of the invention
The technical matters that the present invention solves is, the left and right view of 3D webpage is synchronously played up, and promotes the Consumer's Experience of 3D viewing.
In order to solve the problem, the invention discloses a kind of synchronous display method of 3D webpage, be applied to a three-dimensional film playing device, comprising:
Step 1, in the code of 3D webpage, for the left view being under the jurisdiction of same 3D webpage arranges multiple left view progress zone bit, for the right view being under the jurisdiction of same 3D webpage arranges multiple right view progress zone bit;
Step 2, this three-dimensional film playing device receives the code of this 3D webpage transmitted;
Step 3, real-time judge current in the code collected, existence has left view progress zone bit and the right view progress zone bit of identical progress, if, this had the left view progress zone bit of identical progress and right view progress zone bit as blip position, play up in left view by the end of the code content of this blip position in the code content of this blip position and right view, and carry out 3D output display.
Continue after this step 3 to perform step 2, in this step 3, the step whether real-time judge exists left view progress zone bit and the right view progress zone bit with identical progress comprises further:
Whether real-time judge exists the left view progress zone bit and right view progress zone bit with up-to-date identical progress;
If so, will there is the left view progress zone bit of up-to-date identical progress and right view progress zone bit as this blip position.
This step 3 also comprises, and utilizes coloured part and blank pixel, is packaged into a two field picture picture, carries out 3D output display.
In this step 2, the transmission sequence of this code is whole codes of the whole codes first transmitting left view, rear transmission right view, or, first transmit whole codes of right view, whole codes of rear transmission left view.
Also comprise after this step 2:
Judge the current whole codes whether receiving a complete 3D webpage, if not, perform step 3, if so, entirety is carried out to this width 3D webpage received and plays up, be packaged into a two field picture picture, carry out 3D output display.
The coding of this 3D webpage adopts html markup language to coordinate the mode of Css style definitions, or WebGL coordinates the mode of CssShader.
In the code of this 3D webpage, this left view and right view comprise word and/or picture respectively.
In the code of this left view and the code of right view, just the position relationship of same picture is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2
rright＝2*wide-rleft-lleft-lright
Wherein, rtop is the back gauge of the picture in right view apart from the top margin of this 3D webpage, picture in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the picture in right view apart from the base of this 3D webpage, lbottom is the back gauge of the picture in left view apart from the base of this 3D webpage, rleft is the back gauge of the picture in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the picture in left view apart from the left margin of this 3D webpage, rright is the back gauge of the picture in right view apart from the right margin of this 3D webpage, lright is the back gauge of the picture in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage.
In the code of this left view and the code of right view, just the position relationship of same word is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2+n
rright＝lright-wide/2+n
Wherein, rtop is the back gauge of the word in right view apart from the top margin of this 3D webpage, word in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the word in right view apart from the base of this 3D webpage, lbottom is the back gauge of the word in left view apart from the base of this 3D webpage, rleft is the back gauge of the word in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the word in left view apart from the left margin of this 3D webpage, rright is the back gauge of the word in right view apart from the right margin of this 3D webpage, lright is the back gauge of the word in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage, n is the number of pixels for parallax simulation, n is integer.
The invention also discloses a kind of synchronous display system of 3D webpage, be arranged at a three-dimensional film playing device, this system comprises:
Zone bit setting unit, in the code of 3D webpage, for the left view being under the jurisdiction of same 3D webpage arranges multiple left view progress zone bit, for the right view being under the jurisdiction of same 3D webpage arranges multiple right view progress zone bit;
Receiving element, this three-dimensional film playing device receives the code of this 3D webpage transmitted;
Judging unit, real-time judge current in the code collected, existence has left view progress zone bit and the right view progress zone bit of identical progress, if, this had the left view progress zone bit of identical progress and right view progress zone bit as blip position, play up in left view by the end of the code content of this blip position in the code content of this blip position and right view, and carry out 3D output display.
Continue after calling this judging unit to call this receiving element, this judging unit comprises a renewal judging unit further, whether there is the left view progress zone bit and right view progress zone bit with up-to-date identical progress for real-time judge; If so, will there is the left view progress zone bit of up-to-date identical progress and right view progress zone bit as this blip position.
This judging unit also comprises output unit, for utilizing this coloured part and blank pixel, being packaged into a two field picture picture, carrying out 3D output display.
In this receiving element, the transmission sequence of this code is whole codes of the whole codes first transmitting left view, rear transmission right view, or, first transmit whole codes of right view, whole codes of rear transmission left view.
An integrality judging unit is also comprised after this receiving element, for judging the current whole codes whether receiving a complete 3D webpage, if not, call this judging unit, if, carry out entirety to this width 3D webpage received to play up, be packaged into a two field picture picture, carry out 3D output display.
The coding of this 3D webpage adopts html markup language to coordinate the mode of Css style definitions, or WebGL coordinates the mode of CssShader.
Described system is in the code of this 3D webpage, and this left view and right view comprise word and/or picture respectively.
In the code of this left view and the code of right view, just the position relationship of same picture is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2
rright＝2*wide-rleft-lleft-lright
Wherein, rtop is the back gauge of the picture in right view apart from the top margin of this 3D webpage, picture in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the picture in right view apart from the base of this 3D webpage, lbottom is the back gauge of the picture in left view apart from the base of this 3D webpage, rleft is the back gauge of the picture in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the picture in left view apart from the left margin of this 3D webpage, rright is the back gauge of the picture in right view apart from the right margin of this 3D webpage, lright is the back gauge of the picture in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage.
In the code of this left view and the code of right view, just the position relationship of same word is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2+n
rright＝lright-wide/2+n
Wherein, rtop is the back gauge of the word in right view apart from the top margin of this 3D webpage, word in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the word in right view apart from the base of this 3D webpage, lbottom is the back gauge of the word in left view apart from the base of this 3D webpage, rleft is the back gauge of the word in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the word in left view apart from the left margin of this 3D webpage, rright is the back gauge of the word in right view apart from the right margin of this 3D webpage, lright is the back gauge of the word in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage, n is the number of pixels for parallax simulation, n is integer.
By technique scheme of the present invention, can make 3D webpage in procedure for displaying, carry out left and right view and synchronously play up, promote the Consumer's Experience of 3D viewing.
Accompanying drawing explanation
Figure 1 shows that this webpage schematic diagram corresponding to example web page code.
Fig. 2 A, 2B are depicted as the schematic flow sheet of the synchronous display method of a kind of 3D webpage of the present invention.
Embodiment
Below in conjunction with specific embodiment, describe implementation procedure of the present invention in detail, so that those skilled in the art fully understands ins and outs of the present invention, but not as limitation of the present invention.
The mode that current 3D presents substantially be play, the form of video, picture exists, and the display mode of 3D webpage does not still have reasonable rendering method at present.The form of 3D webpage is divided into double-colored (red indigo plant, red green etc.), left and right, up and down, line interlacing, row are staggered, and the 3D webpage format of this wherein left and right (Side-by-Side) is universally accepted at present, and 3D display device can carry out representing of 3D picture based on this kind of form.3D webpage design used in the present invention is also carried out based on this kind of form.
The coding of 3D webpage of the present invention adopts html markup language to coordinate the mode of css style definitions, or WebGL coordinates the mode of CssShader.In the code of this 3D webpage, this left view and right view include but not limited to word and/or picture respectively.
Css is coordinated for html.The web page code of 3D webpage generally includes:
Css Butut code
[img] left picture address [/img]
[title] left word [title]
[img] right picture address [/img]
[title] right word [title]
The content of text of the main management and control webpage of html part.That is, by the management and control of html markup language, the picture that loading is anticipated and word.The layout that this picture of the main management and control of Css Butut code and word adopt.Webpage schematic diagram corresponding to the code of this 3D webpage as shown in Figure 1, by the layout setting of Css Butut code to left and right picture and left and right word, controls the display position that it is concrete.
In the present invention, in order to make the left and right view of 3D webpage synchronously play up, when carrying out the webpage design of 3D webpage, progress zone bit is set in code specially.Specifically, the schematic flow sheet of the synchronous display method of a kind of 3D webpage of the present invention is depicted as Fig. 2 A, 2B.
Step 1, in the code of 3D webpage, for the left view being under the jurisdiction of same 3D webpage arranges multiple left view progress zone bit, for the right view being under the jurisdiction of same 3D webpage arranges multiple right view progress zone bit.
The web page code of 3D webpage of the present invention comprises:
[img] left picture 1 address [/img]
[title] left word 1 [/title]
[3dprogress]L50[/3dprogress]
[img] left picture 2 address [/img]
[title] left word 2 [title]
[3dprogress]L75[/3dprogress]
[img] left picture 3 address [/img]
[title] left word 3 [title]
[3dprogress]L100[/3dprogress]
[img] right picture 1 address [/img]
[title] right word 1 [/title]
[3dprogress]R50[/3dprogress]
[img] right picture 2 address [/img]
[title] right word 2 [title]
[3dprogress]R75[/3dprogress]
[img] right picture 3 address [/img]
[title] right word 3 [title]
[3dprogress]R100[/3dprogress]
Wherein, [3dprogress] is progress zone bit, and the present invention is in the html code of 3D webpage, and subsection setup has multiple progress zone bit.The content representation recorded in this progress zone bit progress of current loading.
Such as, [3dprogress] L50 [/ 3dprogress] is left view progress zone bit, L50 represents left view and is loaded into 50%, [3dprogress] L100 [/ 3dprogress] is left view progress zone bit, L75 represents left view and is loaded into 75%, [3dprogress] L100 [/ 3dprogress] is left view progress zone bit, and L100 represents left view and is loaded into 100%.
[3dprogress] R50 [/ 3dprogress] is right view progress zone bit, R50 represents right view and is loaded into 50%, [3dprogress] R75 [/ 3dprogress] is right view progress zone bit, R75 represents right view and is loaded into 75%, [3dprogress] R100 [/ 3dprogress] is right view progress zone bit, and R100 represents right view and is loaded into 100%.
The interval that this progress zone bit is arranged can sets itself as required, but, interval for left and right view needs consistent, such as respectively 30%, 45%, 80%, 100% place is provided with progress zone bit for left view, is then provided with progress zone bit 30%, 45%, 80%, 100% respectively for also being needed by right view.That is, in same view, the interval between each progress zone bit may be different, but each progress zone bit, in another view, all should exist the progress zone bit of identical progress.It is more much more intensive that progress zone bit is arranged, and the precision that subsequent synchronisation is played up is higher, and synchronous rendering effect is better.
Step 2, the code being provided with this 3D webpage of this progress zone bit is transferred to this three-dimensional film playing device.
Step 3, the browser real-time judge of this three-dimensional film playing device current in the code collected, whether there is the left view progress zone bit and right view progress zone bit with identical progress, if so, perform step 4, if not, repeated execution of steps 3.
Step 4, this had the left view progress zone bit of identical progress and right view progress zone bit as blip position, play up in left view by the end of the code content of this blip position in the code content of this blip position and right view, and carry out 3D output display.
Specifically, under practical application scene, due to the instability of network, the Word message that browser receives and picture are not complete usually, especially, when webpage itself is with a large amount of picture, the content that at this time can produce left view has loaded and the situation that right view does not load.In order to tackle this situation, invention has been and carry out synchro control.
In step 2, the web page code of aforesaid 3D webpage of the present invention is transferred to browser line by line according to said sequence.In step 3, to in same 3D webpage when the code of [3dprogress] L100 [/ 3dprogress] is sent to browser, browser is found by real-time judge, only there is left view progress zone bit at present, there is not right view progress zone bit, that is, there is not identical progress in left and right view, then do not play up.
Suppose to be sent to browser by the end of the code of [3dprogress] R50 [/ 3dprogress] in same 3D webpage, browser is found by real-time judge, receive and in the code loaded, included progress zone bit [3dprogress] L50 [/ 3dprogress] at present, visible, left view and right view have been loaded into an identical progress all, and 50%.Now, in left view front 50% code and right view in front 50% code, execution is played up, for the rendering result of left and right view, be delivered to respectively left and right view play passage carry out 3D output display.
In addition, owing to only having played up 50%, the picture that a frame is complete can not be formed, so the present invention utilizes coloured part and blank pixel, be packaged into a two field picture picture, carry out 3D output display.Now, although the picture that user sees is imperfect, the picture that right and left eyes is seen respectively is corresponding, then eyes there will not be uncomfortable sensation.
In addition, comprise further in step 3:
Step 31, whether real-time judge exists the left view progress zone bit and right view progress zone bit with up-to-date identical progress; If so, will there is the left view progress zone bit of up-to-date identical progress and right view progress zone bit as this blip position.
Specifically, continue at browser to receive in the process of web page code and loading, suppose that the code by the end of [3dprogress] R75 [/ 3dprogress] is sent to browser, then browser real-time judge goes out, in the code of current loading, comprise [3dprogress] L75 [/ 3dprogress] and [3dprogress] R75 [/ 3dprogress] simultaneously, then current up-to-date identical progress is 75%, then now by left view by the end of the code of [3dprogress] L75 [/ 3dprogress], and by the end of the code of [3dprogress] R75 [/ 3dprogress] in right view, execution is played up, for a left side, the rendering result of right view, be delivered to a left side respectively, right view is play passage and is carried out 3D output display.
Wherein, because left and right view has all only played up 75%, the picture that a frame is complete can not be formed, so the present invention need utilize the blank pixel of coloured 75% and 25%, be packaged into a two field picture picture, carry out 3D output display.
In this step 2, both first can transmit whole codes of left view, whole codes of rear transmission right view, also first can transmit whole codes of right view, whole codes of rear transmission left view.
In addition, in another embodiment, also comprise between this step 2,3:
Step 21, judge the current whole codes whether receiving a complete 3D webpage, if not, make to play up stopping, by Liu Bai or the mode lock-screen adding progress bar, continue to perform step 3, if, carry out entirety to this width 3D webpage received to play up, be packaged into a two field picture picture, carry out 3D output display.
In step 21, carry out the judgement of integrality equally according to progress zone bit, if the corresponding progress of left view progress zone bit and right view progress zone bit all reaches 100%, be then considered as being currently received whole codes of a complete 3D webpage.
The present invention, by carrying out integrality judgement, directly carries out entirety and plays up, when imperfect, then perform described synchronous display method, to improve treatment effeciency when complete.
In addition, in the process of webpage design, the effect shown to make 3D is better, and the eyes of user are watched, and webpage is more natural, and the design of the application to 3D webpage exists some concrete methods for designing.
In the view of left and right, the setting position of same picture needs to accomplish correspondence, and CSS code can arrange the back gauge of each element from the border of distance all directions by margin or padding attribute.
In the code of this left view and the code of right view, just the position relationship of same picture is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2
rright＝2*wide-rleft-lleft-lright
Wherein, rtop is the back gauge of the picture in right view apart from the top margin of this 3D webpage, picture in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the picture in right view apart from the base of this 3D webpage, lbottom is the back gauge of the picture in left view apart from the base of this 3D webpage, rleft is the back gauge of the picture in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the picture in left view apart from the left margin of this 3D webpage, rright is the back gauge of the picture in right view apart from the right margin of this 3D webpage, lright is the back gauge of the picture in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage.
In the code of this left view and the code of right view, just the position relationship of same word is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2+n
rright＝lright-wide/2+n
Wherein, rtop is the back gauge of the word in right view apart from the top margin of this 3D webpage, word in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the word in right view apart from the base of this 3D webpage, lbottom is the back gauge of the word in left view apart from the base of this 3D webpage, rleft is the back gauge of the word in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the word in left view apart from the left margin of this 3D webpage, rright is the back gauge of the word in right view apart from the right margin of this 3D webpage, lright is the back gauge of the word in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage, n is the number of pixels for parallax simulation, n is integer.
Specifically, Pictures location computing method in left and right are for standard with left figure.Following example is all in units of pixel, and design screen size is 1920x1080 pixel.
Left picture: ltop100lbottom900lleft100lright1800
Right picture: rtop100rbotton900rleft1060rright880
Word computing method in fact also can be identical with picture, because the font at present in each system is all planar design.But, as the 3D effect of font need be represented, font is needed to carry out 3D modeling, at present in order to the 3D effect of compatible normal font, can simulate parallax by n the pixel that stagger, n both can be positive integer and also can be negative integer, and the value of n determines the outstanding effect of word, excessive n value can cause right and left eyes image to overlap, and this value can carry out adaptation according to different equipment.
Left word: ltop200lbotton800lleft100lright1800
Right word: rtop200rbottom800rleft1060+nrright880-n
By the setting of above-mentioned 3D webpage, make left and right view in 3D procedure for displaying, be more beneficial to and make human eye produce stereoscopic sensation, and then more natural effect can be obtained when simultaneous display.
In sum, by technique scheme of the present invention, can make 3D webpage in procedure for displaying, carry out left and right view and synchronously play up, promote the Consumer's Experience of 3D viewing.
These are only the embodiment of technical scheme of the present invention, the equivalence that those skilled in the art implements according to the scheme described in the claims in the present invention or be obviously out of shape, be also included in protection scope of the present invention.
Claims (18)
1. a synchronous display method for 3D webpage, is applied to a three-dimensional film playing device, it is characterized in that, comprising:
Step 1, in the code of 3D webpage, for the left view being under the jurisdiction of same 3D webpage arranges multiple left view progress zone bit, for the right view being under the jurisdiction of same 3D webpage arranges multiple right view progress zone bit;
Step 2, this three-dimensional film playing device receives the code of this 3D webpage transmitted;
Step 3, real-time judge current in the code collected, existence has left view progress zone bit and the right view progress zone bit of identical progress, if, this had the left view progress zone bit of identical progress and right view progress zone bit as blip position, play up in left view by the end of the code content of this blip position in the code content of this blip position and right view, and carry out 3D output display.
2. the method for claim 1, is characterized in that, continue after this step 3 to perform step 2, in this step 3, the step whether real-time judge exists left view progress zone bit and the right view progress zone bit with identical progress comprises further:
Whether real-time judge exists the left view progress zone bit and right view progress zone bit with up-to-date identical progress;
If so, will there is the left view progress zone bit of up-to-date identical progress and right view progress zone bit as this blip position.
3. the method for claim 1, is characterized in that, this step 3 also comprises, and utilizes coloured part and blank pixel, is packaged into a two field picture picture, carries out 3D output display.
4. the method for claim 1, is characterized in that, in this step 2, the transmission sequence of this code is whole codes of the whole codes first transmitting left view, rear transmission right view, or, first transmit whole codes of right view, whole codes of rear transmission left view.
5. the method for claim 1, is characterized in that, also comprises after this step 2:
Judge the current whole codes whether receiving a complete 3D webpage, if not, perform step 3, if so, entirety is carried out to this width 3D webpage received and plays up, be packaged into a two field picture picture, carry out 3D output display.
6. the method for claim 1, is characterized in that, the coding of this 3D webpage adopts html markup language to coordinate the mode of Css style definitions, or WebGL coordinates the mode of CssShader.
7. the method for claim 1, is characterized in that, in the code of this 3D webpage, this left view and right view comprise word and/or picture respectively.
8. method as claimed in claim 7, is characterized in that, the code of this left view is with the code of right view, and the position relationship with regard to same picture is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2
rright＝2*wide-rleft-lleft-lright
Wherein, rtop is the back gauge of the picture in right view apart from the top margin of this 3D webpage, picture in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the picture in right view apart from the base of this 3D webpage, lbottom is the back gauge of the picture in left view apart from the base of this 3D webpage, rleft is the back gauge of the picture in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the picture in left view apart from the left margin of this 3D webpage, rright is the back gauge of the picture in right view apart from the right margin of this 3D webpage, lright is the back gauge of the picture in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage.
9. method as claimed in claim 7, is characterized in that, the code of this left view is with the code of right view, and the position relationship with regard to same word is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2+n
rright＝lright-wide/2+n
Wherein, rtop is the back gauge of the word in right view apart from the top margin of this 3D webpage, word in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the word in right view apart from the base of this 3D webpage, lbottom is the back gauge of the word in left view apart from the base of this 3D webpage, rleft is the back gauge of the word in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the word in left view apart from the left margin of this 3D webpage, rright is the back gauge of the word in right view apart from the right margin of this 3D webpage, lright is the back gauge of the word in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage, n is the number of pixels for parallax simulation, n is integer.
10. a synchronous display system for 3D webpage, be arranged at a three-dimensional film playing device, it is characterized in that, this system comprises:
Zone bit setting unit, in the code of 3D webpage, for the left view being under the jurisdiction of same 3D webpage arranges multiple left view progress zone bit, for the right view being under the jurisdiction of same 3D webpage arranges multiple right view progress zone bit;
Receiving element, this three-dimensional film playing device receives the code of this 3D webpage transmitted;
Judging unit, real-time judge current in the code collected, existence has left view progress zone bit and the right view progress zone bit of identical progress, if, this had the left view progress zone bit of identical progress and right view progress zone bit as blip position, play up in left view by the end of the code content of this blip position in the code content of this blip position and right view, and carry out 3D output display.
11. systems as claimed in claim 10, it is characterized in that, continue after calling this judging unit to call this receiving element, this judging unit comprises a renewal judging unit further, whether there is the left view progress zone bit and right view progress zone bit with up-to-date identical progress for real-time judge; If so, will there is the left view progress zone bit of up-to-date identical progress and right view progress zone bit as this blip position.
12. systems as claimed in claim 10, it is characterized in that, this judging unit also comprises output unit, for utilizing this coloured part and blank pixel, being packaged into a two field picture picture, carrying out 3D output display.
13. systems as claimed in claim 10, is characterized in that, in this receiving element, the transmission sequence of this code is whole codes of the whole codes first transmitting left view, rear transmission right view, or, first transmit whole codes of right view, whole codes of rear transmission left view.
14. systems as claimed in claim 10, it is characterized in that, an integrality judging unit is also comprised after this receiving element, for judging the current whole codes whether receiving a complete 3D webpage, if not, call this judging unit, if, carry out entirety to this width 3D webpage received to play up, be packaged into a two field picture picture, carry out 3D output display.
15. systems as claimed in claim 10, is characterized in that, the coding of this 3D webpage adopts html markup language to coordinate the mode of Css style definitions, or WebGL coordinates the mode of CssShader.
16. systems as claimed in claim 10, is characterized in that, in the code of this 3D webpage, this left view and right view comprise word and/or picture respectively.
17. systems as claimed in claim 16, is characterized in that, in the code of this left view and the code of right view, just the position relationship of same picture is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2
rright＝2*wide-rleft-lleft-lright
Wherein, rtop is the back gauge of the picture in right view apart from the top margin of this 3D webpage, picture in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the picture in right view apart from the base of this 3D webpage, lbottom is the back gauge of the picture in left view apart from the base of this 3D webpage, rleft is the back gauge of the picture in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the picture in left view apart from the left margin of this 3D webpage, rright is the back gauge of the picture in right view apart from the right margin of this 3D webpage, lright is the back gauge of the picture in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage.
18. systems as claimed in claim 16, is characterized in that, in the code of this left view and the code of right view, just the position relationship of same word is:
rtop＝ltop；
rbottom＝lbottom
rleft＝lleft+wide/2+n
rright＝lright-wide/2+n
Wherein, rtop is the back gauge of the word in right view apart from the top margin of this 3D webpage, word in ltop left view is apart from the back gauge of the top margin of this 3D webpage, rbottom is the back gauge of the word in right view apart from the base of this 3D webpage, lbottom is the back gauge of the word in left view apart from the base of this 3D webpage, rleft is the back gauge of the word in right view apart from the left margin of this 3D webpage, lleft is the back gauge of the word in left view apart from the left margin of this 3D webpage, rright is the back gauge of the word in right view apart from the right margin of this 3D webpage, lright is the back gauge of the word in left view apart from the right margin of this 3D webpage, wide is the width of this 3D webpage, n is the number of pixels for parallax simulation, n is integer.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510716223.2A CN105354274A (en) | 2015-10-29 | 2015-10-29 | 3D webpage synchronous display method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510716223.2A CN105354274A (en) | 2015-10-29 | 2015-10-29 | 3D webpage synchronous display method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105354274A true CN105354274A (en) | 2016-02-24 |
Family
ID=55330247
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510716223.2A Pending CN105354274A (en) | 2015-10-29 | 2015-10-29 | 3D webpage synchronous display method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105354274A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106648586A (en) * | 2016-09-23 | 2017-05-10 | 网博实景（北京）网络科技有限公司 | Platform for performing VR creation based on network browser |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH02149049A (en) * | 1988-11-30 | 1990-06-07 | Hitachi Ltd | Communication control system |
| JP2001054141A (en) * | 1999-08-04 | 2001-02-23 | Dainippon Printing Co Ltd | Two-dimensional.stereoscopic video image reproducing device |
| CN103095828A (en) * | 2013-01-14 | 2013-05-08 | 上海电力学院 | Web three dimensional (3D) synchronous conference system based on rendering cloud and method of achieving synchronization |
| CN104468826A (en) * | 2014-12-25 | 2015-03-25 | 广东威创视讯科技股份有限公司 | Distributed rendering method, device and system |
-
2015
- 2015-10-29 CN CN201510716223.2A patent/CN105354274A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH02149049A (en) * | 1988-11-30 | 1990-06-07 | Hitachi Ltd | Communication control system |
| JP2001054141A (en) * | 1999-08-04 | 2001-02-23 | Dainippon Printing Co Ltd | Two-dimensional.stereoscopic video image reproducing device |
| CN103095828A (en) * | 2013-01-14 | 2013-05-08 | 上海电力学院 | Web three dimensional (3D) synchronous conference system based on rendering cloud and method of achieving synchronization |
| CN104468826A (en) * | 2014-12-25 | 2015-03-25 | 广东威创视讯科技股份有限公司 | Distributed rendering method, device and system |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106648586A (en) * | 2016-09-23 | 2017-05-10 | 网博实景（北京）网络科技有限公司 | Platform for performing VR creation based on network browser |
| CN106648586B (en) * | 2016-09-23 | 2020-03-13 | 网博实景（北京）网络科技有限公司 | Platform for VR creation based on web browser |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP4214976B2 (en) | Pseudo-stereoscopic image creation apparatus, pseudo-stereoscopic image creation method, and pseudo-stereoscopic image display system | |
| CN106303573B (en) | 3D video image processing method, server and client | |
| CN102937968B (en) | A kind of binocular 3D webpage implementation method based on Canvas and system | |
| CN105723705B (en) | The generation of image for automatic stereo multi-view display | |
| CN102905145B (en) | Stereoscopic image system, image generation method, image adjustment device and method thereof | |
| CN110915206B (en) | System and method for generating virtual three-dimensional images | |
| CN103177467A (en) | Method for creating naked eye 3D (three-dimensional) subtitles by using Direct 3D technology | |
| CN103339949A (en) | Method and apparatus for transmitting/receiving a digital broadcasting signal | |
| CN104159099B (en) | The method to set up of binocular stereo camera during a kind of 3D three-dimensional film makes | |
| CN108492633A (en) | A method of realizing children's complementary education using AR | |
| CN102984483B (en) | A kind of three-dimensional user interface display system and method | |
| CN102521876A (en) | Method and system for realizing three dimensional (3D) stereoscopic effect of user interface | |
| CN105354274A (en) | 3D webpage synchronous display method and system | |
| CN102917176A (en) | Three-dimensional stereoscopic parallax subtitle generating method | |
| CN108197248B (en) | Method, device and system for displaying 3D (three-dimensional) 2D webpage | |
| CN111405262B (en) | Viewpoint information generation method, apparatus, system, device and medium | |
| CN102231841A (en) | Naked-eye 3D (three-dimensional) display television based on dual-viewpoint 3D data and implementation method thereof | |
| CN202738036U (en) | 3-dimensional module for naked eyes | |
| KR101242764B1 (en) | Apparatus and method for creating 3-dimensional augmented reality image using 3d image and gpu | |
| CN105898267A (en) | Lens-free stereoscopic video processing method | |
| CN202713528U (en) | System for synchronous acquisition of 3D data | |
| CN207603821U (en) | A kind of bore hole 3D systems based on cluster and rendering | |
| CN105432081B (en) | Three-dimensional image generation device, three-dimensional image generation method, program, and information storage medium | |
| CN104796684A (en) | Naked eye 3D (three-dimensional) video processing method | |
| JP2006186510A (en) | Pseudo-stereoscopic image generating apparatus, and program, and pseudo-stereoscopic image display system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| AD01 | Patent right deemed abandoned | ||
| AD01 | Patent right deemed abandoned |
Effective date of abandoning: 20190531 |