專利名稱：一種在網頁上實現的圍觀同步方法、系統及客戶端的制作方法
技術領域：
本發(fā)明屬于網頁處理技術，尤其涉及一種在網頁上實現的圍觀同步方法、系統及客戶端。
背景技術：
現在，隨著網絡技術的不斷發(fā)展，用戶對網絡的需求越來越大。在目前的個人門戶網站上會為用戶提供可圍觀的組件(例如，視頻或圖片等)，以滿足用戶進行互動的需求。 然而，目前的網頁圍觀方式僅為多個用戶只能圍觀一個視頻組件。而且，于圍觀時，用戶只能管理自己的內容，從而影響了用戶之間的互動性以及圍觀的趣味性。

發(fā)明內容
本發(fā)明提供一種在網頁上實現的圍觀同步方法、系統及客戶端，以解決上述問題。本發(fā)明提供一種在網頁上實現的圍觀同步方法。上述方法包括以下步驟用戶登錄網頁上的圍觀區(qū)域，并根據用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件; 服務器將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端；客戶端同步顯示更新后的圍觀區(qū)域內的圍觀組件。本發(fā)明還提供一種在網頁上實現的圍觀同步系統，包括圍觀用戶所在的客戶端以及服務器?？蛻舳诉B接服務器，客戶端包括編輯模塊、接收模塊以及顯示模塊，服務器包括同步傳輸模塊，編輯模塊連接顯示模塊，接收模塊連接顯示模塊。編輯模塊，用于在圍觀用戶登錄網頁上的圍觀區(qū)域后，根據圍觀用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件。同步傳輸模塊，用于將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端。其他圍觀用戶所在的客戶端的接收模塊，用于從同步傳輸模塊接收圍觀區(qū)域內圍觀組件的更新信息。其他圍觀用戶所在的客戶端的顯示模塊，用于同步顯示更新后的圍觀區(qū)域內的圍觀組件。本發(fā)明還提供一種客戶端，包括編輯模塊、接收模塊以及顯示模塊。編輯模塊連接顯示模塊，接收模塊連接顯示模塊。編輯模塊，用于在圍觀用戶登錄網頁上的圍觀區(qū)域后， 根據圍觀用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件。接收模塊，用于從服務器接收圍觀區(qū)域內圍觀組件的更新信息。顯示模塊，用于同步顯示更新后的圍觀區(qū)域內的圍觀組件。相較于先前技術，根據本發(fā)明提供的在網頁上實現的圍觀同步方法、系統及客戶端，用戶可以圍觀區(qū)域內的組件，同時根據操作類型對應的權限編輯圍觀區(qū)域內的圍觀組件。因此，多個用戶可以同時圍觀多個組件，而且圍觀用戶不僅可以管理自己的內容，也可以根據權限編輯其他圍觀用戶的內容。如此，增加了圍觀用戶之間的互動性和趣味性。此外，客戶端同步顯示更新的圍觀區(qū)域內的圍觀組件，亦提升了用戶的體驗度。


此處所說明的附圖用來提供對本發(fā)明的進一步理解，構成本申請的一部分，本發(fā)明的示意性實施例及其說明用于解釋本發(fā)明，并不構成對本發(fā)明的不當限定。在附圖中圖1所示為根據本發(fā)明的較佳實施例提供的在網頁上實現的圍觀同步方法的流程圖；圖2所示為根據本發(fā)明的較佳實施例提供的客戶端的示意圖；圖3所示為根據本發(fā)明的較佳實施例提供的在網頁上實現的圍觀同步系統的示意圖。
具體實施例方式下文中將參考附圖并結合實施例來詳細說明本發(fā)明。需要說明的是，在不沖突的情況下，本申請中的實施例及實施例中的特征可以相互組合。圖1所示為根據本發(fā)明的較佳實施例提供的在網頁上實現的圍觀同步方法的流程圖。如圖1所示，本發(fā)明的較佳實施例提供的在網頁上實現的圍觀同步方法包括步驟 101 103。于步驟101，用戶登錄網頁上的圍觀區(qū)域，并根據用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件。其中，圍觀組件例如包括視頻、音頻、圖片及文字。然而，本發(fā)明對比不作限定。于實際應用中，可根據需要設置相應內容為圍觀組件。于本實施例中，用戶的操作類型包括創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件、評論圍觀組件以及修改圍觀組件。其中，創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限由圍觀區(qū)域的管理員設置或者為網站注冊用戶默認擁有的權限，修改圍觀組件的權限由圍觀組件的創(chuàng)建用戶及之前的所有修改用戶設置。其中，圍觀區(qū)域不限制設置圍觀組件的數目，因此，可以實現多個用戶同時圍觀多個組件。于本實施例中，用戶登錄的圍觀區(qū)域例如可設置在用戶的個人門戶網站上或者設置在某個公司主頁上。然而，本發(fā)明對此不作任何限定。于實際應用中，可根據需要在不同網頁設置圍觀區(qū)域。當圍觀區(qū)域設置在用戶的個人門戶網站時，該用戶可以設置其他用戶于圍觀區(qū)域創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限。例如，該用戶的好友具有在圍觀區(qū)域創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限；該用戶的個人門戶的普通訪客具有在圍觀區(qū)域評論圍觀組件的權限。當圍觀區(qū)域設置在某個公司主頁時，用戶可通過身份驗證登陸圍觀區(qū)域，且圍觀區(qū)域的管理員 (例如，公司主頁的管理員)可設置登陸的圍觀用戶于圍觀區(qū)域創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限。例如，管理員可根據注冊用戶的等級設置其具有相應權限?；蛘撸脩糇跃W站后即默認擁有上述權限。此外，修改圍觀組件的權限由圍觀組件的創(chuàng)建用戶及之前的所有修改用戶設置。例如，當用戶a于圍觀區(qū)域創(chuàng)建圍觀組件 m后，用戶b若要修改圍觀組件m，則需要用戶a的授權。當用戶b獲得用戶a的授權修改了圍觀組件m之后，若用戶c再想要修改圍觀組件m，則需要用戶a及用戶b的授權才可以修改圍觀組件m。于步驟102，服務器將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端。于步驟103，客戶端同步顯示更新后的圍觀區(qū)域內的圍觀組件。具體而言，當用戶a在圍觀區(qū)域創(chuàng)建圍觀組件后，服務器記錄圍觀組件在圍觀區(qū)域的位置(例如，圍觀組件在圍觀區(qū)域的坐標信息)、高度、寬度及樣式信息，并保存至數據庫。同時，服務器將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端，客戶端同步顯示更新后的圍觀區(qū)域內的圍觀組件。具體而言，其他圍觀用戶所在的客戶端會查詢數據庫，并從數據庫讀取圍觀區(qū)域的所有圍觀組件以及相關的信息(例如，圍觀組件的位置、高度、寬度及樣式信息)，然后按照上述信息顯示圍觀區(qū)域內的圍觀組件。圍觀區(qū)域內圍觀組件的更新信息均可以按照上述方式同步至其他圍觀用戶的客戶端。如此，實現圍觀信息的動態(tài)同步，可提高用戶的體驗。接下來，以用戶a的個人門戶網站設置的圍觀區(qū)域為例進行說明。其中，用戶a的好友具有在圍觀區(qū)域創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限，用戶a的個人門戶的普通訪客具有在圍觀區(qū)域評論圍觀組件的權限。當用戶a于圍觀區(qū)域創(chuàng)建圍觀組件后，用戶a可以向其在線好友b d發(fā)送邀請信息。在線好友b d收到邀請信息后，可通過相關鏈接進入圍觀區(qū)域。然而，本發(fā)明并不限定于此。其中，若用戶a移動了圍觀區(qū)域內的圍觀組件m的位置，則上述位置信息首先被保存至數據庫，然后服務器向所有正在圍觀的用戶發(fā)送消息，通知所有圍觀用戶，用戶a移動了圍觀組件m的位置(詳細坐標信息)。正在圍觀的用戶接收到消息后，根據坐標信息，可通過動畫效果展示用戶a移動圍觀組件m。若用戶b(即用戶a的在線好友b)刪除了圍觀組件m，則上述刪除信息會被記錄在用戶b的修改日志，并保存至數據庫，然后服務器向所有正在圍觀的用戶發(fā)送消息，通知所有圍觀用戶，用戶b刪除了圍觀組件m。正在圍觀的用戶接收到消息后，于圍觀區(qū)域同步刪除圍觀組件m。同樣地，圍觀用戶可以通過查詢修改日志了解相關操作。若用戶c (即用戶c的在線好友c)需要修改圍觀組件m，則用戶c首先要獲得圍觀組件m的創(chuàng)建者用戶a的授權。若用戶c獲得授權后，用戶c修改的圍觀組件m會被保存至數據庫，同時記錄用戶c的修改日志。然后服務器向所有正在圍觀的用戶發(fā)送消息，通知所有圍觀用戶，用戶c修改了圍觀組件m。正在圍觀的用戶接收到消息后，于圍觀區(qū)域同步修改圍觀組件m，而且，修改后的圍觀組件m會在表現形式上與之前進行區(qū)分。例如，圍觀用戶將鼠標移動至圍觀組件m上，會自動顯示文字內容指示圍觀組件m的修改過程。另外，若用戶d于用戶c之后需要修改圍觀組件m，則用戶d需要獲得用戶a及用戶c的授權。若用戶a的個人門戶的普通訪客e評論了圍觀組件m，則訪客e的評論信息會被記錄并保存至數據庫。然后，服務器向所有正在圍觀的用戶發(fā)送消息，通知所有圍觀用戶，訪客e評論了圍觀組件m。正在圍觀的用戶接收到消息后，同步顯示訪客e的評論。圖2所示為根據本發(fā)明較佳實施例提供的客戶端的示意圖。圖3所示為根據本發(fā)明的較佳實施例提供的在網頁上實現的圍觀同步系統的示意圖。請一并參考圖2與圖3。如圖2所示，本發(fā)明的較佳實施例提供的客戶端20包括編輯模塊201、接收模塊 203以及顯示模塊202。編輯模塊201連接顯示模塊202，接收模塊203連接顯示模塊202。 編輯模塊201，用于在圍觀用戶登錄網頁上的圍觀區(qū)域后，根據圍觀用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件。接收模塊203，用于從服務器接收圍觀區(qū)域內圍觀組件的更新信息。顯示模塊202，用于同步顯示更新后的圍觀區(qū)域內的圍觀組件。如圖3所示，本發(fā)明的較佳實施例提供的在網頁上實現的圍觀同步系統包括圍觀用戶所在的客戶端20a 20c以及服務器21。于此，以三個客戶端20a 20c為例。然而，本發(fā)明并不限定圍觀用戶所在的客戶端的數目?？蛻舳?0a 20c連接服務器21，服務器 21包括同步傳輸模塊211?？蛻舳?0a 20c均如圖2所示的客戶端。舉例而言，當用戶a(用戶a對應于客戶端20a)在圍觀區(qū)域創(chuàng)建圍觀組件后，服務器21記錄圍觀組件在圍觀區(qū)域的位置(例如，圍觀組件在圍觀區(qū)域的坐標信息)、高度、寬度及樣式信息，并保存至數據庫。同時，服務器21的同步傳輸模塊211將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端20b 20c，客戶端20b 20c的接收模塊接收更新信息后，分別由顯示模塊同步顯示更新后的圍觀區(qū)域內的圍觀組件。圍觀區(qū)域內圍觀組件的更新信息均可以按照上述方式同步至其他圍觀用戶的客戶端。如此，實現圍觀信息的動態(tài)同步，可提高用戶的體驗。此外，關于上述系統及客戶端其他操作方式同上述方法所述。故于此不再贅述。綜上所述，根據本發(fā)明較佳實施例提供的在網頁上實現的圍觀同步方法、系統及客戶端，用戶可以圍觀區(qū)域內的組件，同時根據操作類型對應的權限編輯圍觀區(qū)域內的圍觀組件。因此，多個用戶可以同時圍觀多個組件，而且圍觀用戶不僅可以管理自己的內容， 也可以根據權限編輯其他圍觀用戶的內容。如此，增加了圍觀用戶之間的互動性和趣味性。 此外，客戶端同步顯示更新的圍觀區(qū)域內的圍觀組件，亦提升了用戶的體驗度。以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領域的技術人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內。
權利要求
1.一種在網頁上實現的圍觀同步方法，其特征在于，包括以下步驟用戶登錄網頁上的圍觀區(qū)域，并根據用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件；服務器將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端；所述客戶端同步顯示更新后的圍觀區(qū)域內的圍觀組件。
2.根據權利要求1所述的在網頁上實現的圍觀同步方法，其特征在于，所述用戶的操作類型包括創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件、評論圍觀組件以及修改圍觀組件，其中，創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限由所述圍觀區(qū)域的管理員設置或者為網站注冊用戶默認擁有的權限，修改圍觀組件的權限由所述圍觀組件的創(chuàng)建用戶及之前的所有修改用戶設置。
3.根據權利要求1所述的在網頁上實現的圍觀同步方法，其特征在于，所述圍觀組件包括視頻、音頻、圖片及文字。
4.根據權利要求1所述的在網頁上實現的圍觀同步方法，其特征在于，當圍觀用戶在圍觀區(qū)域創(chuàng)建圍觀組件后，所述服務器記錄所述圍觀組件在圍觀區(qū)域的位置、高度、寬度及樣式信息。
5.一種在網頁上實現的圍觀同步系統，其特征在于，包括圍觀用戶所在的客戶端以及服務器，所述客戶端連接所述服務器，所述客戶端包括編輯模塊、接收模塊以及顯示模塊， 所述服務器包括同步傳輸模塊，所述編輯模塊連接所述顯示模塊，所述接收模塊連接所述顯示模塊，所述編輯模塊，用于在圍觀用戶登錄網頁上的圍觀區(qū)域后，根據圍觀用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件，所述同步傳輸模塊，用于將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端，其他圍觀用戶所在的客戶端的接收模塊，用于從所述同步傳輸模塊接收圍觀區(qū)域內圍觀組件的更新信息，其他圍觀用戶所在的客戶端的顯示模塊，用于同步顯示更新后的圍觀區(qū)域內的圍觀組件。
6.根據權利要求5所述的在網頁上實現的圍觀同步系統，其特征在于，所述服務器還包括存儲模塊，所述存儲模塊連接所述同步傳輸模塊，用于存儲所述圍觀區(qū)域內圍觀組件的信息。
7.根據權利要求5所述的在網頁上實現的圍觀同步系統，其特征在于，所述用戶的操作類型包括創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件、評論圍觀組件以及修改圍觀組件，其中，創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限由所述圍觀區(qū)域的管理員設置或者為網站注冊用戶默認擁有的權限，修改圍觀組件的權限由所述圍觀組件的創(chuàng)建用戶及之前的所有修改用戶設置。
8.根據權利要求5所述的在網頁上實現的圍觀同步系統，其特征在于，所述圍觀組件包括視頻、音頻、圖片及文字。
9.一種客戶端，其特征在于，包括編輯模塊、接收模塊以及顯示模塊，所述編輯模塊連接所述顯示模塊，所述接收模塊連接所述顯示模塊，所述編輯模塊，用于在圍觀用戶登錄網頁上的圍觀區(qū)域后，根據圍觀用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件，所述接收模塊，用于從服務器接收圍觀區(qū)域內圍觀組件的更新信息， 所述顯示模塊，用于同步顯示更新后的圍觀區(qū)域內的圍觀組件。
10.根據權利要求9所述的客戶端，其特征在于，所述用戶的操作類型包括創(chuàng)建圍觀組件、刪除圍觀組件、移動圍觀組件、評論圍觀組件以及修改圍觀組件，其中，創(chuàng)建圍觀組件、 刪除圍觀組件、移動圍觀組件以及評論圍觀組件的權限由所述圍觀區(qū)域的管理員設置或者為網站注冊用戶默認擁有的權限，修改圍觀組件的權限由所述圍觀組件的創(chuàng)建用戶及之前的所有修改用戶設置。
全文摘要
本發(fā)明提供一種在網頁上實現的圍觀同步方法、系統及客戶端。上述方法包括以下步驟用戶登錄網頁上的圍觀區(qū)域，并根據用戶的操作類型所對應的權限編輯圍觀區(qū)域內的圍觀組件；服務器將圍觀區(qū)域內圍觀組件的更新信息同步傳輸至其他圍觀用戶所在的客戶端；客戶端同步顯示更新后的圍觀區(qū)域內的圍觀組件。
文檔編號H04L29/06GK102387202SQ20111032115
公開日2012年3月21日 申請日期2011年10月21日 優(yōu)先權日2011年10月21日
發(fā)明者胡加明 申請人:蘇州闊地網絡科技有限公司