CN102307211A - Method for realizing full-screen synchronization of whiteboard - Google Patents
Method for realizing full-screen synchronization of whiteboard Download PDFInfo
- Publication number
- CN102307211A CN102307211A CN2011100590753A CN201110059075A CN102307211A CN 102307211 A CN102307211 A CN 102307211A CN 2011100590753 A CN2011100590753 A CN 2011100590753A CN 201110059075 A CN201110059075 A CN 201110059075A CN 102307211 A CN102307211 A CN 102307211A
- Authority
- CN
- China
- Prior art keywords
- blank
- full frame
- flash
- webpage
- data
- 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
Abstract
The invention belongs to the technical field of networks, and particularly relates to a method for realizing the full-screen synchronization of a whiteboard. The method comprises the following steps that: a user opens a webpage and loads flash, and the flash establishes permanent connection with a Socket server and starts monitoring; when operating the webpage for a whiteboard full-screen operation, the user calls a Flash interface and loads whiteboard full-screen state information, and the Flash calls an application programming interface (API) to transmit data to the Socket server; and a target user opens the webpage, loads the Flash, establishes the permanent connection with the Socket server, starts the monitoring, and calls a webpage whiteboard full-screen processing function to perform full-screen operation processing on the whiteboard, namely realize the full-screen synchronization of the whiteboard when the Flash receives the full-screen state data from the Socket server. By the method, the completely-webpage-based full-screen synchronization of the whiteboard can be realized, and the method is convenient, fast and high-efficiency.
Description
Technical field
The invention belongs to networking technology area, relate in particular to a kind of full frame synchronous method of blank that realizes.
Background technology
The development of Internet technology can be stayed indoors us and has just been realized instant messaging, with good friend chat, with affiliate's negotiation etc.At present, the immediate communication tool that downloads and installs based on needs is like MSN; QQ; POPO has been subjected to everybody liking deeply, and it provides new approach for people's communication, information interchange, is another the important information interchange mode except mobile phone, fixed line, Email.By these instruments, the user can realize single or many people video, can hold the network teleconference, can carry out network remote education, can also allow the interchange cost between people and the people reduce greatly, and improve efficient.
The text communication, voice communication, video communication is instant messaging most important three big functions, along with the abundance day by day of The development in society and economy and bandwidth resources, the application of voice communication is more and more universal.Along with the informationization in fields such as commerce, education speeds up; Especially after the full frame operation of blank to the demonstration class; Area of display can be paved with whole webpage; But; Other blank contents of being demonstrated end are still the maintenance original size; Be not synchronized to other demonstrated the end cause the two ends information inconsistency, thereby cause unnecessary discussion and misunderstanding.Especially in the occasion of some high seriousness, can not be synchronous if blank is full frame, must cause unnecessary discussion, have a strong impact on the quality and the effect of the demonstration or the process of discussion.
Can not realize basically in the application of the Internet at present full framely even can realize, also need downloading and installing control, and software and hardware, expense etc. is all had certain requirement synchronously, can not popularize masses well.
Summary of the invention
The invention provides a kind of full frame synchronous method of blank that realizes, realized need not downloading any control, just realize that blank is full frame synchronously.
In order to achieve the above object, technical scheme of the present invention is:
A kind of full frame synchronous method of blank that realizes may further comprise the steps:
1) source user is opened webpage, and webpage loads the Flash plug-in unit automatically, and Flash sets up with the Socket server and forever is connected, and begins to monitor the transmission of Socket server data;
2) content in the source user operation web page; When carrying out the full frame operation of blank; Call the Flash interface and import the full frame status data information of blank into, Flash calls API data is sent to the Socket server then, and the Socket server is given other targeted customer with the data forwarding that receives;
3) targeted customer opens webpage and loads the Flash plug-in unit; Automatically set up to be connected and to begin to monitor the Socket server data and transmit with Socket server permanent; When the full frame status data of blank of Socket server forwards source user; Targeted customer's Flash plug-in unit can receive these data; The full frame processing function of Flash invoking web page blank; The full frame function of webpage blank carries out full frame processing according to the analysis result of the data message that is docked to blank, promptly realize blank full frame synchronously.
In the technique scheme, step 1) 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 through the XMLSocket class and is connected with the permanent of Socket server, and begins to monitor the transmission of Socket data in server.
In the technique scheme, step 2) comprise following process:
2a) the content in the source user operation web page; When carrying out the full frame operation of blank; Blank is judged full frame state; Becoming full frame status indication by reset condition is 1; Be labeled as 2 by full frame recovery reset condition, blank imports the full frame state information of the blank that is write down into through webpage JavaScript function call Flash interface;
After 2b) Flash received the full frame state information of blank, the method for call XML Socket class sent to the Socket server with data message;
After 2c) the Socket server received the full frame flag data of blank that source user sends over, data forwarding is connected to all needed synchronous targeted customer on the Socket server.
In the technique scheme, step 3) comprises following process:
3a) targeted customer opens webpage, loads the Flash plug-in unit automatically, and the Flash plug-in unit is set up through the XMLSocket class and forever is connected with the Socket server, and begins to monitor the transmission of Socket data in server;
3b) when the full frame flag data of blank of Socket server forwards source user; Targeted customer's Flash plug-in unit can receive these data through the monitor method of XMLSocket, and Flash uses the full frame processing function of ExternalInterface.call method call webpage JavaScript;
3c) webpage JavaScript function is according to the full frame flag data of blank that passes over; According to full frame state blank is handled; With the width of blank, altitude record in the JavaScript variable; If state is 1; Then calculate the width of webpage by the document.documentElement.clientWidth of JavaScript; The display width of blank is modified as the width of webpage; Calculate the height of webpage by the document.documentElement.clientHeight of JavaScript; The demonstration of blank highly is modified as the height of webpage; If state is 2; Then the blank width is modified as the blank width that is recorded in the JavaScript variable by the JavaScript function; The blank height is modified as the blank height that is recorded in the JavaScript variable; This moment, targeted customer's the full frame state of blank and source user were consistent, and promptly realized full frame synchronous of blank.
Technical scheme steps 1) XMLSocket in the process can perhaps other can be used for the class of communication for XMLSocket, socket.
The present invention compared with prior art has the following advantages:
1), need not to download fully based on webpage.
2) employing has high instantaneity, high fluency based on the instant messaging technology of Socket.
3) realize that principle is simple, process is clear, can embed easily in the internet, applications such as each big video conference, long-distance education.
A kind of full frame synchronous method of blank that realizes is intended to solve the full frame middle synchronously variety of issue that exists of blank in the webpage; Provide fully based on the full frame synchronization solutions of the blank of webpage; Need not download any control; Simply, efficiently, synchronously instant; Can embed easily in the web application such as video conference, long-distance education, be a kind of really can popular universal emerging technology.
Description of drawings
Accompanying drawing described herein is used to provide further understanding of the present invention, constitutes the application's a part, and illustrative examples of the present invention and explanation thereof are used to explain the present invention, do not constitute improper qualification of the present invention.In the accompanying drawings:
Fig. 1 is a detail flowchart of the present invention.
Embodiment
Hereinafter will with reference to the accompanying drawings and combine embodiment to describe the present invention in detail.Need to prove that under the situation of not conflicting, embodiment and the characteristic among the embodiment among the application can make up each other.
The technical scheme of present embodiment is following:
A kind of full frame synchronous method of blank that realizes may further comprise the steps:
1) source user is opened webpage, and webpage loads the Flash plug-in unit automatically, and Flash sets up with the Socket server and forever is connected, and begins to monitor the transmission of Socket server data;
2) content in the source user operation web page; When carrying out the full frame operation of blank; Call the Flash interface and import the full frame status data information of blank into, Flash calls API data is sent to the Socket server then, and the Socket server is given other targeted customer with the data forwarding that receives;
3) targeted customer opens webpage and loads the Flash plug-in unit; Automatically set up to be connected and to begin to monitor the Socket server data and transmit with Socket server permanent; When the full frame status data of blank of Socket server forwards source user; Targeted customer's Flash plug-in unit can receive these data; The full frame processing function of Flash invoking web page blank; The full frame function of webpage blank carries out full frame processing according to the analysis result to the data message that receives to blank, promptly realize blank full frame synchronously.
Following further explain method of the present invention:
See the manual drawings, source user open a Web page, Web automatically load Flash plug-in, Flash plug-in through XMLSocket class to establish a permanent connection with the Socket server, and start listening Socket server data transmission; when the source user web content, perform white fullscreen operation, the whiteboard on the full screen mode to judge, from the original state to state is marked as a full-screen, full-screen to restore the original state of the labeled 2, whiteboard JavaScript functions via the web interface, incoming calls are recorded Flash whiteboard full status information; Flash Receiver status data to the whiteboard information, call XMLSocket class method, the page is sent to the Socket server data; Socket server receives the source user to send over the full whiteboard marker data immediately after the data is forwarded to all the server needs to connect to Socket synchronization target users; target user to open web pages, automatically load Flash plug-in, Flash plug-in through XMLSocket class to establish a permanent connection with the Socket server, and start listening Socket server data transmission; when the Socket server forwards the user's whiteboard full source tag data, the target users of the Flash plug-in through XMLSocket listener method receives the data, Flash pages using the JavaScript method call ExternalInterface.call fullscreen handler; pages based on the JavaScript function passed in full screen whiteboard marker data, according to the full screen on the whiteboard processing, whiteboard width, height recorded in JavaScript variables, if the state is 1, calculated via JavaScript document.documentElement.clientWidth web width, the width of the display whiteboard into a web page to modify the width, via JavaScript document.documentElement.clientHeight calculate the height of pages that will display highly modified whiteboard into a web page height, if the state is 2, the width of the whiteboard via JavaScript function will be modified to have been recorded in the JavaScript variable width whiteboard, whiteboard highly modified to have been recorded in the JavaScript whiteboard highly variable, then the target user's whiteboard users fullscreen state consistent with the source, namely, the achievement whiteboard full synchronization.
Fig. 1 is a detail flowchart of the present invention, and detailed step is following:
Step 101: beginning;
Step 102: the user opens webpage and loads Flash, and foundation forever is connected with the Socket server and begins monitors;
Step 103: when the user carries out the full frame operation of blank to webpage, call the Flash interface and send full frame status data information to the Socket server;
Step 104: the targeted customer opens webpage and loads Flash, sets up to be connected with Socket server permanent and to begin monitoring;
When step 105:Flash received the full frame data message of blank that the Socket server sends over, the full frame processing function of invoking web page blank carried out full frame operational processes to blank;
Step 106: finish.
Certainly; The present invention also can have other multiple combinations; Under the situation that does not deviate from spirit of the present invention and essence thereof; Those of ordinary skill in the art can make various corresponding changes and distortion according to the present invention, but these corresponding changes and distortion all should belong to the protection range of the appended claim of the present invention.
Claims (10)
1. realize the full frame synchronous method of blank for one kind, it is characterized in that, may further comprise the steps:
1) source user is opened webpage, and webpage loads the Flash plug-in unit automatically, and Flash sets up with the Socket server and forever is connected, and begins to monitor the transmission of Socket server data;
2) content in the source user operation web page; When carrying out the full frame operation of blank; Call the Flash interface and import the full frame status data information of blank into, Flash calls API data is sent to the Socket server then, and the Socket server is given other targeted customer with the data forwarding that receives;
3) targeted customer opens webpage and loads the Flash plug-in unit; Automatically set up to be connected and to begin to monitor the Socket server data and transmit with Socket server permanent; When the full frame status data of blank of Socket server forwards source user; Targeted customer's Flash plug-in unit can receive these data; The full frame processing function of Flash invoking web page blank; The full frame function of webpage blank carries out full frame processing according to the analysis result to the data message that receives to blank, promptly realize blank full frame synchronously.
2. the method for claim 1 is characterized in that, wherein step 1) 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 through the XMLSocket class and is connected with the permanent of Socket server, and begins to monitor the transmission of Socket data in server.
3. the method for claim 1 is characterized in that, wherein step 2) comprise following process:
2a) the content in the source user operation web page; When carrying out the full frame operation of blank; Blank is judged full frame state; Becoming full frame status indication by reset condition is 1; Be labeled as 2 by full frame recovery reset condition, blank imports the full frame state information of the blank that is write down into through webpage JavaScript function call Flash interface;
After 2b) Flash received the full frame state information of said blank, the method for call XML Socket class sent to the Socket server with said information;
After 2c) the Socket server received the full frame flag data of blank that source user sends over, data forwarding is connected to all needed synchronous targeted customer on the Socket server.
4. the method for claim 1 is characterized in that, wherein step 3) comprises following process:
3a) targeted customer opens webpage, loads the Flash plug-in unit automatically, and the Flash plug-in unit is set up through the XMLSocket class and forever is connected with the Socket server, and begins to monitor the transmission of Socket data in server;
3b) when the full frame flag data of blank of Socket server forwards source user; Targeted customer's Flash plug-in unit can receive these data through the monitor method of XMLSocket, and Flash uses the full frame processing function of ExternalInterface.call method call webpage JavaScript;
3c) webpage JavaScript function is according to the full frame flag data of blank that passes over; According to full frame state blank is handled; With the width of blank, altitude record in the JavaScript variable; If state is 1; Then calculate the width of webpage by the document.documentElement.clientWidth of JavaScript; The display width of blank is modified as the width of webpage; Calculate the height of webpage by the document.documentElement.clientHeight of JavaScript; The demonstration of blank highly is modified as the height of webpage; If state is 2; Then the blank width is modified as the blank width that is recorded in the JavaScript variable by the JavaScript function; The blank height is modified as the blank height that is recorded in the JavaScript variable; This moment, targeted customer's the full frame state of blank and source user were consistent, and realized full frame synchronous of blank.
5. the method described in claim 2, it is characterized in that: said XMLSocket class includes but not limited to: the socket class.
6. realize the full frame synchronous method of blank for one kind, it is characterized in that: source user is through the web page access server and set up permanent connection; Said source user through said server, sends to the targeted customer with the full frame status data information of blank; Said targeted customer's invoking web page function is resolved said information and according to the result who resolves, blank is carried out full frame processing, realizes that blank is full frame synchronously.
7. method according to claim 6 is characterized in that: said source user is opened webpage, and webpage loads the Flash plug-in unit automatically, and Flash sets up with the Socket server and forever is connected, and begins to monitor said Socket server data transmission.
8. method according to claim 6; It is characterized in that: the content in the said source user operation web page; When carrying out the full frame operation of blank; Call the Flash interface and import the full frame status data information of blank into; Flash calls API data is sent to said Socket server then, and said Socket server is given said targeted customer with the data forwarding that receives.
9. method according to claim 6; It is characterized in that: said targeted customer opens webpage and loads the Flash plug-in unit; Automatically set up to be connected and to begin to monitor said Socket server data and transmit with said Socket server permanent; When the full frame status data of blank of said Socket server forwards source user; Said targeted customer's Flash plug-in unit can receive these data; The full frame processing function of Flash invoking web page blank; The full frame function of webpage blank carries out full frame processing according to the analysis result to the data message that receives to blank, realizes that blank is full frame synchronously.
10. method according to claim 8; It is characterized in that: the content in the said source user operation web page; When carrying out the full frame operation of blank; Blank is judged full frame state; Becoming full frame status indication by reset condition is 1; Be labeled as 2 by full frame recovery reset condition, blank imports the full frame state information of the blank that is write down into through webpage JavaScript function call Flash interface; After Flash received blank status data information, the method for call XML Socket class sent to said Socket server with the full frame data message of blank; After said Socket server received the full frame flag data of blank that source user sends over, data forwarding is connected to all needed synchronous targeted customer on the said Socket server.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2011100590753A CN102307211A (en) | 2010-10-11 | 2011-03-14 | Method for realizing full-screen synchronization of whiteboard |
Applications Claiming Priority (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2010105024983A CN101969463A (en) | 2010-10-11 | 2010-10-11 | Method for realizing whiteboard full-screen synchronization on web page |
| CN201010502498.3 | 2010-10-11 | ||
| CN2011100590753A CN102307211A (en) | 2010-10-11 | 2011-03-14 | Method for realizing full-screen synchronization of whiteboard |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102307211A true CN102307211A (en) | 2012-01-04 |
Family
ID=43548567
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2010105024983A Pending CN101969463A (en) | 2010-10-11 | 2010-10-11 | Method for realizing whiteboard full-screen synchronization on web page |
| CN2011100590753A Pending CN102307211A (en) | 2010-10-11 | 2011-03-14 | Method for realizing full-screen synchronization of whiteboard |
Family Applications Before (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2010105024983A Pending CN101969463A (en) | 2010-10-11 | 2010-10-11 | Method for realizing whiteboard full-screen synchronization on web page |
Country Status (1)
| Country | Link |
|---|---|
| CN (2) | CN101969463A (en) |
Families Citing this family (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102137039A (en) * | 2011-04-25 | 2011-07-27 | 苏州阔地网络科技有限公司 | Electric white board synchronous method and system based on community platform |
| CN102170442A (en) * | 2011-04-25 | 2011-08-31 | 苏州阔地网络科技有限公司 | Safe synchronization method and system for electronic whiteboard based on community platform |
| CN102185845A (en) * | 2011-04-26 | 2011-09-14 | 苏州阔地网络科技有限公司 | Webpage-based whiteboard clearing security synchronization method and system |
| CN102185852A (en) * | 2011-04-26 | 2011-09-14 | 苏州阔地网络科技有限公司 | Electronic whiteboard synchronization method and system based on webpage |
| CN102164185A (en) * | 2011-04-26 | 2011-08-24 | 苏州阔地网络科技有限公司 | Method and system for synchronizing white board clear screen based on webpage |
| CN102195981A (en) * | 2011-04-26 | 2011-09-21 | 苏州阔地网络科技有限公司 | Method and system for safely synchronizing whiteboard screen clearing based on webpage |
| CN102130972A (en) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | Method and system for synchronizing white board after picture centralization under different resolution ratios |
| CN102130970A (en) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | Method and system for achieving full screen synchronism of white board |
| CN102130922A (en) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | Method and system for realizing white board full screen synchronization |
| CN102137117A (en) * | 2011-04-27 | 2011-07-27 | 苏州阔地网络科技有限公司 | Method and system for realizing full screen synchronization of white board |
| CN102130971A (en) * | 2011-04-27 | 2011-07-20 | 苏州阔地网络科技有限公司 | Method and system for realizing peer-to-peer (P2P) communication on webpage |
| CN102130924A (en) * | 2011-04-28 | 2011-07-20 | 苏州阔地网络科技有限公司 | Method and system for realizing post-authentication page-turning synchronization on webpage |
| CN102185853A (en) * | 2011-06-16 | 2011-09-14 | 苏州阔地网络科技有限公司 | Electronic whiteboard safety synchronizing method and system based on webpage |
| CN103793224B (en) * | 2014-01-17 | 2017-07-28 | 北京奇虎科技有限公司 | The display methods and device of a kind of window |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101217554A (en) * | 2008-01-14 | 2008-07-09 | 张尧森 | An instant communication method realized on website |
| CN101299688A (en) * | 2008-06-13 | 2008-11-05 | 北京缔元信互联网数据技术有限公司 | Method for acquiring touching quantity of web page area |
| CN101304349A (en) * | 2007-05-08 | 2008-11-12 | 北京凯诚高清电子技术有限公司 | Method and apparatus for implementing remote white plate |
| CN101483537A (en) * | 2009-02-12 | 2009-07-15 | 周佺喜 | Method for real-time displaying website user status in webpage instant communication |
| US20100185733A1 (en) * | 2006-01-24 | 2010-07-22 | Henry Hon | System and method for collaborative web-based multimedia layered platform with recording and selective playback of content |
-
2010
- 2010-10-11 CN CN2010105024983A patent/CN101969463A/en active Pending
-
2011
- 2011-03-14 CN CN2011100590753A patent/CN102307211A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100185733A1 (en) * | 2006-01-24 | 2010-07-22 | Henry Hon | System and method for collaborative web-based multimedia layered platform with recording and selective playback of content |
| CN101304349A (en) * | 2007-05-08 | 2008-11-12 | 北京凯诚高清电子技术有限公司 | Method and apparatus for implementing remote white plate |
| CN101217554A (en) * | 2008-01-14 | 2008-07-09 | 张尧森 | An instant communication method realized on website |
| CN101299688A (en) * | 2008-06-13 | 2008-11-05 | 北京缔元信互联网数据技术有限公司 | Method for acquiring touching quantity of web page area |
| CN101483537A (en) * | 2009-02-12 | 2009-07-15 | 周佺喜 | Method for real-time displaying website user status in webpage instant communication |
Also Published As
| Publication number | Publication date |
|---|---|
| CN101969463A (en) | 2011-02-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102307211A (en) | Method for realizing full-screen synchronization of whiteboard | |
| CN102307212A (en) | Method for realizing page-turning synchronization | |
| CN102307214A (en) | Method for realizing list synchronization | |
| CN104348878A (en) | Method, device and system for remotely controlling mobile terminal as well as mobile terminal | |
| CN106357697A (en) | Multi-terminal page synchronizing method based on WebSocket attribute synchronization | |
| CN103716227A (en) | Method and device for performing information interaction in instant messenger | |
| CN102238284A (en) | Instant messaging method for mobile phone | |
| CN102316049A (en) | Method for automatically receiving group message | |
| CN105743958A (en) | Terminal-to-terminal communication method and device | |
| CN101969461A (en) | Method for implementing white board clear screen synchronization on webpage | |
| CN102316149A (en) | P2p (peer-to-peer) video communication method | |
| KR20130065777A (en) | Apparatus and method for sharing web contents using inspector script | |
| CN107786415A (en) | A kind of method for processing business and relevant device and system | |
| CN102185701A (en) | Method and system for realizing group information interaction | |
| CN105357656A (en) | Method and system for flow fee reduction of syndication content APP | |
| CN101415162A (en) | Method, apparatus and mobile terminal for forwarding short message | |
| CN104283762A (en) | Method, system, client-side and server for transmitting instant messaging conversation content | |
| CN112714131A (en) | Cross-platform microphone connecting method and device, storage medium and electronic equipment | |
| CN102307213A (en) | Method for displaying microphone state | |
| CN106488269A (en) | System and method to television equipment control is realized based on third-party application platform | |
| CN101583098A (en) | Mobile phone blog system and applications | |
| CN111353053A (en) | Information display method for aggregating chat contents of user and multiple objects into single list | |
| CN102314471A (en) | Method for synchronizing scroll bars | |
| CN102281265A (en) | Method and system for realizing list authentication synchronization | |
| CN101581984A (en) | Equipment and method with virtual mouse guide based on remote cross-network |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20120104 |
|
| WD01 | Invention patent application deemed withdrawn after publication |