CN102130972A - Method and system for synchronizing white board after picture centralization under different resolution ratios - Google Patents
Method and system for synchronizing white board after picture centralization under different resolution ratios Download PDFInfo
- Publication number
- CN102130972A CN102130972A CN2011101069458A CN201110106945A CN102130972A CN 102130972 A CN102130972 A CN 102130972A CN 2011101069458 A CN2011101069458 A CN 2011101069458A CN 201110106945 A CN201110106945 A CN 201110106945A CN 102130972 A CN102130972 A CN 102130972A
- Authority
- CN
- China
- Prior art keywords
- picture
- state information
- communication server
- picture state
- server
- 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
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a method and system for synchronizing a white board after picture centralization under different resolution ratios, wherein the method and system provided by the invention are applied in the technical field of networks. The method comprises: a communication server sends acquired picture state information to a synchronous storage server; and the synchronous storage server stores and updates the picture state information, and sends the updated picture state information to a target user and a source user. According to the invention, the synchronization of the white board after the picture centralization can be realized without downloading install software.
Description
Technical field
The invention belongs to networking technology area, relate in particular to the synchronous method and system of picture back placed in the middle blank under a kind of different resolution.
Background technology
Along with the development of Internet technology, people's life also changes thereupon, changes information-based life style into by traditional pattern of life gradually.By means of the Internet, people just can onlinely see TV, read, make friends, make a phone call, send out mail, see news ..., information-based life has become our the indispensable part of living.Certainly, people must could fully experience the facility and information-based live rich and varied of the Internet by keyboard, mouse, display, headset, the first-class hardware device of shooting.Display is take up room in the above-mentioned hardware maximum and most important equipment, the big young pathbreaker in its viewing area directly influences the experience of people to the Internet, such as, use lower resolution displays to read the long slightly passage of length and just need ceaselessly spur scroll bar, this makes to read simply easily originally and becomes very numerous and diverse.In addition, because the display brand is numerous, the enterprises ubiquity uses the situation of different resolution display, and this will cause using same set of system, carry out same operation brings different visual effects.Along with Web conference is popularized, some of them very important function such as document-synchronization demonstration are subjected to people's favor gradually.When carrying out Web conference, the speaker marks the block content on presentation file, if the resolution difference, personnel participating in the meeting's display will can not show same block, can't realize accurately locating the paintbrush vestige.These all are ubiquitous problems in the application systems such as the existing network teleconference, long-distance education, books reading.
Summary of the invention
In view of the defective that above-mentioned prior art exists, main purpose of the present invention is to propose the synchronous method and system of picture back placed in the middle blank under a kind of different resolution, has realized that need not to download any control can realize that picture back placed in the middle blank is synchronous.
Main purpose of the present invention will be achieved by the following technical programs:
The synchronous method of picture back placed in the middle blank under a kind of different resolution:
Communication server is sent to the stores synchronized server with the picture state information of obtaining;
Described stores synchronized server stores is also upgraded the picture state information, and the picture state information after will upgrading is sent to targeted customer and source user.
The picture back placed in the middle synchronous system of blank comprises source user, communication server, stores synchronized server and targeted customer under a kind of different resolution, wherein:
Communication server is sent to the stores synchronized server with the picture state information of obtaining;
Described stores synchronized server stores is also upgraded the picture state information, and the picture state information after will upgrading is sent to targeted customer and source user.
Main purpose of the present invention is to propose the synchronous method and system of picture back placed in the middle blank under a kind of different resolution, has realized that need not to download any control can realize that picture back placed in the middle blank is synchronous.
Description of drawings
Fig. 1 is the flow chart of the synchronous method of picture back placed in the middle blank under a kind of different resolution among the embodiment one.
Embodiment
Embodiment one
As shown in Figure 1, the synchronous method of picture back placed in the middle blank specifically comprises the steps: under a kind of different resolution of specific embodiments of the invention
Step 101:Source user is opened webpage, and described webpage loads the Flash plug-in unit automatically, and described Flash plug-in unit is set up with communication server and forever is connected, and begins to monitor described communication server transfer of data.
Technique scheme specifically comprises following process:
Source user is opened webpage, and webpage loads the Flash plug-in unit automatically, and the Flash plug-in unit is set up by the XMLSocket class and is connected with the permanent of communication server, and begins to monitor the transfer of data of communication server.
Step 102:Described source user loads Flash, and the zoom mode that described Flash is set is convergent-divergent not, and the alignment thereof that described Flash is set is upper left alignment.
Technique scheme specifically comprises following process:
(2a) described source user is opened webpage, loads a Flash, and the stage.scaleMode that described Flash is set is StageScaleMode.NO_SCALE;
(2b) the stage.align attribute that described Flash is set is StageAlign.TOP_LEFT, makes the upper left alignment of stage;
Step 103:Described Flash loads the picture that needs demonstration, according to the size of described picture and the size of described Flash, described picture is set shows between two parties on blank.
Technique scheme specifically comprises following process:
(3a) increase a container as blank, the described Flash described blank that Loads Image, and increase the complete action listener of described picture;
After (3b) picture loads and finishes, trigger the complete incident, described Flash calculates picture coordinate placed in the middle according to the size of stage and the actual size of described picture, it is stageWidth that the size of stage is provided with width, be provided with and highly be stageHeight, it is imageWidth that the actual size of picture is provided with width, be provided with and highly be imageHeight, wherein, coordinate Calculation formula placed in the middle is: x abscissa px=(stageWidth-imageWidth)/2, and y ordinate py=(stageHeight-imageHeight)/2;
(3c) the x attribute that described picture is set is Math.max(0, and px), the y attribute that picture is set is Math.max(0, and py), Math.max herein can guarantee that picture shows all the time in the visual field.
Step 104:Described source user is behind graphing on the blank, call described Flash card i/f and import the picture state information into, described then Flash plug-in unit calls API(Application Programming Interface, application programming interface) the picture state information is sent to communication server.Wherein, described picture state information includes but not limited to: the coordinate of figure and the coordinate of picture.
Technique scheme specifically comprises following process:
(4a) described source user graphing on blank;
(4b) blank imports the picture state information that is write down into by the interface of the described Flash plug-in unit of webpage JavaScript function call;
After (4c) described Flash plug-in unit received the picture state information, the method for call XML Socket class sent to communication server with the picture state information.
Step 105:After communication server receives the picture state information, the picture state information is sent to the stores synchronized server, at synchronization, described stores synchronized server is only safeguarded up-to-date picture state information, described stores synchronized server sends to communication server with up-to-date picture state information, and described communication server is transmitted to targeted customer and source user with the picture state information that receives.
Technique scheme specifically comprises following process:
After (5a) communication server receives the picture state information, transmit the picture state information immediately to the stores synchronized server;
(5b) described stores synchronized server stores and upgrade described picture state information, owing to can initiate at one time by the multidigit source user to the operation of picture, so the stores synchronized server is only preserved a picture state information, when receiving the picture state information at every turn, all current picture state information is upgraded, to guarantee the consistency of picture state information;
(5c) described stores synchronized server sends to described communication server with up-to-date picture state information;
(5d) described communication server picture attitude information that the stores synchronized server is sended over sends to by targeted customer and source user synchronously.
Step 106:The targeted customer opens webpage and loads the Flash plug-in unit, automatically set up and be connected with described communication server permanent and begin to monitor described communication server transfer of data, when communication server was transmitted the picture state information of source user, the Flash plug-in unit of targeted customer and source user can receive these picture state informations.
Technique scheme specifically comprises following process:
(6a) targeted customer opens webpage, loads the Flash plug-in unit automatically, and described Flash plug-in unit is set up by the XMLSocket class and forever is connected with communication server, and begins to monitor the transfer of data of communication server;
(6b) when communication server was transmitted the picture state information of source user, the Flash plug-in unit of targeted customer and source user can receive these information by the monitor method of XMLSocket;
(6c) obtain figure coordinate and picture coordinate in the described picture status message, figure x is set, the y coordinate is respectively drawX and drawY, picture x is set, the y coordinate is respectively imageX and imageY, local picture x, y coordinate are set are respectively myImageX and myImageY.
Step 107:Described targeted customer recalculates local figure coordinate according to the picture coordinate of this locality, picture coordinate, figure coordinate in the picture state information, and according to the new figure coordinate figure that draws.
Technique scheme specifically comprises following process:
(7a) described targeted customer obtains figure coordinate and the picture coordinate in the picture state information, figure x is set, the y coordinate is respectively drawX and drawY, local picture x, y coordinate is set is respectively myImageX and myImageY;
(7b) described targeted customer is converted into local coordinate with the figure coordinate in the picture state information, and reduction formula is:
Abscissa: localX=drawX+myImageX-imageX,
Ordinate: localY=drawY+myImageY-imageY;
(7c) call the Flash method and create figure, the x attribute that figure is set is localX, and the y attribute that figure is set is localY.
Embodiment two
The picture back placed in the middle synchronous system of blank comprises source user, communication server, stores synchronized server and targeted customer under a kind of different resolution, wherein:
Communication server is sent to the stores synchronized server with the picture state information of obtaining;
Described stores synchronized server stores is also upgraded the picture state information, and the picture state information after will upgrading is sent to targeted customer and source user.
Preferably, communication server obtains before the picture state information, also comprises: source user is opened webpage, and described webpage loads the Flash plug-in unit automatically, described Flash plug-in unit is set up with described communication server and forever is connected, and described Flash plug-in unit begins to monitor the transfer of data of described communication server.
Preferably, the zoom mode that Flash is set is convergent-divergent not, and it is set is upper left alignment to its mode.
Introduce the operation principle of present embodiment below with reference to the accompanying drawings in detail:
Source user is opened webpage, and described webpage loads the Flash plug-in unit automatically, and described Flash plug-in unit is set up with communication server and forever is connected, and begins to monitor described communication server transfer of data.
Described source user loads Flash, and the zoom mode that described Flash is set is convergent-divergent not, and the alignment thereof that described Flash is set is upper left alignment.
Described Flash loads the picture that needs demonstration, according to the size of described picture and the size of described Flash, described picture is set shows between two parties on blank.
Described source user is behind graphing on the blank, call described Flash card i/f and import the picture state information into, described then Flash plug-in unit calls API(Application Programming Interface, application programming interface) the picture state information is sent to communication server.Wherein, described picture state information includes but not limited to: the coordinate of figure and the coordinate of picture.
After communication server receives the picture state information, the picture state information is sent to the stores synchronized server, at synchronization, described stores synchronized server is only safeguarded up-to-date picture state information, described stores synchronized server sends to communication server with up-to-date picture state information, and described communication server is transmitted to targeted customer and source user with the picture state information that receives.
The targeted customer opens webpage and loads the Flash plug-in unit, automatically set up and be connected with described communication server permanent and begin to monitor described communication server transfer of data, when communication server was transmitted the picture state information of source user, the Flash plug-in unit of targeted customer and source user can receive these picture state informations.
Described targeted customer recalculates local figure coordinate according to the picture coordinate of this locality, picture coordinate, figure coordinate in the picture state information, and according to the new figure coordinate figure that draws.
Compared with prior art, beneficial effect of the present invention is:
(1) can realize the complete unity of the position of the figure that paintbrush is drawn under different resolution, not have deviation, user experience is good; (2) synchronously in time, mild, the phenomenon that can occur pausing not; (3) owing in the position that each client is calculated figure alone, little for the computing pressure of server end; (4) realize based on webpage fully, do not need to download any plug-in unit; (5) can apply to other internet system easily.
The present invention still has multiple concrete execution mode, and all employings are equal to replacement or equivalent transformation and all technical schemes of forming, all drop within the scope of protection of present invention.
Claims (10)
1. the synchronous method of picture back placed in the middle blank under the different resolution is characterized in that:
Communication server is sent to the stores synchronized server with the picture state information of obtaining;
Described stores synchronized server stores is also upgraded the picture state information, and the picture state information after will upgrading is sent to targeted customer and source user.
2. method according to claim 1, it is characterized in that: communication server obtains before the picture state information, also comprise: source user is opened webpage, described webpage loads the Flash plug-in unit automatically, described Flash plug-in unit is set up with described communication server and forever is connected, and described Flash plug-in unit begins to monitor the transfer of data of described communication server.
3. method according to claim 2 is characterized in that: the zoom mode that Flash is set is convergent-divergent not, and it is upper left alignment that its alignment thereof is set.
4. method according to claim 3 is characterized in that: described Flash loads the picture of needs demonstration, according to the size of described picture and the size of described Flash, described picture is set shows between two parties on blank.
5. method according to claim 4 is characterized in that: call the application programming interface API of described Flash plug-in unit, described picture state information is sent to described communication server.
6. method according to claim 5 is characterized in that: the described picture state information that described communication server will receive is forwarded to described stores synchronized server.
7. method according to claim 1, it is characterized in that: described targeted customer receives before the described picture state information, also comprise: described targeted customer opens webpage, described webpage loads the Flash plug-in unit automatically, described Flash plug-in unit is set up with described communication server and forever is connected, and described Flash plug-in unit begins to monitor the transfer of data of described communication server.
8. the picture back placed in the middle synchronous system of blank under the different resolution is characterized in that: comprise source user, communication server, stores synchronized server and targeted customer, wherein:
Communication server is sent to the stores synchronized server with the picture state information of obtaining;
Described stores synchronized server stores is also upgraded the picture state information, and the picture state information after will upgrading is sent to targeted customer and source user.
9. system according to claim 8, it is characterized in that: communication server obtains before the picture state information, also comprise: source user is opened webpage, described webpage loads the Flash plug-in unit automatically, described Flash plug-in unit is set up with described communication server and forever is connected, and described Flash plug-in unit begins to monitor the transfer of data of described communication server.
10. system according to claim 9 is characterized in that: the zoom mode that Flash is set is convergent-divergent not, and it is upper left alignment that its alignment thereof is set.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011101069458A CN102130972A (en) | 2011-04-27 | 2011-04-27 | Method and system for synchronizing white board after picture centralization under different resolution ratios |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011101069458A CN102130972A (en) | 2011-04-27 | 2011-04-27 | Method and system for synchronizing white board after picture centralization under different resolution ratios |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102130972A true CN102130972A (en) | 2011-07-20 |
Family
ID=44268860
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2011101069458A Pending CN102130972A (en) | 2011-04-27 | 2011-04-27 | Method and system for synchronizing white board after picture centralization under different resolution ratios |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102130972A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103763380A (en) * | 2014-01-24 | 2014-04-30 | 深圳联友科技有限公司 | Method and system for demonstrating data synchronously |
| CN110263195A (en) * | 2019-06-27 | 2019-09-20 | 苏宁消费金融有限公司 | A kind of method that picture stream synchronizes multiterminal server |
| CN110505529A (en) * | 2019-08-16 | 2019-11-26 | 上海掌学教育科技有限公司 | Courseware synchronous display method, device, background server, medium and system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1555197A (en) * | 2003-12-24 | 2004-12-15 | 清华大学深圳研究生院 | Video frequency meeting shared white plate realizing method based on Internet |
| WO2010090286A1 (en) * | 2009-02-09 | 2010-08-12 | コニカミノルタホールディングス株式会社 | Information processing system, information processing device, and information processing method |
| CN101963980A (en) * | 2010-09-27 | 2011-02-02 | 苏州阔地网络科技有限公司 | Method for realizing whiteboard synchronization after picture centering under different resolutions on webpage |
| CN101969463A (en) * | 2010-10-11 | 2011-02-09 | 苏州阔地网络科技有限公司 | Method for realizing whiteboard full-screen synchronization on web page |
-
2011
- 2011-04-27 CN CN2011101069458A patent/CN102130972A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1555197A (en) * | 2003-12-24 | 2004-12-15 | 清华大学深圳研究生院 | Video frequency meeting shared white plate realizing method based on Internet |
| WO2010090286A1 (en) * | 2009-02-09 | 2010-08-12 | コニカミノルタホールディングス株式会社 | Information processing system, information processing device, and information processing method |
| CN101963980A (en) * | 2010-09-27 | 2011-02-02 | 苏州阔地网络科技有限公司 | Method for realizing whiteboard synchronization after picture centering under different resolutions on webpage |
| CN101969463A (en) * | 2010-10-11 | 2011-02-09 | 苏州阔地网络科技有限公司 | Method for realizing whiteboard full-screen synchronization on web page |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103763380A (en) * | 2014-01-24 | 2014-04-30 | 深圳联友科技有限公司 | Method and system for demonstrating data synchronously |
| CN103763380B (en) * | 2014-01-24 | 2019-04-23 | 深圳联友科技有限公司 | A kind of method and system of synchronous demonstrating data |
| CN110263195A (en) * | 2019-06-27 | 2019-09-20 | 苏宁消费金融有限公司 | A kind of method that picture stream synchronizes multiterminal server |
| CN110263195B (en) * | 2019-06-27 | 2021-06-01 | 苏宁消费金融有限公司 | Method for synchronizing multi-end server by picture stream |
| CN110505529A (en) * | 2019-08-16 | 2019-11-26 | 上海掌学教育科技有限公司 | Courseware synchronous display method, device, background server, medium and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102314466B (en) | Whiteboard synchronizing method | |
| CN104333574B (en) | Electric white board synchronous method and system | |
| CN105637472B (en) | The frame of screen content shared system with the description of broad sense screen | |
| CN105930121B (en) | Handwriting synchronization method and system for multiple clients | |
| CN101551821A (en) | Method of real-time information broadcasting in web | |
| CN111723558A (en) | Document display method and device, electronic equipment and storage medium | |
| CN101340425A (en) | Method and apparatus for data synchronization between terminals | |
| CN102307212A (en) | Method for realizing page-turning synchronization | |
| CN107438084A (en) | Multi-client data synchronization method and apparatus | |
| CN105302651A (en) | Method and apparatus for supplier and user to remotely and synchronously browse commodity | |
| CN107566492A (en) | A kind of implementation method of web terminal message push | |
| CN110460864A (en) | Method for improving online live broadcast teaching image quality | |
| CN102130972A (en) | Method and system for synchronizing white board after picture centralization under different resolution ratios | |
| CN101969461A (en) | Method for implementing white board clear screen synchronization on webpage | |
| CN105812912B (en) | data sharing method and data sharing system | |
| CN102572603B (en) | A kind of for providing the method and apparatus of interactive message request for video user | |
| CN102130774A (en) | Method and system for displaying microphone state of users in web conference | |
| CN112783905A (en) | Data updating method, system and storage medium based on electronic whiteboard shared screen | |
| CN104753997A (en) | Multi-terminal real-time interaction method and system | |
| CN102195980A (en) | Webpage-based electronic whiteboard secure synchronization method and system | |
| CN102185852A (en) | Electronic whiteboard synchronization method and system based on webpage | |
| CN102185850A (en) | Method and system for synchronizing whiteboard after picture centering under different resolutions | |
| CN107291834A (en) | A kind of data inputting method based on code-reading, equipment and terminal | |
| CN102137039A (en) | Electric white board synchronous method and system based on community platform | |
| CN102170443A (en) | Method and system for synchronizing white boards under different resolution ratios after centering picture |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20110720 |