TW201216148A - Remote management system and the method thereof - Google Patents
Remote management system and the method thereof Download PDFInfo
- Publication number
- TW201216148A TW201216148A TW99133883A TW99133883A TW201216148A TW 201216148 A TW201216148 A TW 201216148A TW 99133883 A TW99133883 A TW 99133883A TW 99133883 A TW99133883 A TW 99133883A TW 201216148 A TW201216148 A TW 201216148A
- Authority
- TW
- Taiwan
- Prior art keywords
- block
- comparison
- blocks
- display
- web
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/02—Input arrangements using manually operated switches, e.g. using keyboards or dials
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
- G06F3/0354—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of 2D relative movements between the device, or an operating part thereof, and a plane or surface, e.g. 2D mice, trackballs, pens or pucks
- G06F3/03543—Mice or pucks
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1415—Digital output to display device ; Cooperation and interconnection of the display device with other functional units with means for detecting differences between the image stored in the host and the images displayed on the displays
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N19/00—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals
- H04N19/10—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals using adaptive coding
- H04N19/169—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals using adaptive coding characterised by the coding unit, i.e. the structural portion or semantic portion of the video signal being the object or the subject of the adaptive coding
- H04N19/17—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals using adaptive coding characterised by the coding unit, i.e. the structural portion or semantic portion of the video signal being the object or the subject of the adaptive coding the unit being an image region, e.g. an object
- H04N19/176—Methods or arrangements for coding, decoding, compressing or decompressing digital video signals using adaptive coding characterised by the coding unit, i.e. the structural portion or semantic portion of the video signal being the object or the subject of the adaptive coding the unit being an image region, e.g. an object the region being a block, e.g. a macroblock
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
201216148 六、發明說明: 【發明所屬之技術領域】 本發明係有關於一種遠端管理系統及其方法;具體而言, 本發明之遠端管理系統及其方法使得用戶端電腦不需要額外 加裝外掛私式或應肺式,而能直接以網頁彡職·示被控 電腦所輸出之動態影像。 【先前技術】201216148 VI. Description of the Invention: [Technical Field] The present invention relates to a remote management system and method thereof; in particular, the remote management system and method thereof of the present invention do not require additional installation of a client computer The plug-in private or the lung type can directly use the webpage to display the dynamic image output by the controlled computer. [Prior Art]
多電腦切換器(Keyboard-Video-Mouse Switch; KVMKVM switch (Keyboard-Video-Mouse Switch; KVM
Switch)係連接於用戶端中控裝置與多台被控電腦之間,使 得使用者可以透過-組鍵盤、螢幕和滑鼠來控制多台的被控 電腦。所謂的網路型多電腦切換器(〇ver_Ip κγΜ)係一種且有 網路介面之多電腦切換器,其經由網路將用戶端電腦搞接至 一或多台被控電腦。 為了使用戶端電腦的使用者能對鱗型多電腦切換器進 行操作並_與被控電腦進行軌,在仙者端必須提供一 個管理介面以侧戶端電腦使用。在習知技術中此管理介面 ,含特殊的應雜式及網頁斷器,其中網頁器係可以 疋原本即已安裝於用戶端電腦上的—般網制覽器,但是此 應用程式則必須另外由網路型多電腦切換器之製造商處取得 後進行安裝。當使賴頁作為管理介面時,網路型多電腦切 換器與用戶端電腦之間的關係'相當於網頁舰器與網頁職 設備之間的關係’此時使用者可利關戶端電腦中的網頁劉 201216148 的網1來對多電肋換II進行辦。而現今的網 路=户電切換II產品除了允許使用者藉以管理遠端的被控 • 電㈣外’觀備檢視被控制所輸A魏態影像的功能。 因為見有的,周頁〆割覽器本身並無法顯示被控電腦所輸出的動 - f影f ’所以被控電腦輸出之_影像必須藉由安裝在用戶 知電腦中的特殊應用程式來顯示。如果要以網細覽器來顯 示被控電腦所輸出的動態影像,此網頁劉覽器必須額外加裝 外掛程式(plUg_ln,例如Ad〇be Flash朽㈣或由網頁呼 Φ 外的應用程式。 〜由於現今網頁機㈣麵舒,各家產品所支援的功能 在在會有很大的差異。因此,為了確保網頁在-般狀況下能 在^何類型的網頁劉覽器中正常顯示,就必須依照W3C推 薦&準(W3C reeGmmendatiGn)來製作網頁。軸相關的 HTML 5冑晴鮮域蚊格式(例如MPEG4)的動||f彡 像:但實際上目前的!!由於牵涉智慧財產權的緣故都不 • 支援該些特定格式。並且,該影像格式與鍵盤及滑鼠的控制 不=容,、因此為了在網頁輒器中顯示動態影像,還是必須 如則所述額外加裳外掛程式或由網頁啤叫額外的應用程式。 此卜由於夕卜掛程式的设计會因其所附屬的網頁劉覽器以及 底層的作業系統平台而異,因此網路型多電腦切換器的製造 商若要滿;I不_頁職器及作業祕的使用者,就必須針 對不同的網頁劉覽器以及作業系統來開發外掛程式或應用程 式’其所耗費的人力、物力對於多電腦切換器的製造商而言 將是不小的負擔。 201216148 【發明内容】 ▲本發月之一目的在於提供一種遠端管理系統及其方法,相 較於先前技術,能在《要外掛程式的前提下,實現在不同 作業系統平S上的所有翻的網頁織器巾顯示動態影 功能。 本發明之另一目的在於提供一種遠端管理系統及其方 法’她於先前技術,具有局部更新網頁的功能,可達 省網路頻寬及減輕網頁舰器負擔的效果。 ▲本發明之遠端管理系統包含—影賴取模組、—處理/比 較模組、-影像編碼獅及—傳麵組。此影像絲模組係 依據某-採樣頻率對被控電腦輸出之類比或數位動態影像訊 (例如VGA或DVI訊號)號進行擷取,以將類比動態影像訊 號轉換為-連串靜賴像。處理,比較模組進―步將靜態圖 像分割為比較區塊,並比較_兩張靜態圖像的差異,以從 比較區塊中找出所有有像素值變化之變化區塊。比較區塊可 再分爲複數個比較區塊組。劉覽器中所顯示之網頁亦被劃分 為多個顯示區塊,每個比較區塊組以—對—之方式對應至二 頁顯示區中的-個顯示區塊。影像編碼模組進—步將變化區 塊所屬比健塊組中所有比較區塊之像素值經由—編碼方式 轉換為編碼數據’但发絶 /、、、兩碼方式並非 MPEG_G2_G4/AVI 位動態影像之編碼方式。 送模組因應侧頁職R請求將編騎據傳送至網頁織 設備,使網頁職H可麟此編碼數據域朗應之顯示區 201216148 塊,進而顯示相應於被控電腦輸出之動態影像訊號的動態影 像。 本發明遠端管理方法包含:將被控電腦輸出的動態影像訊 號轉換為一連串的靜態圖像,而後將每一張靜態圖像分割為 複數個比較區塊,並比較前後兩張靜態圖像的差異,以從該 些比較區塊中找出所有有像素值變化的變化區塊,其中比較Switch) is connected between the central control unit of the client and a plurality of controlled computers, so that the user can control multiple controlled computers through the group keyboard, screen and mouse. The so-called network type KVM switch (〇ver_Ip κγΜ) is a multi-computer switcher with a network interface that connects a client computer to one or more controlled computers via a network. In order to enable the user of the client computer to operate the scale KVM switch and to track the controlled computer, a management interface must be provided on the fairy side for use by the side computer. In the prior art, the management interface includes a special application and a web browser, wherein the web browser can be a general web browser that is already installed on the client computer, but the application must additionally Installed by the manufacturer of the networked KVM switch. When the Lai page is used as the management interface, the relationship between the network type KVM switch and the client computer is equivalent to the relationship between the web player and the web server. At this time, the user can benefit from the computer. The webpage of Liu 201216148 comes to the multi-electric ribs for II. Today's network=household switching II product allows users to manage the remote control's function by controlling the remote control. Because there are some, the weekly page of the browser itself does not display the dynamic-f shadow f' output by the controlled computer. Therefore, the image output by the controlled computer must be displayed by a special application installed on the user's computer. . If you want to display the dynamic image output by the controlled computer with the web browser, the web browser must be additionally equipped with a plug-in program (plUg_ln, such as Ad〇be Flash (4) or an application called by the web page. Due to the fact that today's web browsers (4) are comfortable, the functions supported by each product are very different. Therefore, in order to ensure that the webpage can be displayed normally in the web browser of the type, it must be According to the W3C recommendation & (W3C reeGmmendatiGn) to create a web page. Axis-related HTML 5 胄 鲜 域 格式 ( ( 例如 例如 例如 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | ! ! ! None • Support these specific formats. Moreover, the image format and the control of the keyboard and mouse are not allowed, so in order to display the motion picture in the web page browser, it is necessary to add the extra plug-in program or The web beer is called an additional application. The design of the web-based multi-computer switcher is different because of the design of the web browser and the underlying operating system platform. To be full; I don’t want to use the web browser and the operating system to develop plug-ins or applications. The manpower and material resources of the multi-computer switcher The manufacturer is not a small burden. 201216148 [Invention] ▲ One of the purposes of this month is to provide a remote management system and its method, compared with the prior art, under the premise of the plug-in, Realizing the dynamic shadow function of all the webpages of the webpages on the different operating systems S. Another object of the present invention is to provide a remote management system and method thereof, which has the function of partially updating webpages in the prior art. The effect of the provincial network bandwidth and the burden on the webpage of the webpage can be achieved. ▲ The remote management system of the present invention comprises: a video capture module, a processing/comparison module, an image coding lion and a facial mask group. The image silk module captures an analog or digital motion picture (such as a VGA or DVI signal) number of the controlled computer according to a certain sampling frequency to convert the analog video signal. - A series of static images. The processing module compares the static image into comparison blocks and compares the difference between the two static images to find out all the pixel value changes from the comparison block. The change block can be further divided into a plurality of comparison block groups. The web page displayed in the browser is also divided into a plurality of display blocks, and each comparison block group is correspondingly to a display block in the two-page display area. The image coding module further converts the pixel values of all the comparison blocks in the block group of the change block to the coded data through the coding method, but terminates the code. The two-code method is not the encoding method of the MPEG_G2_G4/AVI bit motion picture. The sending module transmits the card-riding data to the web-weaving device in response to the side-page job R request, so that the web page job can be encoded in the data field The 201216148 block, in turn, displays a motion picture corresponding to the motion picture signal output by the controlled computer. The remote management method of the present invention comprises: converting a dynamic image signal output by the controlled computer into a series of static images, and then dividing each static image into a plurality of comparison blocks, and comparing the two static images before and after Difference, to find all the changed blocks with pixel value changes from the comparison blocks, where comparison
區塊更分爲複數個比較區塊組,每個比較區塊組對應於網頁 瀏覽器之網頁顯示區中的一個顯示區塊。若變化區塊存在, 則將變化區塊所屬的比較區塊組中的所有比較區塊之像素值 轉經由一編碼方式轉換為編碼數據,而後因應於網頁潮覽器 之請求將編碼數據經由網路傳送至網頁瀏覽設備,使網頁瀏 覽器可依據此編碼數據更新該顯示區塊,進而顯示相應於被 控電腦輸出之動態影像訊號的動態影像。 本發明藉由將被控電腦輸出之動態影像以編碼數據的形 式經由祕傳送至網·覽設備,使網頁·設備之網頁劉 覽器可據_示被控電腦所輸出之_影像,而在不需要額 外加裝外掛程式或呼叫額外的朗程式的前提下纽在不同 作業系統平台上的所有種_網_覽it巾顯示被控電腦所 輸出之動態影像。 【實施方式】 a本5明提供-種遠端管_統。在—她實施例中,本發 明之遠端官理系統為一網路型多電 施例中,本發明之遠端管理系 ^❿其他實 、釘以為其他_之多電腦切 201216148 換為’或其之遠端電辭㈣統或裝置。 » 1A圖係為本發明遠端管理系統之—實施例的方塊圖。 如第1A圖所示’遠端管理系統1經由其數個連接槔連接至 一或數台被控電腦2 ’並經由網路3與網頁觀設備4中的 覽ϋ 5產生互動,使網覽設備4可經由網路3與 遠端s理系統1進行通訊並進而控制被控電腦2。網頁劇覽 =備=之使用者可以藉由網頁_器5所顯示之網頁對遠端 管理系統1進行操作,例如進行設定或是切換與控制被控電 腦2之間的連接埠。在本實施例中,網路3為網際網路 (Internet)’網頁·設備4為—個人電腦;細在其他實 施射,網路3可以為乙太網路(趾咖)或令牌環網(t〇ken nng)等其他類型的電腦網路,網頁職設備4可以為筆記 型電腦、個人數位助理(Pers〇nal Digital Assistant,PDA)或 智慧型手機等可執行網頁職器5的任何手持行動電子裝 1 0 1 f n 5 Internet Explorer > Mozilla Firefox ^ 2The block is further divided into a plurality of comparison block groups, and each comparison block group corresponds to one display block in the web page display area of the web browser. If the change block exists, the pixel values of all the comparison blocks in the comparison block group to which the change block belongs are converted into encoded data by an encoding method, and then the encoded data is transmitted through the network according to the request of the web page browser. The road is transmitted to the web browsing device, so that the web browser can update the display block according to the encoded data, thereby displaying the dynamic image corresponding to the dynamic image signal output by the controlled computer. The invention transmits the dynamic image outputted by the controlled computer to the network browsing device in the form of encoded data, so that the webpage browser of the webpage/device can display the image output by the controlled computer according to the image. All kinds of dynamics on the different operating system platforms are displayed without the need to add additional plug-ins or call additional programs. The dynamic images output by the controlled computer are displayed. [Embodiment] A present invention provides a kind of distal tube system. In the embodiment of the present invention, the remote government system of the present invention is a network type multi-electricity embodiment, and the remote management system of the present invention is replaced by other computers and other computers. Or its remote (4) system or device. » 1A is a block diagram of an embodiment of the remote management system of the present invention. As shown in FIG. 1A, the remote management system 1 is connected to one or several controlled computers 2' via its plurality of ports, and interacts with the view 5 in the web page viewing device 4 via the network 3 to make the web view The device 4 can communicate with the remote s system 1 via the network 3 and thereby control the controlled computer 2. Web Page Layout = The user who is ready = can operate the remote management system 1 by the web page displayed on the web page 5, for example, to set or switch and control the connection between the controlled computer 2. In this embodiment, the network 3 is an Internet (Internet) 'webpage and device 4 is a personal computer; fine is implemented in other implementations, and the network 3 can be an Ethernet (toe) or a token ring network. (t〇ken nng) and other types of computer networks, the web service device 4 can be any handheld computer, personal digital assistant (PDA) or smart phone, etc. Mobile Electronics 1 0 1 fn 5 Internet Explorer > Mozilla Firefox ^ 2
Go· Chrome、0pera及Safari等不同種類或執行於不同作 3 業系統平台上的網頁瀏覽軟體。 4 如第U圖所示,此遠端管理系統J包含影像擷取模組 10、處理/比較模組20、影像編碼模組30及傳送模組40。 影像擷取模組1 〇以某一採樣頻率對被控電腦2輸出之類比動 態影像訊號進行擷取,以將類比動態影像訊號轉換為一連串 (連續)的單張數位靜態圖像,此靜態圖像亦可稱為影像禎 (frame),例如每秒擷取出30禎。影像擷取模組川較佳為包 含類比至數位(Analog-to-Digital)轉換功能的磲體電路。在 201216148 本實施例巾’被控賴2 _態影像贿是藉由被控電腦2 的顯不卡上$ VGA (VideG Graphics An,ay,魏目形陣列) 蟑(port)輪出至遠端管理系統丨;然而在其他實施例中,可 藉由例如網路等其他界面(interfaee)來輸出。此外,採樣頻 率的问低可視網路的頻寬、硬體的運算能力等軟硬體條件、 對顯示晝質的要求或其他需求而調整。 此遠端官理系統1更包含一路徑安排模組50,用以將由網 胃概叹備4所傳來之控制訊號(例如鍵盤訊號或游標控制 Φ 喊)爾—賴奴傳輸頌敎之被控« 2。此路 徑安排模組5〇亦將所選定之被控電腦2切換至影像擷取模組 10。此路徑安排模組5〇可為一處理器、多工器(Multiplexer)、 矩陣式切換器㈣卿—撕触”場可程式化邏輯閘陣列 (FPGA)、匯流排或其中之任意適當組合。 處理/比較模組20進一步將靜態圖像分割為複數個較小 的比較區塊’並比較前後兩張靜_像在像素值上的差異, • 以從比較區塊中找出有變化的區塊(下稱變化區塊)。比較區 塊可再晝分❹佩較區塊組。網頁職料所顯示之網頁 亦被劃分為多個顯示區塊,每個比較區塊組對應於網頁顯示 區中的-個顯示區塊。換言之,網頁職器5之網頁顯示區 被分爲多個顯示區塊’每個顯示區塊對應於一個比較區塊 組’亦即顯示H塊的大小敍於或等於比較區塊的大小。第 1&B圖係為第1A騎示遠端管理纽的處理/峨模组將靜 態圖像分割為區塊之—實施例的示意圖。如第1B圖所示, 在本貫施例中,是將每張靜態圖像分割為10乘10大小的比 201216148 較區塊Bc,而從中找出變化區塊(斜線部分)。然而在其他 實施例中,可視需求分割為例如32乘32等不同大小的比較 區塊處理/比較模組2〇較佳採用例如積體電路晶片的硬體 電路來實作。 影像編石馬模組30進-步將變化區塊所屬之的比較區塊組 中的所有比較區塊之像素值經由一編碼方式轉換為編碼數 據^ 5之,像素值之轉換係以顯示區塊為單位,因此只要 顯不區塊所對應之味區塊組巾有—個味區塊是變化區 塊’則將該顯示區塊所對應之所有比概塊—起進行編碼。 如第1B圖所不,當顯示區塊的大小為32乘32,而比較區塊Web browsers for different types of Go, Chrome, 0pera, and Safari or for different platforms. 4 As shown in FIG. 5, the remote management system J includes an image capturing module 10, a processing/comparing module 20, an image encoding module 30, and a transmitting module 40. The image capturing module 1 撷 extracts the analog video signal outputted by the controlled computer 2 at a sampling frequency to convert the analog moving image signal into a series of (continuous) single digital still images, the static image The image can also be called an image frame, for example, 30 撷 per second. The image capturing module is preferably a body circuit including an analog-to-digital conversion function. In 201216148, the embodiment of the towel is controlled by 2 _ state image bribes by means of the computer 2 is not on the card VGA (VideG Graphics An, ay, Wei-shaped array) 轮 (port) round to the far end The management system is; however, in other embodiments, it may be output by other interfaces such as a network. In addition, the sampling frequency is low, depending on the bandwidth of the network, hardware and hardware computing capabilities, and other requirements for display quality or other requirements. The remote system 1 further includes a routing module 50 for transmitting control signals (such as keyboard signals or cursor control Φ) from the web sigh 4 Control « 2. The path scheduling module 5 also switches the selected controlled computer 2 to the image capturing module 10. The routing module 5 can be a processor, a multiplexer, a matrix switcher (four), a tear-off field programmable logic gate array (FPGA), a bus, or any suitable combination thereof. The processing/comparison module 20 further divides the still image into a plurality of smaller comparison blocks' and compares the difference between the two static images in the pixel values, and • finds the changed region from the comparison block. Block (hereinafter referred to as the change block). The comparison block can be further divided into the block group. The web page displayed by the webpage material is also divided into multiple display blocks, and each comparison block group corresponds to the webpage display. a display block in the area. In other words, the web page display area of the web server 5 is divided into a plurality of display blocks 'each display block corresponds to a comparison block group', that is, the size of the H block is displayed. Or equal to the size of the comparison block. The 1&B diagram is a schematic diagram of the embodiment of the processing/峨 module of the 1A riding remote management button to divide the still image into blocks. As shown in FIG. 1B In the present example, each static image is divided into 10 by 10 size The block Bc is found in comparison with 201216148, and the change block (hatched portion) is found therefrom. However, in other embodiments, the visual block is divided into different sizes of comparative block processing/comparison modules 2 such as 32 by 32. The hardware is implemented by using a hardware circuit such as an integrated circuit chip. The image editing module 30 further converts the pixel values of all the comparison blocks in the comparison block group to which the change block belongs to For the encoded data ^5, the conversion of the pixel value is in units of display blocks, so as long as the taste block corresponding to the block block has a taste block is a change block, then the display block is All the corresponding blocks are encoded. As shown in Figure 1B, when the size of the display block is 32 by 32, the comparison block
Bc的大小為μ乘16時,則將屬於同一個比較區塊組則(即 對應於同一個顯示區塊)的四個相鄰的比較區塊Be 一起進行 編碼。編碼數射更包含經編碼的像素值及相應之顯示區塊 的座標值等資訊。 在-較佳實施例中,此像素值之轉換係依據jpEG格式之 編碼方絲進行編碼/獅;然而在其他實關巾,亦可採用 TOC "^準所支援的其他種類編碼/壓縮格式,例如GIF、PNG =BMP等。值躲意、的是,在㈣碼數據傳送至網頁劉覽 »又備4的麵巾’並非每筆編魏據都需要伴縣數據信頭 (即header ’其供數據解碼之用),可以採用多筆編瑪數據共 用相據信頭的方式以節省網路頻寬。在一較佳實施例、 中可以使第-筆編碼數據之封包包含此數據信頭,第二 :乂後,編碼數據的封包則不包含此數據信頭,但是第二筆及 々*、後之、’扁码數據仍沿用第一筆編碼數據所使用之數據 201216148 信頭來進行解碼。翁是,數據_、第 備4 峨細鞭爾妓== 共碼數據、㈣及第二筆以後之編瑪數據When the size of Bc is μ by 16, the four adjacent comparison blocks Be belonging to the same comparison block group (i.e., corresponding to the same display block) are encoded together. The coded number also includes information such as the encoded pixel value and the coordinate value of the corresponding display block. In the preferred embodiment, the conversion of the pixel value is encoded according to the encoded square of the jpEG format. However, in other real-purpose wipes, other types of encoding/compression formats supported by TOC " For example, GIF, PNG = BMP, etc. The value hides, is, in the (four) code data transmission to the web page Liu Xie » also prepared 4 face towel 'not every piece of Wei Wei is required to accompany the county data letter head (ie header 'for data decoding use), can The use of multiple coder data sharing the header is used to save network bandwidth. In a preferred embodiment, the packet of the first pen-encoded data may include the data header, and after the second: the packet of the encoded data does not include the data header, but the second pen and the 々*, The 'flat code data is still decoded using the data 201216148 header used in the first encoded data. Weng is, data _, preparation 4 峨 fine whip 妓 == total code data, (four) and the second post of the coded data
’在-較佳實施例中,如第lc圖所示,當數個相鄰 的比較區塊組BSl_S2所對應的比較區塊&有變化(斜線 部分)而f要作雜換時’影像編韻組可以選擇性地 將相應於該數個相鄰的比祕塊組Bs所對應的所有比較區 合併編如提高麵率,㈣節省傳輸所需的頻寬,並 提高顯示效率。例如比較區塊組BS丨及BS2相鄰,且比較區 塊組BSi有4個變化區塊而比較區塊組BS2有2個變化區=束, 此時可將此6個變化區塊或全部的8個區塊—起進行編碼, 而非對比較區塊組略及略進行個別的編碼。此時必須記 錄該數個相鄰顯示區塊的相關資訊,其中包含座標、寬度及 高度等訊息,使得網頁戦ϋ可依據這些訊切織個ς鄰 顯示區塊正確地顯示於網頁中相應之位置。再者,在一較佳 實施例中,爲了增進壓縮效能起見,影像編碼模組30可使用 具備圖像壓縮功能的數位訊號處理器(digital signal plOeess叫 DSP)專硬體電路來實現,例如ASpeed公司所提供之 AST1000 或 AST2000 〇 傳送模組40可因應於網頁瀏覽器5之請求將影像編碼模 組30產生之編碼數據經由網路3傳送至網頁瀏覽設備4,使 網頁劇覽器5可據以顯示相應於被控電腦2輪出之動態影像 號的動癌影像(對使用者而言此動態影像相當於被控電腦 201216148 2之螢幕晝面上的影像)。傳戦组⑽較佳地包含網頁词服 器4】。網頁伺服器41較佳地因應於網頁劇覽器5之請求將 -個用於對編碼數據進行解碼的共賴據信頭傳送至網頁劉 覽器5。網細覽設備4中的網㈣覽器5可經由網路3而 從傳送模組40巾的網頁錬器w取得共雜據信頭及所有 顯示區塊的編碼數據,並依據共用數據信頭與編碼數據即時 更新網頁顯巾相應之區塊。在取得共紐據信頭以 後’除非後續顯示區塊的大小(例如相鄰賴示區塊所對應 的比較區塊合併編碼)或影m編碼參财變化,否貝; 網頁觀n並不需要賊取得數據_,因此轉編碼數據 可共用一共用數據信頭。 此外,在一較佳實施例中,,網頁伺服器41可以接收來自 網頁劇覽設備4之鍵盤或滑鼠等輸入裝置的,,事件,,(例如由 執行於網頁觀H 5中的;avaSeript程式罐,並經由網路3 傳送到網制服器41)並加以處理,進而對被控電腦2進行 控制(例如移動被控電腦的螢幕晝面中的滑鼠游標)。網頁伺 服β 41較佳地可以在當變化區塊存在時因應於網頁瀏覽器$ 的請求而發送變化區塊的編碼數據,使網頁瀏覽器5能據以 更新網頁顯示區,從而顯示相應於被控電腦2輸出的動態影 像訊號的糖影像’而當變倾塊不存在時不對網頁劇覽器 5的請求作回應,以節省網路織。再者,在—較佳實施例 中,當數個相鄰的顯示區塊合併編碼時,傳送模組4〇可以因 應於網頁觀ϋ 5之請求將前述的相咖示區塊的相關資訊 傳送至網頁瀏覽設備4,其中包含座標、長度及寬度等訊息°, 12 201216148 使網頁瀏覽器可根據該相關資訊及編碼數據來更新網頁顯示 區中相應的顯不區塊。 網頁伺服器除了可以是遠端管理系統〗的一部分(即本實 施例中的網頁伺服器41)以外,還可以是獨立的裝置(即本實 施例中的網頁伺服器6)。網頁伺服器6與遠端管理系統1及 網頁劉覽設備4同為連接於祕3的獨立裝置,網_覽設 備4可以經由網路3與網頁伺服器6進行通訊,並藉以對遠 端管理系統1進行操作。此時網頁伺服器6相當於網路型多 電腦切換H魏巾的控财心、,除了提供㈣舰器的功能 以對例如遠端管理系統1等所屬的裝置進行管理以外,還可 以提供網路女全機制等其他功能。網頁伺服器Μ或網頁飼服 器6與網頁劉覽器5之間的通訊協定為HTTP協定。 在-較佳實施财,網覽^ 5巾賴示之In the preferred embodiment, as shown in FIG. 1c, when the comparison block & corresponding to several adjacent comparison block groups BS1_S2 has a change (slash portion) and f is to be mismatched, the image is displayed. The editing group can selectively combine all the comparison regions corresponding to the plurality of adjacent partial block groups Bs to increase the face ratio, (4) save the bandwidth required for transmission, and improve display efficiency. For example, the comparison block group BS丨 and BS2 are adjacent, and the comparison block group BSi has 4 change blocks and the comparison block group BS2 has 2 change regions= bundle, and at this time, the 6 change blocks or all of the blocks can be changed. The 8 blocks are coded instead of being slightly encoded separately for the comparison block group. At this time, the related information of the several adjacent display blocks must be recorded, including the coordinates, the width and the height, so that the webpage can be correctly displayed on the webpage according to the neighboring display blocks. position. Moreover, in a preferred embodiment, in order to improve the compression performance, the image encoding module 30 can be implemented by using a digital signal processor (digital signal plOeess called DSP) with an image compression function, for example, for example, The AST1000 or AST2000 transmission module 40 provided by ASpeed can transmit the encoded data generated by the image coding module 30 to the web browsing device 4 via the network 3 according to the request of the web browser 5, so that the web browser 5 can be According to the dynamic image number corresponding to the dynamic image number of the controlled computer 2 (the dynamic image is equivalent to the image on the screen of the controlled computer 201216148 2). The communication group (10) preferably includes a web page word server 4]. The web server 41 preferably transmits a common header for decoding the encoded data to the web browser 5 in response to a request from the web browser 5. The network (four) browser 5 in the network browsing device 4 can obtain the coded data of the common data header and all the display blocks from the web page buffer w of the transmission module 40 via the network 3, and according to the shared data header A block corresponding to the encoded data to instantly update the web page. After obtaining the co-news header, 'unless the size of the subsequent display block (for example, the comparison block corresponding to the neighboring block) is merged or the coded m code is changed, no The thief obtains the data_, so the transcoded data can share a common data header. In addition, in a preferred embodiment, the web server 41 can receive an event from an input device such as a keyboard or a mouse of the web page browsing device 4 (for example, executed by the web page view H 5; avaSeript The program canister is transferred to the network uniform 41 via the network 3 and processed to control the controlled computer 2 (for example, moving the mouse cursor in the screen of the controlled computer). The webpage servo β 41 preferably transmits the encoded data of the changed block in response to the request of the web browser $ when the changed block exists, so that the web browser 5 can update the webpage display area accordingly, thereby displaying corresponding to the The sugar image of the dynamic image signal outputted by the computer 2 is controlled, and when the variable block does not exist, the request of the web browser 5 is not responded to save the network. Moreover, in the preferred embodiment, when a plurality of adjacent display blocks are combined and encoded, the transmitting module 4 can transmit the related information of the aforementioned pictorial block according to the request of the web page 5 To the web browsing device 4, which includes coordinates, length and width, etc., 12 201216148 enables the web browser to update the corresponding display block in the webpage display area according to the related information and the encoded data. The web server may be a separate device (i.e., the web server 6 in this embodiment) in addition to being part of the remote management system (i.e., the web server 41 in this embodiment). The web server 6 and the remote management system 1 and the web browsing device 4 are independent devices connected to the secret 3, and the web browsing device 4 can communicate with the web server 6 via the network 3, and the remote management is performed. System 1 operates. At this time, the web server 6 is equivalent to the control function of the network type multi-computer switching H Wei towel, and in addition to providing the function of the (4) ship to manage the device to which the remote management system 1 belongs, for example, a network can also be provided. Other functions such as the full female mechanism. The communication protocol between the web server or the web server 6 and the web browser 5 is an HTTP protocol. In the - better implementation of the wealth, the network view ^ 5 towel
數個顯示區塊,每個顯示區塊對應於網頁中的一個Hlm (HyperText Marku L Λ + 、 芯又件私不语言)影像標籤 Φ 〇magetag)。顯示區塊之大小可於網_覽器$之 中進行切換。此時為了使網頁《覽設備4之使用者可以利^ 鍵盤或滑鼠等輸人敍來職控_ 或在所有影像標籤—亦即網 加一個透明崎,蝴她H 不區之上 處理程序。 關之鍵盤或滑鼠事件 相較於先前技術,本發明之遠 不需要額外加裝外胸m田 里系統使得用戶端電腦 、壬式或心用程式’而能在不同作業系統 201216148 平台上的所有種類的網頁瀏覽器中顯示被控電腦所輸出之動 態影像。 第2圖係為第ία圖所示遠端管理系統的使用方法之一實 施例的流程圖。此遠端管理系統可連接至一或多台被控電 腦,並可與網頁瀏覽設備之網頁瀏覽器經由網路產生互動, 使網頁瀏覽設備可經由網路與遠端管理系統進行通訊並進而 控制被控電腦。如第2圖所示,步驟u〇將被控電腦輸出之 動悲影像訊號轉換為一連串的靜態圖像。步驟】2〇將靜態圖 像分割為觀:個比較區塊,姐較前後^紐細像在像素 值上的差異,以從比較區塊中找出所有有變化的區塊,其中 比較區塊了再为爲多個比較區塊組,每一個比較區塊組對應 於’周頁/劉覽器之網頁顯示區中的—個顯示區塊,此時網頁劇 覽器的網頁顯示區分爲多個顯示區塊,每個顯示區塊對應於 一個比較區塊組,亦_示區塊的大小獻於或等於比較區 塊的大小。在本實施例中’係將每張靜態圖像再分割為複數 個16乘16大小的比較區塊(如第m圖所示),而從中找出變 化區塊(如帛1B圖斜線部分所示)。然而在其他實施例中,. 可視需求分割為例如32乘32等不同大小的比較區塊。 步驟130若變化區塊存在,則將變化區塊所屬的比較區塊 組中的所有比較區塊之像素轉換為編碼數據。換言之,像 素值的轉換是關*區塊為單位,目此只要顯·塊所對應 的比較區塊財的至少―個是變倾塊,騎棚示區塊所 對應的所有比較區塊一起進行編碼。例如當顯示區塊的大小 為32乘32,而比較區塊Bc的大小為16乘16時,則將屬於 201216148 同個比較區塊組BS(即對應於同一個顯示區塊)的四個相鄰 的比較區塊Bc (如第1B圖所示)一起進行編碼。編碼數據 中包含經編碼的像素值及相應的顯示區塊的座標值等資訊。 在較佳實施例中,係以JPEG格式來進行像素值之編碼/壓 縮;然而在其他實施例中,亦可採用W3C推薦標準所支援 的其他編碼/壓縮格式,例如GIF、PNG或BMP等。編碼數 據較佳地不包含用於對編碼數據進行解碼的數據信頭,而採 用編碼數據共用數據信頭的方式節省傳輸所需的頻寬。此 外’在一較佳實施例中,當數個相鄰的比較區塊組BS所對 應的比較區塊Bc均有變化(如第ic圖斜線部分所示)而需要 作像素值轉換時,可以選擇性地將相應於該數個相鄰的比較 區塊組BS所對應的所有比較區塊Bc合併編碼以提高壓縮 率以郎省傳輸所需的頻寬,並提高顯示效率。此時必須記 錄該數個相鄰顯示區塊的相關資訊,其中包含座標、寬度及 尚度等訊息,使得網頁瀏覽器可據以將該數個相鄰顯示區塊 正確地顯示於相應的位置。 步驟140因應於網頁器之請求將編碼數據經由網路傳 送至網頁職設備’以使網·覽H可依據編碼數據更新顯 祕塊’進_示相應於被控電腦輸出的動齡彡像訊號的動 態影像。在一較佳實施例中,可以因應於網頁瀏覽器的請求 將-細於對編碼數據進行解碼的、共用的數據信頭傳送至 網頁觀器’使網頁器可依據共用數據信頭與編碼數據 即時更新網祕巾相應義示區塊。在取得共用數據信 頭以後’除非後續顯示區塊的大小(例如相鄰的顯示區塊所 15 201216148 對應的比杈區塊合併編碼)或品料編碼參數有變化 網頁織器並不需要重新攫取數據信頭,因此共用 頭 為編碼數據所共用的。A plurality of display blocks, each of which corresponds to a Hlm (HyperText Marku L Λ + , core and private language) image tag Φ 〇 magetag in the web page. The size of the display block can be switched in the network_viewer$. At this time, in order to make the webpage "users of the device 4 can benefit from the keyboard or the mouse, etc." or in all the image tags - that is, the net plus a transparent saki, the butterfly H is not on the processing program. . Compared to the prior art, the present invention does not require an additional external chest m-field system to enable the client computer, cymbal or heart program to be used on different operating systems 201216148 platform. The dynamic images output by the controlled computer are displayed in all kinds of web browsers. Figure 2 is a flow diagram of one embodiment of a method of using the remote management system shown in Figure ia. The remote management system can be connected to one or more controlled computers and can interact with a web browser of the web browsing device via the network, so that the web browsing device can communicate with the remote management system via the network and thereby control Charged computer. As shown in Fig. 2, step u〇 converts the sad image signal outputted by the controlled computer into a series of still images. Step 2) Divide the still image into a view: a comparison block, the difference between the pixel values of the front and back ^ new images, to find all the changed blocks from the comparison block, where the comparison block And for a plurality of comparison block groups, each comparison block group corresponds to a display block in the web page display area of the 'week page/viewer's webpage, and the webpage display of the web page browser is divided into multiple Display blocks, each display block corresponds to a comparison block group, and the size of the block is given or equal to the size of the comparison block. In this embodiment, each static image is further divided into a plurality of 16 by 16 size comparison blocks (as shown in the mth figure), and the changed blocks are found therefrom (for example, the slanted line portion of the 帛1B figure) Show). In other embodiments, however, the visual requirements are divided into different sized comparison blocks, such as 32 by 32. Step 130: If the change block exists, convert the pixels of all the comparison blocks in the comparison block group to which the change block belongs to the coded data. In other words, the conversion of the pixel value is in units of blocks, so that at least one of the comparison blocks corresponding to the display block is a variable dump block, and all the comparison blocks corresponding to the block display block are performed together. coding. For example, when the size of the display block is 32 by 32, and the size of the comparison block Bc is 16 by 16, then four phases belonging to the same comparison block group BS (ie, corresponding to the same display block) of 201216148 will belong. The neighboring comparison block Bc (shown in Figure 1B) is encoded together. The encoded data includes information such as the encoded pixel value and the coordinate value of the corresponding display block. In the preferred embodiment, pixel values are encoded/compressed in JPEG format; however, in other embodiments, other encoding/compression formats supported by the W3C Recommendations, such as GIF, PNG or BMP, may be employed. The encoded data preferably does not include a data header for decoding the encoded data, and the encoded data shares the data header to save the bandwidth required for transmission. In addition, in a preferred embodiment, when the comparison block Bc corresponding to a plurality of adjacent comparison block groups BS changes (as shown by the oblique line in the ic diagram) and needs to be converted into a pixel value, Optionally, all the comparison blocks Bc corresponding to the plurality of adjacent comparison block groups BS are combined and encoded to increase the compression ratio to achieve the bandwidth required for the transmission, and improve the display efficiency. At this time, information about the plurality of adjacent display blocks must be recorded, including information such as coordinates, width, and scent, so that the web browser can correctly display the plurality of adjacent display blocks in the corresponding positions. . Step 140, according to the request of the webpage, transmits the encoded data to the webpage device through the network, so that the webpage H can update the explicit block according to the encoded data to enter the dynamic image signal corresponding to the output of the controlled computer. Dynamic image. In a preferred embodiment, the shared data header that is finer than the decoded data can be transmitted to the web page viewer in response to a request from the web browser to enable the web page to use the shared data header and the encoded data. Instantly update the network secrets corresponding to the block. After obtaining the shared data header, 'unless the size of the subsequent display block (for example, the adjacent display block 15 201216148 corresponds to the block block merge code) or the item code parameter has changed, the web page weaving does not need to be retrieved. The data header, so the shared header is shared by the encoded data.
此外,在-較佳實施例中,可以接收來自網頁_設備之 鍵盤或滑鼠等輸人裝置的,,事件,,(例如由執行於網_覽器 中的JavaScript程式捕獲,並經由網路傳送到網頁飼服器; 並加以處理,進而對被控電腦進行控制(例如移動被控電 的勞幕晝面中的滑鼠游標)。此外,在—較佳實施例中了可以 在當變化區塊存在咖應於娜職器的請求而發送變化區 塊的編碼數據,使網_覽||能據以更新網頁顯示區,從而 顯示相應於被控電腦輸出的動態影像訊號的動態影像,^當 變化區塊不存在時不對網頁器的請求作回應,以節省: 路頻寬。再者,在-較佳實施例中,當數個_的顯示區塊 合併編碼時’可關應於網頁觀器之請求將前述的相鄰顯 示區塊的_資訊傳送至網頁難設備,其巾包含座標、長 度及寬度等訊息,使網覽器可根據該蝴f訊及編碼數 據來更新網頁顯示區中相應的顯示區塊。 約圖係為配合第2圖所示遠端管理系統之使用方法於網 頁劉覽器中顯示動態影像的實施例的流程圖。㈣3圖所 示’步驟210使網頁戦器設備自遠端管理系統取得網頁, 並於網頁_器中加以執行。步驟22G使執行於網頁劉覽器 中的JavaScript程式語言對遠端管理系統發送Ηττρ請求, 以要求遠端管理系統發送變化區_編碼數據及其相關資 訊。在較佳實施例中,步驟22〇中的HTTp請求使用ajax 16 201216148 技術中的XMLHttpRequest物件來實現,而變化區塊的相關 資訊可以包含一組變化區塊的座標值、高度值及寬度值等數 值。然而在其他實施例中,步驟220中的HTTP請求可以使 用其他方式來實現,例如為了向下相容於較舊版本的intemet ExPlorer網頁瀏覽器,可以使用ActiveXObject物件。此外也 可利用IFrame元件來實現,這裡不做限定。網頁瀏覽器之網 頁顯示區分爲多個顯示區塊,每個顯示區塊對應於一比較區 塊組,亦即顯示區塊的大小係大於或等於比較區塊的大小。 顯示區塊的大小可於網頁瀏覽器的執行過程中進行切換。在 較佳實施例中,可於步驟220中的HTTP請求中指定顯示區 塊的大小。 步驟230使JavaScript程式語言根據自遠端管理裝置收到 的編碼數據及其相關資訊來更新網頁瀏覽器中所顯示之影 像。在本實施例中,係使用下列之回呼函式(滿砂㈣細)In addition, in the preferred embodiment, an event, such as a keyboard or a mouse input device of the webpage, can be received, for example, captured by a JavaScript program executed in the web browser, and transmitted via the network. Transferred to the web feed device; and processed to control the controlled computer (eg, move the mouse cursor in the face of the controlled power). In addition, in the preferred embodiment, the change can be made. The block has the coded data of the change block sent by the agent at the request of the agent, so that the network_view|| can update the webpage display area to display the dynamic image corresponding to the dynamic image signal output by the controlled computer. ^ When the change block does not exist, it does not respond to the request of the webpage to save: the road bandwidth. Further, in the preferred embodiment, when several display blocks of the _ are combined, the code can be The request of the web browser transmits the _ information of the adjacent display block to the webpage difficult device, and the towel includes a message such as coordinates, length and width, so that the web browser can update the webpage display according to the video and the encoded data. Corresponding display in the area The block diagram is a flow chart of an embodiment of displaying a motion image in a web browser in conjunction with the method of using the remote management system shown in FIG. 2. (4) FIG. 3 shows that step 210 causes the web page device to be remote The end management system obtains the webpage and executes it in the webpage_step. Step 22G causes the JavaScript programming language executed in the webpage browser to send a Ηττρ request to the remote management system to request the remote management system to send the change zone_encoded data. And related information. In the preferred embodiment, the HTTp request in step 22 is implemented using the XMLHttpRequest object in the ajax 16 201216148 technology, and the related information of the changed block may include the coordinate value and height of a set of changed blocks. Values and width values, etc. However, in other embodiments, the HTTP request in step 220 can be implemented in other ways, for example, to be compatible with older versions of the Internet ExPlorer web browser, an ActiveXObject object can be used. It can also be implemented by using an IFrame component, which is not limited herein. The webpage display of the web browser is divided into multiple display areas. Each display block corresponds to a comparison block group, that is, the size of the display block is greater than or equal to the size of the comparison block. The size of the display block can be switched during execution of the web browser. In a preferred embodiment, the size of the display block may be specified in the HTTP request in step 220. Step 230 causes the JavaScript programming language to update the display in the web browser based on the encoded data received from the remote management device and related information. In the present embodiment, the following callback function (full sand (four) fine) is used.
來處理自遠端管理裝置收到之編碼數據及其相關資訊: function stateChangedQ { var opt = 〇bjHttp.responseText.substring(0, 2); var dat - 〇bjHttp.responseText.substring(2); if (opt == ”01”)// dat為共用數據信頭 { headStr = dat; // 儲存 dat } else if (opt == ”02”)// dat為合併編碼的比較區塊 17 201216148 dispBlocks(dat,true) // 顯示 dat else if (opt == ”03'’)// dat 為一般的編碼數據 { dispBlocks(dat,false); // 顯示 dat } //攫取變化區塊的編碼數據及其相關資訊 checkBlockChange("update", "&blockchange=l"); 其中顯示變化區塊的函式(dispBlocks)其内容如下: function dispBlocks(str, bMerged) { vararr = str.split(";"); var i = 0; for (; i < arr.length; i++) { 8), var obj = img Arr [parselnt(arr [i]. substring(4, 16)/16][parselnt(arr[i].substring(0,4), 16)/16]; if (obj) { if (bMerged) //合併編碼的比較區塊 obj.src = arr[i].substring(8); 18 201216148 else// —般的編碼數據 if (headStr) //加入共用數據信頭 obj.src = headStr + arr[i].substring(8); } } } }To process the encoded data received from the remote management device and its related information: function stateChangedQ { var opt = 〇bjHttp.responseText.substring(0, 2); var dat - 〇bjHttp.responseText.substring(2); if ( Opt == ”01”) // dat is the shared data header { headStr = dat; // store dat } else if (opt == ”02”)// dat is the merge coded comparison block 17 201216148 dispBlocks(dat , true) // show dat else if (opt == ”03'')// dat is the general encoded data { dispBlocks(dat,false); // show dat } // retrieve the encoded data of the changed block and Related information checkBlockChange("update", "&blockchange=l"); The function that displays the changed block (dispBlocks) has the following contents: function dispBlocks(str, bMerged) { vararr = str.split(";"); var i = 0; for (; i <arr.length; i++) { 8), var obj = img Arr [parselnt(arr [i]. substring(4, 16)/16][parselnt (arr[i].substring(0,4), 16)/16]; if (obj) { if (bMerged) // merge coded comparison block obj.src = arr[i].substring(8); 18 2012161 48 else// General encoded data if (headStr) //Add shared data header obj.src = headStr + arr[i].substring(8); } } } }
重複步驟220及230可以使得網路瀏覽器顯示相應於被控 電腦輸出的動態影像訊號的動態影像。在本實施例中,係使 用下列的函式來創建顯示區塊: function createImgBlocks() { var bd = document.getElementByldC'mybody"); var i = 0; varj = 0;Repeating steps 220 and 230 allows the web browser to display a motion picture corresponding to the motion picture signal output by the controlled computer. In this embodiment, the following functions are used to create the display block: function createImgBlocks() { var bd = document.getElementByldC'mybody"); var i = 0; varj = 0;
var16;//顯示區塊的寬度 varh = 16;//顯示區塊的高度 var ixJ; var ixl; for(;i<1200;i+= h) { ixl = i/h; imgArr[ixI] = new Array。; 19 201216148 j = 〇; for (;j < 1600;j +=w) { //產生顯示區塊 var obj = document.createElement("img"); //定位顯示區塊. obj. style .position = "absolute"; obj. style.top = i + "px"; obj.style.left: j + ”px”; //儲存顯示區塊 imgArr[ixI][j/w] = obj; bd.appendChild(obj);Var16; / / display block width varh = 16; / / display block height var ixJ; var ixl; for (; i <1200; i + = h) { ixl = i / h; imgArr [ixI] = new Array. 19 201216148 j = 〇; for (;j <1600;j +=w) { //Generate the display block var obj =document.createElement("img"); //Locate the display block. obj. style .position = "absolute"; obj. style.top = i + "px"; obj.style.left: j + ”px”; //Save the display block imgArr[ixI][j/w] = obj ; bd.appendChild(obj);
在本實施例中,顯示區塊為16乘16大小的區塊;然而在 其他實施例中,可視需求將顯示區塊分割為例如32乘32等 不同大小。在較佳實施例中,JavaScript程式可以將來 輕設備_盤或滑鼠等輸人裝⑽,,事件,,發送至遠端其理 =塊==!網頁顯示區分成數個顯示區塊,每:顯 ^免對應於、,周頁中的一個html影像標藏。此 頁歡設備的使用者可以_鍵盤或滑鼠 被 滑鼠事件處理財,或在 =_的鍵盤或 〜像才痛~~亦即網頁中的整個 20 201216148 顯不區之Jl加-個透明的元件,並為該元倾置相關的 或滑鼠事件處理程序。 ^ 相較於先前技術,本發明除了能在不需要額外加裝外掛程 式的前提下制能在不_料、統平台上麟有種類的網頁 劇覽器中顯示被控電腦所輸出的動態影像的目的以外,也由 於本發明將靜態圖像和網覽器的顯示區塊分割為較小的 區塊’並利用AJAX技術可針對網頁中需要更新的部分進行 局部更新的特點(僅更新有變化的顯示區塊),使得在網頁飼 服器和網·覽器之間交換的資料量大幅減少,進而達到節 省網路頻寬及減輕網頁舰器貞擔的效果。另外,由於所有 同樣大小的編碼數據共用一個用來解碼的數據信頭,避免重 複傳送相同的數據信頭,從而大大地節省資料量及頻寬。 本發明已由上述相關實施例加以描述,然而上述實施例僅 為實施本發_制。必職出的是,已揭露之實施例並未 限制本發_範圍。減地,包含於申請專利細之精神及 範圍之修改及均等設置均包含於本發明的範圍内。 【圖式簡單說明】 第1A圖係為本發明遠端管理系統之一實施例的方塊圖; 第1B圖係為苐ία圖所不遠端管理糸統的處理/比較模組將 靜態圖像分割為區塊之一實施例的示意圖; 第ic圖係為第1A圖所示遠端管理系統的影像編碼模組將相 鄰的顯示區塊所對應的比較區塊合併編碼之一實施例的示意 201216148 第2圖係為第1A圖所示遠端管理系統的使用方法之一實施 例的流程圖;以及 第3圖係為配合第2圖所示遠端管理系統的使用方法於網頁 澍覽器中顯示動態影像的實施例的流程圖。 30影像編碼模組 40傳送模組 41網頁伺服器 50路徑安排模組 Be比較區塊 BS比較區塊組 BS!比較區塊組 BS2比較區塊組 【主要元件符號說明】 1遠端管理系統 2被控電腦 3網路 4網頁瀏覽設備 5網頁瀏覽器 6網頁伺服器 1〇影像擷取模組 2〇處理/比較模級In the present embodiment, the display block is a 16 by 16 size block; however, in other embodiments, the display block is divided into different sizes such as 32 by 32, depending on the requirements. In the preferred embodiment, the JavaScript program can be used to convert the device to the remote device (10), event, and send to the remote device = block ==! The page display is divided into several display blocks, each: The display corresponds to an html image in the weekly page. Users of this page can use the keyboard or mouse to be processed by the mouse event, or the keyboard on the =_ or ~ like the pain ~ ~ that is, the entire page in the 20 201216148 display area Jl plus - transparent The component, and the relevant or mouse event handler for the meta dump. ^ Compared with the prior art, the present invention can display the dynamic image outputted by the controlled computer in the web browser of the type of the platform without the need to additionally install the plug-in program. In addition to the purpose, the present invention also divides the display blocks of still images and browsers into smaller blocks' and uses AJAX technology to locally update the parts of the webpage that need to be updated (only updates are changed) The display block) greatly reduces the amount of data exchanged between the webpage server and the web browser, thereby saving network bandwidth and reducing the burden on the webpage. In addition, since all coded data of the same size share a data header for decoding, it is avoided to repeatedly transmit the same data header, thereby greatly saving data amount and bandwidth. The present invention has been described by the above related embodiments, but the above embodiments are merely for implementing the present invention. It must be noted that the disclosed embodiments do not limit the scope of the present invention. Modifications and equal arrangements, including the spirit and scope of the application, are included in the scope of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS FIG. 1A is a block diagram of an embodiment of a remote management system of the present invention; FIG. 1B is a processing/comparison module of a remote management system of the 苐ία map. A schematic diagram of an embodiment of partitioning into blocks; the first ic diagram is an embodiment of the image encoding module of the remote management system shown in FIG. 1A that combines the comparison blocks corresponding to adjacent display blocks. Illustrated 201216148 FIG. 2 is a flow chart of an embodiment of a method for using the remote management system shown in FIG. 1A; and FIG. 3 is a view of the webpage used in conjunction with the remote management system shown in FIG. A flow diagram of an embodiment of a dynamic image displayed in the device. 30 image coding module 40 transmission module 41 web server 50 path arrangement module Be comparison block BS comparison block group BS! comparison block group BS2 comparison block group [main component symbol description] 1 remote management system 2 Controlled computer 3 network 4 web browsing device 5 web browser 6 web server 1 image capture module 2 〇 processing / comparison mode
Claims (1)
Priority Applications (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW99133883A TWI427531B (en) | 2010-10-05 | 2010-10-05 | Remote management system and the method thereof |
| CN201710038491.2A CN107066106A (en) | 2010-10-05 | 2011-10-09 | Remote management system and method thereof |
| CN2011103178835A CN102541268A (en) | 2010-10-05 | 2011-10-09 | Remote management system and method thereof |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW99133883A TWI427531B (en) | 2010-10-05 | 2010-10-05 | Remote management system and the method thereof |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| TW201216148A true TW201216148A (en) | 2012-04-16 |
| TWI427531B TWI427531B (en) | 2014-02-21 |
Family
ID=46348306
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW99133883A TWI427531B (en) | 2010-10-05 | 2010-10-05 | Remote management system and the method thereof |
Country Status (2)
| Country | Link |
|---|---|
| CN (2) | CN102541268A (en) |
| TW (1) | TWI427531B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9489916B2 (en) | 2012-08-22 | 2016-11-08 | Silicon Motion, Inc. | Processing method of an external-image device |
| TWI726266B (en) * | 2018-12-14 | 2021-05-01 | 聰泰科技開發股份有限公司 | Remote control method |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105100639B (en) * | 2015-07-20 | 2017-11-24 | 京东方科技集团股份有限公司 | A display method and display device |
| CN115426519B (en) * | 2022-08-30 | 2025-06-20 | 杭州天翼智慧城市科技有限公司 | H265 video playback method and system in browser |
| CN116302600A (en) * | 2023-02-28 | 2023-06-23 | 网宿科技股份有限公司 | A display method of browser page, electronic device and storage medium |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| FI98163C (en) * | 1994-02-08 | 1997-04-25 | Nokia Mobile Phones Ltd | Coding system for parametric speech coding |
| CN100397385C (en) * | 2002-08-22 | 2008-06-25 | 广达电脑股份有限公司 | Method and system for remotely controlling computer |
| CN101164341B (en) * | 2005-03-01 | 2012-05-02 | 高通股份有限公司 | Quality metric-biased region-of-interest coding for video telephony |
| US20070076963A1 (en) * | 2005-09-30 | 2007-04-05 | Wellsyn Technology, Inc. | Image transmission mechanism and method for implementing the same |
| US20080278508A1 (en) * | 2007-05-11 | 2008-11-13 | Swen Anderson | Architecture and Method for Remote Platform Control Management |
| EP2107537A1 (en) * | 2008-04-04 | 2009-10-07 | Hutchison Whampoa Three G IP (Bahamas) Limited | Video surveillance and home security apparatus using the UMTS network and a method for the management of said apparatus |
| JP5493471B2 (en) * | 2009-05-27 | 2014-05-14 | ソニー株式会社 | Information processing apparatus and method |
| CN101998154B (en) * | 2009-08-28 | 2013-02-27 | 宏正自动科技股份有限公司 | KVM Switch and Method for Sending Video Signals to Multiple Remotely Controlled Computers |
| CN101820416A (en) * | 2010-02-24 | 2010-09-01 | 上海引跑信息科技有限公司 | Processing method of high-speed shared desktop in netmeeting system |
-
2010
- 2010-10-05 TW TW99133883A patent/TWI427531B/en not_active IP Right Cessation
-
2011
- 2011-10-09 CN CN2011103178835A patent/CN102541268A/en active Pending
- 2011-10-09 CN CN201710038491.2A patent/CN107066106A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9489916B2 (en) | 2012-08-22 | 2016-11-08 | Silicon Motion, Inc. | Processing method of an external-image device |
| TWI726266B (en) * | 2018-12-14 | 2021-05-01 | 聰泰科技開發股份有限公司 | Remote control method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107066106A (en) | 2017-08-18 |
| TWI427531B (en) | 2014-02-21 |
| CN102541268A (en) | 2012-07-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6333858B2 (en) | System, apparatus, and method for sharing a screen having multiple visual components | |
| KR101697411B1 (en) | Composite video streaming using stateless compression | |
| US9665332B2 (en) | Display controller, screen transfer device, and screen transfer method | |
| US20130254417A1 (en) | System method device for streaming video | |
| US20110080519A1 (en) | System and method for efficiently processing digital video | |
| CN107209693A (en) | Buffer optimization | |
| TW200948087A (en) | System and method for low bandwidth display information transport | |
| CN114374853B (en) | Content display method, device, computer equipment and storage medium | |
| JP6354195B2 (en) | Distribution system, distribution method, and program | |
| US9253490B2 (en) | Optimizing video transfer | |
| TW201216148A (en) | Remote management system and the method thereof | |
| CN108235100A (en) | Multi-display method, apparatus and system | |
| JP2016143236A (en) | Distribution control device, distribution control method, and program | |
| WO2011077550A1 (en) | Screen relay device | |
| CN102770827A (en) | Method for displaying multimedia content on a screen of a terminal | |
| CN107318021B (en) | Data processing method and system for remote display | |
| Gutenko et al. | Remote volume rendering pipeline for mHealth applications | |
| CN107318020B (en) | Data processing method and system for remote display | |
| GB2486475A (en) | Encoding, transmitting and displaying a sequence of images using a difference image | |
| JP2006279893A (en) | Image processing apparatus and image processing method | |
| US12549677B2 (en) | Apparatuses, computer program products, and computer-implemented methods for hardware-accelerated video stream synthesizing | |
| US20230412753A1 (en) | Apparatuses, computer program products, and computer-implemented methods for hardware-accelerated video stream synthesizing | |
| CN112612435A (en) | Information processing method, device, equipment and storage medium | |
| TWI615804B (en) | Device and method for mixing video frame and image frame | |
| CN117041685A (en) | Road disease display method, system, device, equipment and readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| MM4A | Annulment or lapse of patent due to non-payment of fees |