TWI427531B - Remote management system and the method thereof - Google Patents

Description

Remote management system and method thereof

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 enable a client computer to directly install a web browser without requiring an additional plug-in or application. Display the motion picture output by the controlled computer.

A keyboard-Video-Mouse Switch (KVM Switch) is connected between the central control device and the plurality of controlled computers, so that the user can control multiple devices through a set of keyboards, screens and mice. Charged computer. The so-called Over-IP KVM is a multi-computer switch with a network interface that couples 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 network type KVM switch and thereby communicate with the controlled computer, a management interface must be provided on the user side for the user computer to use. In the prior art, the management interface includes a special application program and a web browser. The web browser may be a general web browser originally installed on the client computer, but the application must be additionally provided by the network. The manufacturer of the KVM switch is installed and installed. When using a webpage as a management interface, the relationship between the web-based KVM switch and the client computer is equivalent to the relationship between the web server and the web browsing device, and the user can browse the webpage in the client computer. The web page displayed by the device operates on the KVM switch. In addition to allowing users to manage remotely controlled computers, today's networked KVM switches also have the ability to view the dynamic images output by the controlled computer. Because the existing web browser itself cannot display the dynamic image output by the controlled computer, the dynamic image output by the controlled computer must be displayed by a special application installed on the client computer. If you want to use a web browser to display the dynamic images output by the controlled computer, the web browser must additionally add a plug-in (such as Adobe Flash Player) or call an additional application from the web page.

Due to the wide variety of web browsers available today, the features supported by each product tend to vary widely. Therefore, in order to ensure that a web page can be normally displayed in any type of web browser under normal conditions, it is necessary to create a web page in accordance with the W3C recommendation. Although related web standards such as HTML 5 support dynamic images of specific formats (such as MPEG4), in reality, current browsers do not support these specific formats because of the intellectual property rights involved. Moreover, the image format is incompatible with the control of the keyboard and the mouse. Therefore, in order to display the motion image in the web browser, it is necessary to additionally add a plug-in program or call an additional application by the webpage as described above. In addition, since the design of the plug-in program varies depending on the web browser to which it is attached and the underlying operating system platform, the manufacturer of the network-based KVM switch must satisfy users of different web browsers and operating systems. It is necessary to develop a plug-in or an application for different web browsers and operating systems, and the labor and material resources it consumes will be a burden for the manufacturer of the KVM switch.

An object of the present invention is to provide a remote management system and a method thereof, which can display dynamic images in all kinds of web browsers on different operating system platforms without using a plug-in program compared with the prior art. The function.

Another object of the present invention is to provide a remote management system and a method thereof, which have the function of partially updating a webpage compared with the prior art, and can achieve the effect of saving network bandwidth and reducing the burden on the web server.

The remote management system of the present invention comprises an image capturing module, a processing/comparing module, an image encoding module and a transmitting module. The image capture module captures an analog or digital motion picture (eg, VGA or DVI signal) number of the controlled computer based on a sampling frequency to convert the analog video signal into a series of still images. The processing/compare module further divides the still image into comparison blocks, and compares the difference between the two previous and subsequent still images to find all the changed blocks having the pixel value change from the comparison block. The comparison 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 of the comparison block groups corresponds to one display block in the webpage display area in a one-to-one manner. The image coding module further converts the pixel values of all the comparison blocks in the comparison block group to which the change block belongs to the coded data by a coding method, but the coding mode is not the coding mode of the digital motion image such as MPEG/MPEG2/MPEG4/AVI. . The transmitting module transmits the encoded data to the web browsing device according to the request of the web browser, so that the web browser can update the corresponding display block according to the encoded data, thereby displaying the dynamics of the dynamic image signal corresponding to the output of the controlled computer. image.

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 The difference is to find all the changed blocks having the pixel value change from the comparison blocks, wherein the comparison block is further divided into a plurality of comparison block groups, and each comparison block group corresponds to a webpage display of the web browser A display block in the zone. 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 browser. The webpage browsing device is configured to enable the web browser to update the display block according to the encoded data, thereby displaying a motion 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 web browsing device via the network in the form of encoded data, so that the web browser of the web browsing device can display the dynamic image output by the controlled computer, and Dynamic images output by the controlled computer are displayed in all kinds of web browsers on different operating system platforms, with the need to additionally install plug-ins or call additional applications.

The invention provides a remote management system. In a preferred embodiment, the remote management system of the present invention is a network type KVM switch. In other embodiments, however, the remote management system of the present invention may be other types of KVM switches or other types of remote computer management systems or devices.

Figure 1A is a block diagram of one embodiment of a 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 web browser 5 in the web browsing device 4 via the network 3 to make the webpage The browsing device 4 can communicate with the remote management system 1 via the network 3 and thereby control the controlled computer 2. The user of the web browsing device 4 can operate the remote management system 1 by using the web page displayed by the web browser 5, for example, setting or switching and controlling the connection between the controlled computer 2. In this embodiment, the network 3 is an Internet, and the web browsing device 4 is a personal computer; however, in other embodiments, the network 3 may be an Ethernet or a Token Ring ( Other types of computer networks such as token ring), the web browsing device 4 can be any handheld mobile electronic device of the executable web browser 5 such as a notebook computer, a personal digital assistant (PDA) or a smart phone. The web browser 5 can be web browsing software of different types such as Internet Explorer, Mozilla Firefox, Google Chrome, Opera, and Safari or executed on different operating system platforms.

As shown in FIG. 1A, the remote management system 1 includes an image capturing module 10, a processing/comparing module 20, a video encoding module 30, and a transmitting module 40. The image capturing module 10 captures the analog video signal outputted by the controlled computer 2 at a sampling frequency to convert the analog video signal into a series of (continuous) single digital still images. The static image It can also be called an image frame, for example, 30 points per second. The image capturing module 10 is preferably a hardware circuit including an analog-to-digital conversion function. In this embodiment, the dynamic video signal of the controlled computer 2 is output to the remote management system 1 by a VGA (Video Graphics Array) port on the display card of the controlled computer 2; In other embodiments, it may be output by other interfaces such as a network. In addition, the sampling frequency is adjusted according to the bandwidth of the network, the hardware and software capabilities such as the hardware computing power, the requirements for display quality, or other requirements.

The remote management system 1 further includes a routing module 50 for transmitting control signals (such as keyboard signals or cursor control signals) transmitted by the web browsing device 4 to the selected controlled computer according to a path selection setting. 2. The routing module 50 also switches the selected controlled computer 2 to the image capturing module 10. The routing module 50 can be a processor, a multiplexer, a cross-point switch, a 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 previous and second still images in pixel values to find the changed block from the comparison block. (hereinafter referred to as the change block). The comparison block can be further divided into a plurality of comparison block groups. The webpage displayed in the web browser is also divided into a plurality of display blocks, and each of the comparison block groups corresponds to one display block in the webpage display area. In other words, the web page display area of the web browser 5 is divided into a plurality of display blocks, each of which 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. FIG. 1B is a schematic diagram of an embodiment of the processing/comparing module of the remote management system shown in FIG. 1A for dividing a still image into blocks. As shown in Fig. 1B, in the present embodiment, each still image is divided into 16 by 16 size comparison blocks B _C from which the change blocks (hatched portions) are found. In other embodiments, however, the visual requirements are divided into different sized comparison blocks, such as 32 by 32. The processing/comparison module 20 is preferably implemented using a hardware circuit such as an integrated circuit chip.

The image encoding module 30 further converts the pixel values of all the comparison blocks in the comparison block group to which the change block belongs to the encoded data via an encoding method. In other words, the conversion of the pixel values is in units of display blocks, so as long as one comparison block in the comparison block group corresponding to the display block is a change block, all the comparison blocks corresponding to the display block are Coding together. As shown in FIG. 1B, when the size of the display block is 32 by 32, and the size of the comparison block B _C is 16 by 16, it will belong to the same comparison block group BS (ie, corresponding to the same display area). The four adjacent comparison blocks B _{C of the} block are encoded together. The encoded data further includes information such as the encoded pixel value and the coordinate value of the corresponding display block.

In a preferred embodiment, the conversion of the pixel values is performed according to the encoding method of the JPEG format. However, in other embodiments, other types of encoding/compression formats supported by the W3C standard, such as GIF, may also be used. , PNG or BMP, etc. It should be noted that in the process of transmitting the encoded data to the web browsing device 4, not every encoded data needs to be accompanied by a data header (ie, a header for data decoding), and multiple encoded data sharing may be used. The same data header is used to save network bandwidth. In a preferred embodiment, the packet of the first encoded data may be included in the data header, and the packet of the second encoded data does not include the data header, but the second and second subsequent The encoded data is still decoded using the data header used in the first encoded data. Alternatively, the data header, the first encoded data, and the second encoded data are transmitted to the web browsing device 4 by different packets, but the first encoded data, the second and second encodings are encoded. The data shares this data header.

In addition, in a preferred embodiment, as shown in FIG. 1C, when the comparison block B _C corresponding to the plurality of adjacent comparison block groups BS ₁ and BS ₂ has a change (hatched portion), it needs to be a pixel. During the value conversion, the image coding module can selectively combine all the comparison blocks B _C corresponding to the plurality of adjacent comparison block groups BS to improve the compression ratio, thereby saving the bandwidth required for transmission. And improve display efficiency. For example, the comparison block groups BS ₁ and BS _{2 are} adjacent, and the comparison block group BS ₁ has 4 change blocks and the comparison block group BS ₂ has 2 change blocks. In this case, the 6 change blocks can be made. Or all of the 8 blocks are encoded together, instead of individually coding the compared block groups BS ₁ and BS ₂ . At this time, information about the adjacent display blocks must be recorded, including coordinates, width, and height, so that the web browser can correctly display the plurality of adjacent display blocks in the webpage according to the messages. The location. Moreover, in a preferred embodiment, in order to improve compression performance, the image encoding module 30 can be implemented by using a hardware circuit such as a digital signal processor (DSP) having an image compression function, for example, for example, AST1000 or AST2000 provided by Aspeed.

The transmitting module 40 can transmit the encoded data generated by the image encoding 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 display the output corresponding to the controlled computer 2 according to the data. The motion picture of the motion picture signal (this motion picture is equivalent to the image on the screen of the controlled computer 2 for the user). The delivery module 40 preferably includes a web server 41. The web server 41 preferably transmits a shared data header for decoding the encoded data to the web browser 5 in response to a request from the web browser 5. The web browser 5 in the web browsing device 4 can obtain the shared data header and the encoded data of all the display blocks from the web server 41 in the transmission module 40 via the network 3, and according to the shared data header and the encoded data. Instantly update the corresponding display block in the web page display area. After the shared data header is obtained, the web browser does not need to be re-acquired unless the size of the subsequent display block (for example, the comparison block corresponding to the adjacent display block) or the encoding parameter of the image quality changes. Data header, so multiple encoded data can share a common data header.

Moreover, in a preferred embodiment, the web server 41 can receive an "event" from an input device such as a keyboard or mouse of the web browsing device 4 (eg, captured by a JavaScript program executed in the web browser 5, and via The network 3 is transmitted to the web server 41) and processed to control the controlled computer 2 (for example, moving the mouse cursor in the screen of the controlled computer). The web server 41 preferably transmits the encoded data of the changed block in response to the request of the web browser 5 when the changed block exists, so that the web browser 5 can update the webpage display area accordingly, thereby displaying corresponding to the The dynamic image of the dynamic image signal output by the computer 2 is controlled, and when the changed block does not exist, the request of the web browser 5 is not responded to save the network bandwidth. Moreover, in a preferred embodiment, when a plurality of adjacent display blocks are combined and encoded, the transmitting module 40 can transmit the related information of the foregoing adjacent display blocks to the request of the web browser 5 to The webpage browsing device 4 includes a message such as coordinates, length and width, so that the web browser can 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 (ie, the web server 6 in this embodiment) in addition to being part of the remote management system 1 (ie, 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 network 3. The web browsing device 4 can communicate with the web server 6 via the network 3, and the remote management system is used. 1 to operate. At this time, the web server 6 is equivalent to the control center in the network type KVM switch system, and provides the function of the web server to manage the device to which the remote management system 1 belongs, for example, and also provides network security. Other functions such as mechanisms. The communication protocol between the web server 41 or the web server 6 and the web browser 5 is an HTTP protocol.

In a preferred embodiment, the web page displayed in the web browser 5 is divided into a plurality of display blocks, each of which corresponds to an HTML (HyperText Markup Language) image tag in the web page ( Image tag). The size of the display block can be switched during execution of the web browser 5. In this case, in order to enable the user of the webpage browsing device 4 to control the controlled computer 2 by using an input device such as a keyboard or a mouse, an associated keyboard or mouse event handler can be set in each image tag. Or add a transparent component over all image tags—that is, the entire display area of the web page—and set the relevant keyboard or mouse event handler for that component.

Compared with the prior art, the remote management system of the present invention allows the client computer to display the output of the controlled computer in all kinds of web browsers on different operating system platforms without additional plug-ins or applications. Dynamic image.

Figure 2 is a flow diagram of one embodiment of a method of using the remote management system shown in Figure 1A. The remote management system can be connected to one or more controlled computers and can interact with the 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 110 converts the dynamic image signal output by the controlled computer into a series of still images. Step 120 divides the still image into a plurality of comparison blocks, and compares the difference between the two previous and second still images in pixel values to find all the changed blocks from the comparison block, wherein the comparison block can be further It is divided into a plurality of comparison block groups, and each of the comparison block groups corresponds to one display block in the webpage display area of the web browser. At this time, the webpage display of the web browser is divided into a plurality of display blocks, and each display block corresponds to one comparison block group, that is, the size of the display block is greater than 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 FIG. 1B), and the changed blocks are found therefrom (eg, the oblique line portion of FIG. 1B). 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 pixel values of all the comparison blocks in the comparison block group to which the change block belongs to the encoded data. In other words, the conversion of the pixel values is in units of display blocks, so that as long as at least one of the comparison block groups corresponding to the display block is a change block, all the comparison blocks corresponding to the 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 B _C is 16 by 16, then four phases belonging to the same comparison block group BS (ie, corresponding to the same display block) will be belonged. The neighboring comparison block B _C (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, the encoding/compression of pixel values is performed in the JPEG format; however, in other embodiments, other encoding/compression formats supported by the W3C recommendation, such as GIF, PNG, or BMP, may also 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 B _C corresponding to the plurality of adjacent comparison block groups BS changes (as shown by the hatched portion of FIG. 1C) and needs to be converted into a pixel value, All of the comparison blocks B _C corresponding to the plurality of adjacent comparison block groups BS may be selectively encoded to increase the compression ratio to save the bandwidth required for transmission and improve display efficiency. At this time, information about the plurality of adjacent display blocks must be recorded, including information such as coordinates, width, and height, so that the web browser can correctly display the plurality of adjacent display blocks at the corresponding positions.

Step 140, according to the request of the web browser, transmits the encoded data to the web browsing device via the network, 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. . In a preferred embodiment, a shared data header for decoding the encoded data can be transmitted to the web browser in response to a request from the web browser, so that the web browser can rely on the shared data header and encoding. The data instantly updates the corresponding display block in the web page display area. After obtaining the shared data header, the web browser does not need to retrieve data unless the size of the subsequent display block (for example, the comparison block corresponding to the adjacent display block) or the encoding parameter of the quality changes. The header, so the shared data header is shared by the encoded data.

In addition, in a preferred embodiment, an "event" from an input device such as a keyboard or a mouse of a web browsing device can be received (for example, captured by a JavaScript program executed in a web browser and transmitted to the web server via the network). And processing it to control the controlled computer (for example, moving the mouse cursor in the screen of the controlled computer). In addition, in a preferred embodiment, the encoded data of the changed block may be sent in response to a request of the web browser when the changed block exists, so that the web browser can update the webpage display area accordingly, thereby displaying corresponding to The dynamic image of the dynamic image signal output by the controlled computer, and does not respond to the request of the web browser when the changed block does not exist, thereby saving network bandwidth. Furthermore, in a preferred embodiment, when a plurality of adjacent display blocks are combined and encoded, the related information of the adjacent display blocks may be transmitted to the web browsing device according to the request of the web browser, wherein The message includes coordinates, length and width, so that the web browser can update the corresponding display block in the webpage display area according to the related information and the encoded data.

Figure 3 is a flow diagram 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 Figure 2. As shown in FIG. 3, step 210 causes the web browser device to retrieve the web page from the remote management system and execute it in a web browser. Step 220 causes the JavaScript programming language executed in the web browser to send an HTTP request to the remote management system to request the remote management system to transmit the encoded data of the changed block and related information. In the preferred embodiment, the HTTP request in step 220 is implemented using the XMLHttpRequest object in AJAX technology, and the related information of the changed block may include values of coordinate values, height values, and width values of a set of changed blocks. In other embodiments, however, the HTTP request in step 220 can be implemented in other ways, such as to be compatible with older versions of the Internet Explorer web browser, such as ActiveXObject objects. In addition, 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 a plurality of display blocks, and 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 can be specified in the HTTP request in step 220.

Step 230 causes the JavaScript programming language to update the image displayed in the web browser based on the encoded data received from the remote management device and its associated information. In this embodiment, the following callback function is used to process the encoded data and related information received from the remote management device:

Repeating steps 220 and 230 may cause the web browser to display a motion image corresponding to the motion image signal output by the controlled computer. In this embodiment, the following functions are used to create the display block:

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, as desired. In a preferred embodiment, the JavaScript program can send an "event" from an input device such as a keyboard or mouse of the web browsing device to the remote management system. The webpage display of the web browser is divided into a plurality of display blocks, and each display block corresponds to an HTML image tag in the webpage. In this case, in order to enable the user of the web browsing device to control the controlled computer by using an input device such as a keyboard or a mouse, an associated keyboard or mouse event handler can be set in each image tag, or in all image tags. - Add a transparent component to the entire display area of the web page and set the relevant keyboard or mouse event handler for the component.

Compared with the prior art, the present invention can achieve the purpose of displaying the dynamic images output by the controlled computer in all kinds of web browsers on different operating system platforms, without the need to additionally install the plug-in program. Also, the present invention divides the static image and the display block of the web browser into smaller blocks, and utilizes AJAX technology to locally update the parts of the webpage that need to be updated (only the display blocks with changes are updated). ), the amount of data exchanged between the web server and the web browser is greatly reduced, thereby achieving the effect of saving network bandwidth and reducing the burden on the web server. In addition, since all the same size coded data share a data header for decoding, the same data header is not repeatedly transmitted, thereby greatly saving data amount and bandwidth.

The present invention has been described by the above related embodiments, but the above embodiments are merely examples for implementing the present invention. It must be noted that the disclosed embodiments do not limit the scope of the invention. On the contrary, the modifications and equivalents of the spirit and scope of the invention are included in the scope of the invention.

1. . . Remote management system

2. . . Controlled computer

3. . . network

4. . . Web browsing device

5. . . browser

6. . . Web server

10. . . Image capture module

20. . . Processing/comparison module

30. . . Image coding module

40. . . Transfer module

41. . . Web server

50. . . Path scheduling module

B _C . . . Comparison block

BS. . . Comparison block group

BS ₁ . . . Comparison block group

BS ₂ . . . Comparison block group

1A is a block diagram of an embodiment of a remote management system of the present invention;

1B is a schematic diagram of an embodiment of the processing/comparing module of the remote management system shown in FIG. 1A for dividing a still image into blocks;

1C is a schematic diagram of an embodiment in which the image coding module of the remote management system of FIG. 1A combines and encodes the comparison blocks corresponding to the adjacent display blocks;

2 is a flow chart of an embodiment of a method of using the remote management system shown in FIG. 1A;

Figure 3 is a flow diagram 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 Figure 2.

1. . . Remote management system

2. . . Controlled computer

3. . . network

4. . . Web browsing device

5. . . browser

6. . . Web server

10. . . Image capture module

20. . . Comparison module

30. . . Image coding module

40. . . Transfer module

41. . . Web server

50. . . Path scheduling module

Claims (11)

A remote management system connectable to at least one controlled computer and interactable with a web browser of a web browsing device via a network, such that the web browsing device can communicate with the web browser The remote management system communicates and controls the controlled computer. The remote management system includes at least: an image capturing module that converts one of the output signals of the controlled computer output into a continuous plurality of static images according to a sampling frequency. An image processing/comparison module divides each of the still images into a plurality of comparison blocks, and compares the difference between the two consecutive consecutive static images to find at least the comparison blocks. a changed block, wherein the comparison blocks are further divided into a plurality of comparison block groups, each of the comparison block groups corresponding to a display block in a webpage display area of the web browser, and The size of the display block is greater than or equal to the size of the comparison block; an image coding module converts at least one pixel value of all the comparison blocks in the comparison block group to which the change block belongs a piece of encoded data; and a transmitting module, wherein the encoded data is transmitted to the web browsing device via the network in response to the request of the web browser, so that the web browser can update the display area according to the pen encoded data a block, which in turn displays an image corresponding to the image signal output by the controlled computer. The remote management system of claim 1, wherein the web browsing device is selected from the group consisting of a personal computer, a personal digital assistant, and a smart phone. The remote management system of claim 1, wherein if the adjacent blocks corresponding to the display blocks comprise the changed block, the image coding module is All the compared blocks corresponding to the display blocks of the neighboring are converted into the pen-encoded data, and at least one related information of the adjacent display blocks is generated, and the transmitting module responds to the request of the web browser. Transmitting the related information to the web browsing device, wherein the related information includes coordinates, length and width of the display blocks. The remote management system of claim 1, further comprising a web server, if the change block does not exist, the web server does not respond to the request of the web browser, if the change area If the block exists, the web server transmits the encoded data to the web browser in response to the request of the web browser. The remote management system of claim 4, wherein the web server transmits a shared data header to the web browser in response to the request of the web browser, so that the web browser can be based on the sharing The data header updates the display block of the web browser for the pen encoded data. A remote management method for a remote management system, the remote management system can be connected to at least one controlled computer, and can interact with a web browser of a web browsing device via a network to enable the remote management system to The web browsing device can communicate with the remote management system via the network and thereby control the controlled computer. The method includes at least the following steps: (a) converting one of the output signals of the controlled computer to a continuous plurality of sheets a static image; (b) dividing each of the still images into a plurality of comparison blocks, and comparing the difference between the two consecutive static images to find at least one change from the comparison blocks a block, wherein the comparison blocks are further divided into a plurality of comparison block groups, each of the comparison block groups corresponding to a display block in a webpage display area of the web browser, and the size of the display block is And greater than or equal to the size of the comparison block; and if the change block exists, (c) converting at least one pixel value of all the comparison blocks in the comparison block group to which the change block belongs to one piece of coded data ; and (d) The pen-coded data should be transmitted to the web browsing device via the network at the request of the web browser, so that the web browser can update the display block according to the pen-coded data, thereby displaying corresponding to the controlled computer. The image of the image signal outputted. The method of claim 6, wherein the web browsing device is selected from the group consisting of a personal computer, a personal digital assistant, and a smart phone. The method of claim 6, wherein the step (c) further comprises: if the adjacent blocks corresponding to the display blocks respectively comprise the change block, the image coding module All the comparison blocks corresponding to the adjacent display blocks are converted into the pen-encoded data, and at least one related information of the adjacent display blocks is generated, and step (d) further includes responding to the webpage browsing. The request of the device transmits the related information to the web browsing device, wherein the related information includes the coordinates, length and width of the display blocks. The method of claim 6, wherein the step (d) comprises: (d1) not responding to the request of the web browser if the changed block does not exist; and (d2) if the changed block If yes, the pen coded data is transmitted to the web browser according to the request of the web browser, so that the web browser can display the image corresponding to the image signal output by the controlled computer according to the pen code data. The method of claim 6, wherein the step (d) further comprises transmitting a shared data header to the webpage in response to the request of the web browser, so that the web browser can follow the shared data header. The pen encoded data is decoded to update the display block of the web browser. The method of claim 6, wherein the format of the encoded data is selected from the group consisting of JPEG, GIF, PNG, and BMP.