KR20210020551A - Image display apparatus and control method thereof - Google Patents

Abstract

The present invention relates to an image display device and a control method thereof. The image display device according to the present invention parses the HTML of an inputted web page to estimate the intended resolution of the web page, and configures the web page by changing the output resolution of the web browser to be the same as the intended resolution of the web page. Therefore, by displaying the same layout as the original web page, such as a location and size of text or image on the web page, the web page can reflect the visibility or usability intended by a creator.

Description

Image display device and its control method {IMAGE DISPLAY APPARATUS AND CONTROL METHOD THEREOF}

The present invention relates to an image display device and a control method thereof, and more particularly, to an image display device having a web browser and a control method thereof.

A video display device is a device that plays video content, and receives and plays video from various sources. The image display device is implemented with various devices such as PC (Personal Computer), smart phone, tablet PC, notebook, and TV. Recently, an application for providing web content such as a web browser is provided in image display devices such as smart TVs.

PCs that mainly process web content have various resolutions such as 1920*1080, 1366*768, 1280*1024, and mobile devices also have various resolutions such as 360*640, 375*667, and 412*732. In the case of TVs, display resolutions are increasing to 2K, 4K, and 8K. Web pages are designed in consideration of the resolution of the image display device when creating a website. As described above, the resolution of all devices is different because the resolution varies according to the type of image display device, and even the same device has various resolutions. It cannot be manufactured considering all of them. Also, in the case of a web browser of an image display device, it is common that the resolution is fixed. Therefore, when displaying a web page in a video display device displaying a web page, if the resolution of the web page and the resolution of the web browser match, the screen is displayed as intended when the web page was produced, but otherwise, the video display device The layout is changed and displayed because the size is adjusted according to the resolution of the printer and printed.

1 shows an example of a web page screen displayed on a conventional video display device. (A) of FIG. 1 shows a web page produced with a resolution of 1366*768, and (b) of FIG. 1 shows a web page of 1366*768 in (a) and converted to a 2K (1920*1080) resolution of a web browser. It shows the output screen.

Comparing (a) and (b) of Fig. 1, due to the change in the resolution of the web page, the position and size of text and images in the area indicated by the dotted line in Fig. 1 (a) are adjusted, and some areas are completely You can see what is invisible. As described above, as the layout of the web page intended by the web page creator is changed and displayed according to the difference in resolution, there is a problem in that the screen area is enlarged or reduced, and visibility and usability are deteriorated such as unnecessary scroll bars.

The problem to be solved by the present invention is to provide an image display device and a control method for outputting a screen in the original layout intended by the web page by estimating the actual size of the web page and changing the resolution of the web browser to the correct resolution. will be. The problem to be solved by the present invention is to provide an image display device that generates a screen in a layout intended by a web page by analyzing a tag of a web page HTML (Hypertext Markup Language) data to estimate the resolution of a web page, and a control method thereof. will be. The problem to be solved by the present invention is to provide an image display device and a control method thereof that generates a screen in a layout intended by a web page by estimating the resolution of a web page, and enlarges or reduces the screen according to the display resolution. .

In order to solve the above-described problem, an image display device and a control method thereof according to an embodiment of the present invention parse HTML of an input web page to estimate the intended resolution of the web page, and the intended resolution of the web page In the same way as, configure a web page by changing the output resolution of the web browser. In order to solve the above-described problems, an image display device and a control method thereof according to an embodiment of the present invention estimate the intended size of the web page by analyzing the HTML tag of the web page, and the same as the resolution of the web page. Create a web page to have the resolution of a web browser. In order to solve the above-described problem, an image display device and a control method thereof according to an embodiment of the present invention analyze the position and size data of text and pictures included in the HTML tag of the web page to determine the intended size of the web page. Estimate

As described above, the video display device and its control method according to the present invention do not change the position and size of the text or image of the web page, or do not show some areas, and do not occur as the original web page creator intended. By keeping the layout the same, it is possible to optimize the web page by reflecting the intended visibility or usability. In addition, the image display device and the control method thereof according to the present invention can solve problems such as unnecessary scroll bars without enlargement and reduction of the screen area by displaying the same layout as intended by the original web page creator.

1 shows an example of a web page screen displayed on a conventional video display device.
2 is a control block diagram of an image display device according to an embodiment of the present invention.
3 illustrates an example of a web page and some tags of HTML thereof.
4 and 5 illustrate an example of a web page screen displayed by an image display device according to an embodiment of the present invention.
6 is a flowchart illustrating a method of controlling an image display device according to an embodiment of the present invention.

Hereinafter, specific embodiments of the present invention will be described with reference to the drawings.

Advantages and features of the present invention, and a method of achieving them will become apparent with reference to the embodiments described below in detail together with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below, but may be implemented in a variety of different forms, and only these embodiments make the disclosure of the present invention complete, and are common knowledge in the technical field to which the present invention pertains. It is provided to completely inform the scope of the invention to those who have, and the invention is only defined by the scope of the claims. The same reference numerals refer to the same components throughout the specification.

2 is a control block diagram of an image display device according to an embodiment of the present invention. Referring to FIG. 2, an image receiving unit 10, an image processing unit 20, a display unit 30, and a control unit 40 according to an embodiment of the present invention are included.

The image receiving unit 10 is for receiving signals from various external devices, a network interface unit 11 for Internet connection, a broadcast receiving unit 13 for receiving broadcast signals, and various connectors for connection with external devices. It may include. For example, a high definition multimedia interface (HDMI) connector 11 for receiving content from a PC, a set-top box or a multimedia player, an RF coaxial cable connector receiving a broadcast signal including content from an antenna, and component video A connector (component video connector), a composite video connector (composite video connector), may include a D-sub connector (D-sub) connector.

The network interface unit 11 includes a communication module for connecting to a wired/wireless network including an Internet network. The network interface unit 11 is provided with an Ethernet terminal for connection to a wired network, or WLAN (Wireless LAN) (Wi-Fi), Wibro (Wireless broadband), for connection to a wireless network. Wimax (World Interoperability for Microwave Access) and HSDPA (High Speed Downlink Packet Access) communication standards can be used.

In addition, the network interface unit 11 may access a predetermined web page through a network and transmit or receive data with a corresponding server. Furthermore, the network interface unit 11 may receive content or data provided by a content provider or a network operator. For example, the network interface unit 11 may receive content such as movies, advertisements, games, VODs, broadcast signals, and related information provided from a content provider or a network provider through a network. In addition, it is possible to receive update information and an update file of the firmware provided by the network operator. It can also transmit data to the Internet or content provider or network operator.

The image processing unit 20 is for processing an image signal received through the image receiving unit 10, and an image received through the image receiving unit 10, such as an Internet content image and image information, and an image or broadcast information of a broadcast signal It is stored in an appropriate size and image quality to be displayed on the display unit 30. In particular, in the embodiment of the present invention, the Internet content received through the network interface unit 11 or an object included in a web page is processed to suit the resolution and quality of the display unit 30 and output to the display unit 30. I can. The image processing unit 20 may include an image processing program for image processing, a memory temporarily storing processed image data and image information, and a processor executing the image processing program. In this embodiment, the image processing unit 20 includes a scaler (not shown) that enlarges or reduces the image of the web page generated by the control unit 40 to be described later in accordance with the display resolution.

The display unit 30 is for displaying an image on a screen, such as a liquid crystal display (LCD) panel, a light emitting diode (LED) panel, an organic light emitting diode (OLED) panel, etc. It can be implemented as The display unit 30 includes a display module that displays an image and a display driver that drives the display module. When the display module is an LCD, the display unit 30 further includes a backlight unit that irradiates light to the display module and a backlight driver that drives the backlight unit. do.

The control unit 40 controls the image input through the image receiving unit 10 to be displayed on the display unit 30, and is responsible for overall control of the image display device. The controller 40 may be implemented by including a program code for signal processing and control, a memory for storing signal-processed video signals, audio signals, and data, and a processor executing the same. Here, the program code may be an application code, and in the present invention, it includes a web browser application code that enables a specific web page to be displayed on a screen through web browsing.

The control unit 40 parses the data of the web page HTML received from the network interface unit 11 to estimate the intended resolution of the web page, and changes the output resolution of the web browser to be the same as the intended resolution of the estimated web page. To create and output web pages. Here, the intended resolution of the web page means the size of the original web page screen, that is, the resolution of the original, intended by the web page creator when producing the web page.

Meanwhile, the image display device according to an embodiment of the present invention further includes an audio processing unit 50, an audio output unit 60, and a user input interface unit 70. The audio processing unit processes the video input through the image receiving unit 10 or audio data included in the content, and transmits it to an audio output unit, such as a speaker, or outputs it to an external output device.

The user input interface unit 70 is for transmitting a signal input by the user to the control unit 40 or for transmitting a signal from the control unit 40 to the user, and for communication with a remote controller that provides the user's input. It may include a module and a GUI (Graphic User Interface).

In the video display device according to an embodiment of the present invention, a web browser application that enables a specific web page to be displayed on a screen through web browsing is installed, and the user selects a web browser through the user input interface unit 70. Then, the control unit 40 executes a web browser to access a web page corresponding to the URL through the network interface unit 11 to transmit or receive data with the server, and receive the web page data and display it on the screen. To be controlled. At this time, in the memory of the controller 40, a web page corresponding to the web address input by executing the web browser, address information of the web page, and/or web page creation data, web data (HTML, Java Script, CSS, image) Etc) etc. are loaded. The controller 40 parses the received web page HTML to estimate the resolution of the web page intended by the web page creator. For example, when a web page is produced in 1920*1080 resolution considering that it is displayed in 1920*1080 resolution on a video display device, the controller 40 parses the webpage HTML and estimates the resolution of the webpage as 1920*1080. I can.

The web page resolution estimation of the control unit 40 is performed by analyzing the HTML tag, and is implemented as an algorithm that calculates the intended resolution of the web page by analyzing the location and size data of text and pictures included in the HTML tag of the web page. I can.

3 illustrates an example of a web page and some data of HTML thereof. (A) of FIG. 3 shows a web page having a resolution of 1280*720, and (b) shows a part of the HTML data of (a). Referring to FIG. 3, tags of HTML data received through the network interface unit 11 include text, images, and size, location, and size information of text and images. The controller 40 may calculate that the intended resolution of the web page is 1280*720 by adding text and image position and size data included in the HTML tag.

The web page resolution calculation algorithm of the control unit 40 may be provided in various ways, and may be implemented by a simple calculation algorithm that adds or subtracts the position value and the size value of the item from the HTML tag. Meanwhile, various resolution values such as 1920*1080, 1366*768, 1280*1024 used in PCs, 360*640, 375*667, 412*732 used in mobile devices, etc. It is also possible to store and compare the value calculated by the resolution calculation algorithm with these values to estimate the closest resolution value as the intended resolution value of the web page.

The control unit 40 changes the resolution of the web browser to be the same as the estimated intended resolution value so that the web browser generates a web page with the changed resolution. For example, when it is estimated that the intended original resolution of the web page is 1280*720, the web browser composes an image so that the currently input webpage data has a resolution of 1280*720. Accordingly, the layout of the web page intended by the web page creator may not be changed, and the same layout may be displayed on the web browser screen.

In the present invention, the web browser has various resolutions such as 1280*720, 1366*678, 1920*1080, 3840*2160 (4K), 4096*2160 (4K), 7680* so that the screen can be configured in response to various resolutions. The screen can be configured with a resolution such as 4320 (8K). However, the web browser is not limited to such a specific resolution, and a web page can be created to have the same resolution as the intended resolution of the estimated web page. However, the configurable resolution according to the internal memory capacity of the video display device is May be limited.

The image processing unit 20 enlarges or reduces the web page generated by the web browser according to the display resolution and outputs the enlarged or reduced web page to be displayed on the display unit 30. Here, the image enlargement and reduction of the image processing unit 20 does not mean enlargement or reduction of a certain area, but reduction or enlargement of the entire web page. For example, the intended resolution of the input web page is 1280 * 720, and accordingly, a web page was created with the resolution of the web browser as 1280 * 720, and the resolution of the display unit 30 is 4K, that is, 3840 * 2160. In this case, the image processing unit 20 scales up the web browser image input through the control unit 40 by three times and outputs it to the display unit 30. As another example, when the intended resolution of the input web page is 1280*720, and a webpage is created with the resolution of the web browser as 1280*720, and the resolution of the display unit 30 is 1920*1080, the image The processing unit 20 scales up the web browser image input through the control unit 40 by 1.5 times and outputs it to the display unit 30 to have a resolution of 1920*1080. In this case, the image processing unit 20 enlarges or reduces the web page of the web browser based on the horizontal or vertical resolution of the display unit 30. Accordingly, it is possible to optimize the screen composition by displaying the web page as it is on the screen without changing the layout of the web page intended by the web page creator. However, if the web page is enlarged or reduced based on the vertical resolution, there may be spaces on both sides of the web page in which the web page data is not displayed, and if the web page is enlarged or reduced based on the horizontal resolution, scrolling in the vertical direction May occur.

4 illustrates an example of a web page screen displayed by an image display device according to an embodiment of the present invention. Fig. 4(a) shows a web page produced with a resolution of 1280*720, and Fig. 4(b) shows a 1280*720 web page of (a) processed with a 1280*720 resolution in a web browser, The image processing unit 20 shows a screen output by scaling up three times at a resolution of 3840*2160 by a scaler (not shown).

When comparing (a) and (b) of Fig. 4, it is confirmed that the position and size of the text, image, etc. of the original web page are not changed and displayed in the same layout as the original web page by maintaining the resolution of the web page. I can.

5 illustrates an example of a web page screen displayed by an image display device according to another embodiment of the present invention. FIG. 5 is a case in which a web page produced with a resolution of 1280*720 is displayed with a display resolution of 4096*2160, and FIG. 5(b) shows the 1280*720 web page of (a) processed with a 1280*720 resolution in a web browser. After that, a scaler (not shown) of the image processing unit 20 shows a screen output by scaling up to 4096*2160 resolution by 3.2 times the horizontal resolution. After processing a 1280*720 web page with a resolution of 1280*720 in a web browser, a scaler (not shown) of the image processing unit 20 scales up the web page 3 times based on the vertical resolution to 3 times the resolution of 3840*2160. It shows a scale-up and output screen.

Comparing (a), (b), and (c) of FIG. 5, since the screen of FIG. 5 (b) is enlarged based on the horizontal resolution, some images at the bottom of the web page are not displayed on the screen. You can view the image through the upper and lower scroll bars. On the other hand, in (b) of FIG. 5, since the screen is enlarged based on the vertical resolution, the original of the web page is displayed on the screen as it is, but there may be a blank space of 256 pixels on the left and right. As described above, in the present invention, the web page can be enlarged and reduced based on the horizontal or vertical resolution, and the web browser has the same layout as the original web page even if enlarged and reduced with a scaler (not shown). No movement, enlargement, or reduction of text or pictures occurs on the page.

6 is a flowchart illustrating a method of controlling an image display device according to an embodiment of the present invention. Referring to FIG. 6, when a web browser is selected through the user input interface unit 70 (S10), the control unit 40 executes a web browser program (S11). The control unit 40 accesses the web page corresponding to the URL selected by the user through the network interface unit 11, transmits or receives data with the server, and receives the web page data (S12).

The controller 40 parses the web page HTML data and estimates the intended original resolution of the web page (S13). The controller 40 estimates the intended resolution of the web page by analyzing the location and size data of text and pictures included in the HTML tag of the web page. Then, the resolution of the web browser is determined so that the web browser has the same resolution as the intended resolution (S14).

The web browser generates a web page image according to the determined resolution (S15). Since the resolution of the web page varies for each web site, in the present invention, the resolution of the web browser is changed in response to the corresponding resolution by estimating the resolution of the web page that the user commanded to move. Accordingly, the resolution of the web browser is changed according to the resolution of the web page of the website accessed according to the user's moving command.

A scaler (not shown) of the image processing unit 20 enlarges or reduces the web page image generated by the web browser according to the display resolution and outputs it (S16).

As described above, the image display device according to the present invention can display the same on the screen as the layout of the original web page by changing the resolution of the web browser to the same as the original web page, and outputting the enlarged and reduced images. Accordingly, it is possible to secure the user's visibility and convenience by maintaining the layout intended by the web page creator.

In the above-described embodiment, the image display device according to the present invention has been described as a device having a broadcast reception function, but is not limited thereto and can be applied to various image display devices such as mobile devices, monitors, and TVs. Meanwhile, the method of operating an image display device according to the present invention can be implemented as a code that can be read by a processor on a recording medium that can be read by a processor provided in the image display device. The processor-readable recording medium includes all types of recording devices that store data that can be read by the processor. Examples of recording media that can be read by the processor include ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage, etc., and also include those implemented in the form of carrier waves such as transmission through the Internet. . Further, the processor-readable recording medium is distributed over a computer system connected through a network, so that the processor-readable code can be stored and executed in a distributed manner.

On the other hand, although the preferred embodiments of the present invention have been illustrated and described above, the present invention is not limited to the specific embodiments described above, and the technical field to which the present invention belongs without departing from the gist of the present invention claimed in the claims. In addition, various modifications are possible by those of ordinary skill in the art, and these modifications should not be individually understood from the technical spirit or prospect of the present invention.

10: image receiving unit 11: network interface unit
13: broadcast receiving unit 20: image processing unit
30: display unit 40: control unit
50: audio processing unit 60: audio output unit
70: user input interface unit

Claims (10)

A network interface unit for Internet connection;
A display unit for displaying a web page input through the network interface unit as an image;
A control unit for constructing a web page by parsing the HTML of the web page input through the network interface unit to estimate the intended resolution of the web page and changing the output resolution of the web browser to match the estimated intended resolution of the web page Image display device comprising a.
The method of claim 1,
And an image processing unit configured to reduce or enlarge a web page of the web browser configured by the control unit in accordance with the resolution of the display unit and output to the display unit.
The method according to claim 1 or 2,
The control unit analyzes the HTML tag of the web page input through the network interface unit to estimate the intended size of the web page, and changes the resolution of the web browser to be the same as the intended size of the web page, and the network interface unit An image display device, characterized in that the intended layout of the web page input through the web page and the layout of the web page generated by the web browser are configured identically.
The method of claim 3,
And the controller estimates the intended size of the web page by analyzing position and size data of text and pictures included in the HTML tag of the web page.
The method of claim 3,
Further comprising a user input interface unit for user input;
The control unit controls the network interface unit to execute a web browser when a moving command to the web is received through a user input interface unit and to receive a corresponding web page by connecting to a URL input by the user. .
The method of claim 3,
The image processing unit receives the web page having the same intended layout of the web page input through the network interface unit from the control unit, and enlarges or reduces the web page based on the horizontal or vertical resolution of the display unit. An image display device comprising a scaler to output.
In the control method of an image display device including a display unit and a processor,
Receiving web page data;
Parsing the HTML data of the web page to estimate the intended resolution of the web page;
Determining an output resolution of the web browser equal to the estimated intended resolution of the web page; And
And generating a web page image according to the determined web browser resolution.
The method of claim 7,
The step of estimating the resolution of the web page comprises estimating the intended resolution of the web page by analyzing the HTML tag of the received web page.
The method of claim 8,
The determining of the output resolution of the web browser comprises determining the same resolution so that the intended layout of the received web page is configured identically in the web page generated by the web browser. .
The method of claim 9,
And expanding or reducing the web page based on a horizontal or vertical resolution of the display unit and outputting the enlarged web page.

Images