專利名稱：一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法
技術(shù)領(lǐng)域：
本發(fā)明屬于網(wǎng)絡技術(shù)領(lǐng)域，具體涉及一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法。
背景技術(shù)：
互聯(lián)網(wǎng)技術(shù)的發(fā)展使我們可以足不出戶就實現(xiàn)了即時通訊，與好友聊天，與合作伙伴談判等。目前，基于需要下載安裝的即時通訊工具，如MSN，QQ，網(wǎng)易泡泡已經(jīng)深受大家 的喜愛，它為人們的溝通、信息交流提供了新的途徑，是除了手機、固話、電子郵件之外的又 一種重要的信息交流方式。借助這些工具，用戶可以實現(xiàn)單人或者多人視頻，可以召開網(wǎng)絡 視頻會議，可以進行網(wǎng)絡遠程教育，還可以讓人和人之間的交流成本大大降低，且提高了效 率。文本通訊，音頻通訊，視頻通訊是即時通訊最重要的三大功能，隨著社會經(jīng)濟的發(fā)展和 帶寬資源的日益充足，音頻通訊的應用越來越普及。隨著商業(yè)、教育等領(lǐng)域的信息化速度加 快，尤其是對演示類的白板全屏操作后，演示區(qū)域會鋪滿整個網(wǎng)頁，但是，其他被演示端的 白板內(nèi)容仍是保持原始大小，沒有同步到其他被演示端導致兩端信息不一致，從而引起不 必要的討論與誤解。尤其在一些高嚴肅性的場合，如果白板全屏不能同步，將必然引起不必 要的討論，嚴重影響演示或討論過程的質(zhì)量與效果。目前互聯(lián)網(wǎng)的應用中基本不能實現(xiàn)全 屏同步，即使是可以實現(xiàn)，也需要下載并安裝控件，而且對軟硬件、費用等都有一定的要求， 不能很好地普及大眾。一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法旨在解決網(wǎng)頁中白板全屏同步中存在的各 種問題，提供完全基于網(wǎng)頁的白板全屏同步解決方案，不需要下載任何控件，簡單、高效、即 時同步，可以很方便地嵌入視頻會議、遠程教育等網(wǎng)頁應用中，是一種真正可以大眾化普及 的新興技術(shù)。

發(fā)明內(nèi)容
本發(fā)明的目的是提供一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法。為了達到上述目的，本發(fā)明的技術(shù)方案為一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法， 包括以下步驟1)源用戶打開網(wǎng)頁，網(wǎng)頁自動加載Flash插件，F(xiàn)lash與Socket服務器建立永久 連接，并且開始監(jiān)聽Socket服務器數(shù)據(jù)傳輸；2)當源用戶操作網(wǎng)頁中的內(nèi)容，進行白板全屏操作時，調(diào)用Flash接口傳入白板 全屏狀態(tài)數(shù)據(jù)信息，然后Flash調(diào)用API將數(shù)據(jù)發(fā)送到Socket服務器，Socket服務器將 接收到的數(shù)據(jù)轉(zhuǎn)發(fā)給其它目標用戶；3)目標用戶打開網(wǎng)頁并加載Flash插件，自動建立與Socket服務器的永久連接并 開始監(jiān)聽Socket服務器數(shù)據(jù)傳輸，當Socket服務器轉(zhuǎn)發(fā)源用戶的白板全屏狀態(tài)數(shù)據(jù)時，目 標用戶的Flash插件會接收到這些數(shù)據(jù)，F(xiàn)lash調(diào)用網(wǎng)頁白板全屏處理函數(shù)，網(wǎng)頁白板全屏 函數(shù)根據(jù)對接到的數(shù)據(jù)信息的解析結(jié)果對白板進行全屏處理，即實現(xiàn)白板全屏的同步。
上述技術(shù)方案中，步驟1)包含如下過程源用戶打開網(wǎng)頁，網(wǎng)頁自動加載Flash插件，F(xiàn)lash插件通過XMLSocket類建立與 Socket服務器的永久連接，并且開始監(jiān)聽Socket服務器的數(shù)據(jù)傳輸。
上述技術(shù)方案中，步驟2)包含如下過程2a)當源用戶操作網(wǎng)頁中的內(nèi)容，進行白板全屏操作時，白板對全屏狀態(tài)進行 判斷，由原始狀態(tài)變?yōu)槿翣顟B(tài)標記為1，由全屏恢復原始狀態(tài)標記為2，白板通過網(wǎng)頁 JavaScript函數(shù)調(diào)用Flash接口傳入所記錄的白板全屏狀態(tài)信息；2b) Flash接收到白板狀態(tài)數(shù)據(jù)信息后，調(diào)用XMLSocket類的方法，將翻頁數(shù)據(jù)信 息發(fā)送到Socket服務器；2c) Socket服務器接收到源用戶發(fā)送過來的白板全屏標記數(shù)據(jù)后，馬上將數(shù)據(jù)轉(zhuǎn) 發(fā)給所有連接到Socket服務器上需要同步的目標用戶。上述技術(shù)方案中，步驟3)包含如下過程3a)目標用戶打開網(wǎng)頁，自動加載Flash插件，F(xiàn)lash插件通過XMLSocket類建立 與Socket服務器永久連接，并且開始監(jiān)聽Socket服務器的數(shù)據(jù)傳輸；3b)當Socket服務器轉(zhuǎn)發(fā)源用戶的白板全屏標記數(shù)據(jù)時，目標用戶的Flash插件 會通過XMLSocket的監(jiān)聽方法接收到這些數(shù)據(jù)，F(xiàn)lash使用Externallnterface. call方法 調(diào)用網(wǎng)頁JavaScript的全屏處理函數(shù)；3c)網(wǎng)頁JavaScript函數(shù)根據(jù)傳遞過來的白板全屏標記數(shù)據(jù)，根據(jù)全屏狀 態(tài)對白板進行處理，將白板的寬度、高度記錄在JavaScript變量中，如果狀態(tài)為1，則 M J± JavaScript 白勺 document. documentElement. clientffidth i十胃 _ M 白勺胃貞，
白板的顯示寬度修改成網(wǎng)頁的寬度，通過JavaScript的document. documentElement. clientHeight計算出網(wǎng)頁的高度，將白板的顯示高度修改成網(wǎng)頁的高度，如果狀態(tài)為2，則 通過JavaScript函數(shù)將白板寬度修改成已經(jīng)記錄在JavaScript變量中的白板寬度，將白 板高度修改成已經(jīng)記錄在JavaScript變量中的白板高度，此時目標用戶的白板全屏狀態(tài) 與源用戶保持一致，即實現(xiàn)白板全屏的同步。技術(shù)方案步驟1)過程中的XMLSocket可以為XMLSocket、socket或者其他可以用 于通訊的類。本發(fā)明與現(xiàn)有技術(shù)相比具有以下優(yōu)點1)完全基于網(wǎng)頁，無需下載。2)采用基于Socket的即時通訊技術(shù)，具有高即時性、高流暢性。3)實現(xiàn)原理簡單，過程清晰明了，可非常方便地嵌入各大視頻會議、遠程教育等互 聯(lián)網(wǎng)應用中。


說明書附圖是本發(fā)明的詳細流程圖。
具體實施例方式一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法，包括以下步驟1)源用戶打開網(wǎng)頁，網(wǎng)頁自動加載Flash插件，F(xiàn)lash與Socket服務器建立永久連接，并且開始監(jiān)聽Socket服務器數(shù)據(jù)傳輸；2)當源用戶操作網(wǎng)頁中的內(nèi)容，進行白板全屏操作時，調(diào)用 Flash接口傳入白板 全屏狀態(tài)數(shù)據(jù)信息，然后Flash調(diào)用API將數(shù)據(jù)發(fā)送到Socket服務器，Socket服務器將接 收到的數(shù)據(jù)轉(zhuǎn)發(fā)給其它目標用戶；3)目標用戶打開網(wǎng)頁并加載Flash插件，自動建立與Socket服務器的永久連接并 開始監(jiān)聽Socket服務器數(shù)據(jù)傳輸，當Socket服務器轉(zhuǎn)發(fā)源用戶的白板全屏狀態(tài)數(shù)據(jù)時，目 標用戶的Flash插件會接收到這些數(shù)據(jù)，F(xiàn)lash調(diào)用網(wǎng)頁白板全屏處理函數(shù)，網(wǎng)頁白板全屏 函數(shù)根據(jù)對接收到的數(shù)據(jù)信息的解析結(jié)果對白板進行全屏處理，即實現(xiàn)白板全屏的同步。下面進一步詳細說明本發(fā)明所述的方法參見說明書附圖，源用戶打開網(wǎng)頁，網(wǎng)頁自動加載Flash插件，F(xiàn)lash插件通過 XMLSocket類建立與Socket服務器的永久連接，并且開始監(jiān)聽Socket服務器的數(shù)據(jù)傳輸； 當源用戶操作網(wǎng)頁中的內(nèi)容，進行白板全屏操作時，白板對全屏狀態(tài)進行判斷，由原始狀態(tài) 變?yōu)槿翣顟B(tài)標記為1，由全屏恢復原始狀態(tài)標記為2，白板通過網(wǎng)頁JavaScript函數(shù)調(diào) 用Flash接口傳入所記錄的白板全屏狀態(tài)信息；Flash接收到白板狀態(tài)數(shù)據(jù)信息后，調(diào)用 XMLSocket類的方法，將翻頁數(shù)據(jù)信息發(fā)送到Socket服務器；Socket服務器接收到源用戶 發(fā)送過來的白板全屏標記數(shù)據(jù)后，馬上將數(shù)據(jù)轉(zhuǎn)發(fā)給所有連接到Socket服務器上需要同 步的目標用戶；目標用戶打開網(wǎng)頁，自動加載Flash插件，F(xiàn)lash插件通過XMLSocket類建 立與Socket服務器永久連接，并且開始監(jiān)聽Socket服務器的數(shù)據(jù)傳輸；當Socket服務器 轉(zhuǎn)發(fā)源用戶的白板全屏標記數(shù)據(jù)時，目標用戶的Flash插件會通過XMLSocket的監(jiān)聽方法 接收到這些數(shù)據(jù),Flash使用External Interface, cal 1方法調(diào)用網(wǎng)頁JavaScript的全屏處 理函數(shù)；網(wǎng)頁JavaScript函數(shù)根據(jù)傳遞過來的白板全屏標記數(shù)據(jù)，根據(jù)全屏狀態(tài)對白板進 行處理，將白板的寬度、高度記錄在JavaScript變量中，如果狀態(tài)為1，則通過JavaScript 的document. documentElement. clientffidth計算出網(wǎng)頁的寬度,將白板的顯示寬度修改 j^NM W^iS, fflil JavaScript 白勺 document. documentElement. clientHeight if NM 的高度，將白板的顯示高度修改成網(wǎng)頁的高度，如果狀態(tài)為2，則通過JavaScript函數(shù)將白 板寬度修改成已經(jīng)記錄在JavaScript變量中的白板寬度，將白板高度修改成已經(jīng)記錄在 JavaScript變量中的白板高度，此時目標用戶的白板全屏狀態(tài)與源用戶保持一致，即實現(xiàn) 白板全屏的同步。
權(quán)利要求
一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法，其特征在于，包括以下步驟1)源用戶打開網(wǎng)頁，網(wǎng)頁自動加載Flash插件，F(xiàn)lash與Socket服務器建立永久連接，并且開始監(jiān)聽Socket服務器數(shù)據(jù)傳輸；2)當源用戶操作網(wǎng)頁中的內(nèi)容，進行白板全屏操作時，調(diào)用Flash接口傳入白板全屏狀態(tài)數(shù)據(jù)信息，然后Flash調(diào)用API將數(shù)據(jù)發(fā)送到Socket服務器，Socket服務器將接收到的數(shù)據(jù)轉(zhuǎn)發(fā)給其它目標用戶；3)目標用戶打開網(wǎng)頁并加載Flash插件，自動建立與Socket服務器的永久連接并開始監(jiān)聽Socket服務器數(shù)據(jù)傳輸，當Socket服務器轉(zhuǎn)發(fā)源用戶的白板全屏狀態(tài)數(shù)據(jù)時，目標用戶的Flash插件會接收到這些數(shù)據(jù)，F(xiàn)lash調(diào)用網(wǎng)頁白板全屏處理函數(shù)，網(wǎng)頁白板全屏函數(shù)根據(jù)對接收到的數(shù)據(jù)信息的解析結(jié)果對白板進行全屏處理，即實現(xiàn)白板全屏的同步。
2.如權(quán)利要求1所述的一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法，其特征在于，其中步驟1)包含如下過程源用戶打開網(wǎng)頁，網(wǎng)頁自動加載Flash插件，F(xiàn)lash插件通過XMLSocket類建立與 Socket服務器的永久連接，并且開始監(jiān)聽Socket服務器的數(shù)據(jù)傳輸。
3.如權(quán)利要求1所述的一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法，其特征在于，其中步驟2)包含如下過程2a)當源用戶操作網(wǎng)頁中的內(nèi)容，進行白板全屏操作時，白板對全屏狀態(tài)進行判斷，由 原始狀態(tài)變?yōu)槿翣顟B(tài)標記為1，由全屏恢復原始狀態(tài)標記為2，白板通過網(wǎng)頁JavaScript 函數(shù)調(diào)用Flash接口傳入所記錄的白板全屏狀態(tài)信息；2b) Flash接收到白板狀態(tài)數(shù)據(jù)信息后，調(diào)用XMLSocket類的方法，將翻頁數(shù)據(jù)信息發(fā) 送到Socket服務器；2c) Socket服務器接收到源用戶發(fā)送過來的白板全屏標記數(shù)據(jù)后，馬上將數(shù)據(jù)轉(zhuǎn)發(fā)給 所有連接到Socket服務器上需要同步的目標用戶。
4.如權(quán)利要求1所述的一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法，其特征在于，其中步驟3)包含如下過程3a)目標用戶打開網(wǎng)頁，自動加載Flash插件，F(xiàn)lash插件通過XMLSocket類建立與 Socket服務器永久連接，并且開始監(jiān)聽Socket服務器的數(shù)據(jù)傳輸；3b)當Socket服務器轉(zhuǎn)發(fā)源用戶的白板全屏標記數(shù)據(jù)時，目標用戶的Flash插件會通 過XMLSocket的監(jiān)聽方法接收到這些數(shù)據(jù)，F(xiàn)lash使用External Interface, call方法調(diào) 用網(wǎng)頁JavaScript的全屏處理函數(shù)；3c)網(wǎng)頁JavaScript函數(shù)根據(jù)傳遞過來的白板全屏標記數(shù)據(jù)，根據(jù)全屏狀態(tài)對白板進 行處理，將白板的寬度、高度記錄在JavaScript變量中，如果狀態(tài)為1，則通過JavaScript 的document. documentElement. clientffidth計算出網(wǎng)頁的寬度,將白板的顯示寬度修改 j^NMW^iSrilJavaScript 白勺 document. documentElement. clientHeight if NM 的高度，將白板的顯示高度修改成網(wǎng)頁的高度，如果狀態(tài)為2，則通過JavaScript函數(shù)將白 板寬度修改成已經(jīng)記錄在JavaScript變量中的白板寬度，將白板高度修改成已經(jīng)記錄在 JavaScript變量中的白板高度，此時目標用戶的白板全屏狀態(tài)與源用戶保持一致，即實現(xiàn) 白板全屏的同步。
5.如權(quán)利要求2中所述mSocket可以為mSocket、socket或者其他可以用于通訊的類。
全文摘要
本發(fā)明屬于網(wǎng)絡技術(shù)領(lǐng)域，具體涉及一種網(wǎng)頁上實現(xiàn)白板全屏同步的方法，包括以下步驟用戶打開網(wǎng)頁并加載flash，flash與Socket服務器建立永久連接并開始監(jiān)聽。當用戶操作網(wǎng)頁進行白板全屏操作時，調(diào)用Flash接口并傳入白板全屏狀態(tài)信息，然后Flash調(diào)用API將數(shù)據(jù)發(fā)送到Socket服務器。目標用戶打開網(wǎng)頁并加載Flash插件，建立與Socket服務器的永久連接并開始監(jiān)聽，當Flash收到Socket服務器發(fā)送過來的全屏狀態(tài)數(shù)據(jù)時，調(diào)用網(wǎng)頁白板全屏處理函數(shù)對白板進行全屏操作處理，即實現(xiàn)白板全屏的同步。該方法能實現(xiàn)完全基于網(wǎng)頁的白板全屏同步，方便、快捷、高效。
文檔編號G06F17/30GK101969463SQ201010502498
公開日2011年2月9日 申請日期2010年10月11日 優(yōu)先權(quán)日2010年10月11日
發(fā)明者胡加明 申請人:蘇州闊地網(wǎng)絡科技有限公司