KR101268112B1

KR101268112B1 - Method, apparatus and computer-readable recording medium for playing video contained in wep page

Info

Publication number: KR101268112B1
Application number: KR1020120007930A
Authority: KR
Inventors: 김희경; 이해상; 김현민
Original assignee: 주식회사 오비고
Priority date: 2012-01-26
Filing date: 2012-01-26
Publication date: 2013-05-29

Abstract

PURPOSE: A method for playing a video clip included in a webpage, a device thereof, and a computer readable recording medium thereof are provided to view the video clip and a text of the webpage in a web browser at a time. CONSTITUTION: A web browser designates a video area of a webpage as a transparent area. A control unit displays the web browser on a display unit(200). When a video play button of the web browser is selected, the web browser transmits information for the video area of the webpage to a media player(210). The media player is displayed under the transparent area of the webpage corresponding to position and size information of the video area and reproduces a video by obtaining the video from a video route(220). [Reference numerals] (200) Designate a video area of a webpage as a transparent area; (210) Transmit video area information and video path information to a media player when a video play button is selected; (220) Display the media player on a area corresponding to the video area information of the webpage and play video by loading the video from the path of the video; (AA) Start; (BB) End

Description

Methods, devices, and computer-readable recording media for playing back movies embedded in web pages {METHOD, APPARATUS AND COMPUTER-READABLE RECORDING MEDIUM FOR PLAYING VIDEO CONTAINED IN WEP PAGE}

According to the present invention, when the web page displayed in the web browser of the terminal includes a play area for the video, when the play function of the video is selected in the terminal, the web browser designates an area in which the video is located in the web browser as a transparent area. And transmits the region information of the video in the web page and the Uniform Resource Locator (URL) information of the video to a media player stored in the terminal, and the media player transmits the video to the position of the transparent region of the A method, an apparatus, and a computer-readable recording medium for reproducing a moving picture included in a web page capable of reproducing a moving picture inline by directly reproducing a moving picture obtained from a path.

The spread of mobile devices such as smart phones and tablet PCs is increasing, and users who enjoy surfing the web by accessing the World Wide Web (WWW) through a communication network using mobile devices are increasing.

If the web page selected on the mobile device contains a video, when the playback function of the video displayed on the web page of the web browser of the mobile device is selected, the web browser directly displays the video through the media player application. Play it.

The invention disclosed in Korean Patent Publication No. 10-0909669 discloses a method of playing a flash-based video content in a web browser of a mobile terminal without going through a separate server. The location path of a video file (URL) Acquires the video through the software, and determines whether to decode the acquired video with a software-based codec or a hardware-based codec, and when the video is played on a hardware basis, it is transmitted to the hardware-supported multimedia platform of the terminal, not the web browser. Let it play According to this technology, when a video included in a web page is played through a multimedia platform of a mobile terminal, there is a problem in that text and a video of the web page cannot be simultaneously viewed.

Therefore, an object of the present invention is to solve all the problems of the prior art described above.

In addition, when the web page displayed in the web browser of the terminal includes a video area, when the user selects the playback function of the video, the web browser designates the video area of the web page as a transparent area, and the web page Sends the area information of the video and the path information of the video to the media player stored in the terminal, causes the media player to be displayed in the same position as the transparent area of the web page based on the area information of the video, and obtains the video from the video path. Another goal is to be able to load it into a media player to provide the feeling of playing inline within a web browser.

The characteristic structure of this invention for achieving the objective of this invention mentioned above, and realizing the characteristic effect of this invention mentioned later is as follows.

According to an aspect of the present invention, (a) when displaying a web page on a display through a web browser, the step of making the web page is displayed by designating a video area included in the web page as a transparent area, ( b) when a video playing function is selected through a user interface of a video controller displayed on the display unit, acquiring information about a video area of the web page and path information of the video by the media player stored in the terminal; and and c) loading and playing the video obtained by referring to the path information of the video in the transparent area of the web page by the media player.

According to another aspect of the present invention, a display unit for displaying a menu for the Internet connection, and displays a web browser when the menu for the Internet connection is selected; A storage unit which stores an internet access program and a media player program; And a control unit which controls to display the web browser on the display unit by executing the internet access program when the menu for the internet access is selected, wherein the web browser makes the video area included in the web page a transparent area. If a video playback function is selected through the user interface of the video controller displayed on the display unit, the web browser displays information about the video area of the web page and path information of the video. A media player is provided, and the media player loads and plays the video by referring to the path information of the video in a transparent area of the web page. All.

In addition, there is provided another method, system, and computer readable recording medium for recording a computer program for carrying out the method for implementing the present invention.

According to the present invention, when a web page displayed in a web browser includes a video, when the terminal selects a video playback function, the web browser designates an area in which the video on the web page is located as a transparent area, When the area information of the video and the path information of the video are transmitted to the media player stored in the terminal, the media player is displayed in the transparent area of the web page based on the location information of the video and the video is received from the address of the video based on the path information of the video. It can be loaded and played inline within the web browser.

Therefore, the video and text included in the web page can be checked at once in the web browser, and the video of very sharp quality can be played inline within the web browser.

1 is a block diagram showing the configuration of a terminal according to an embodiment of the present invention.
2 is a flowchart illustrating a method of playing a video included in a web page according to an embodiment of the present invention.
3 illustrates a process of displaying a web browser on a display unit of a terminal when a web page including a video of an embodiment of the present invention is selected.

DETAILED DESCRIPTION OF THE INVENTION The following detailed description of the invention refers to the accompanying drawings that show, by way of illustration, specific embodiments in which the invention may be practiced. These embodiments are described in sufficient detail to enable those skilled in the art to practice the invention. It should be understood that the various embodiments of the present invention are different, but need not be mutually exclusive. For example, certain features, structures, and characteristics described herein may be implemented in other embodiments without departing from the spirit and scope of the invention in connection with an embodiment. It is also to be understood that the position or arrangement of the individual components within each disclosed embodiment may be varied without departing from the spirit and scope of the invention. The following detailed description is, therefore, not to be taken in a limiting sense, and the scope of the present invention is to be limited only by the appended claims, along with the full scope of equivalents to which such claims are entitled, if properly explained. In the drawings, like reference numerals refer to the same or similar functions throughout the several views.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings, so that those skilled in the art can easily carry out the present invention.

1 is a block diagram illustrating a configuration of a terminal according to an exemplary embodiment of the present invention. The terminal 100 may include a controller 10, a display unit 12, a storage unit 14, and a communication unit 16.

According to an embodiment of the present invention, the terminal 100 is a digital device including a function for enabling communication after connecting to a communication network (not shown) through the communication unit 16, and a personal computer (for example, a tablet). A computer, a laptop computer, etc.), a PDA, a web pad, a mobile phone, and the like may be adopted and may be a concept including a smart phone.

According to an embodiment of the present invention, the communication network 16 includes a known wireless LAN (WLAN), code division multiple access (CDMA), wideband code division multiple access (WCDMA), or global system for mobile communications (GSM) communication network. It is to be understood that the concept is all inclusive. Preferably, the communication network 100 according to the present invention may be a known World Wide Web (WWW).

The controller 10 may perform a function of controlling the flow of data between the display unit 12, the storage unit 14, and the communication unit 16. That is, the controller 10 controls the flow of data to and from the outside or between the respective components in the terminal 100, so that the display unit 12, the storage unit 14, and the communication unit 16 each have a unique function. It can be controlled to perform.

The display unit 12 may be attached with a touch sensor for supporting a user to select various menu screens displayed on the screen or to input data, and display contents corresponding to the selected menu or input data. Can be. The display unit 12 may display a web browser on the screen under the control of the controller 10 when a menu for enabling Internet access is selected among the menus of various menu screens displayed on the screen.

The storage unit 14 may store various programs for supporting various functions including an internet access program and a media player program.

The communication unit 16 may transmit and receive data between the terminal 100 and external devices through a communication network, and may access a web site through the communication unit 16.

FIG. 2 is a flowchart illustrating a method of playing a video included in a web page according to an exemplary embodiment of the present invention, and includes a video through a web browser displayed on a screen by the display unit 12 of FIG. 1. It is for explaining the operation of the web browser when the web page is displayed.

Referring to FIG. 2, first, in order to display a web page including a video, the web browser displays the web browser on the display unit 12 in a state in which a video region of the web page is designated as a transparent region (step 200). . In operation 200, a user interface (UI) such as a video controller of a web page including a control button such as a play button for playing a video may be displayed only by designating only a video region of a web page as a transparent region. have.

When the video play button of the web browser displayed on the display unit 12 is selected, the web browser sends information about the video area in the web page, that is, the location and size information of the video area and the path (URL) information of the video to the media player. Transmit (step 210). In step 210, the media player may be supported by the operating system of the terminal, or may store a separate media player in the terminal. The location and size information of the video region is information about an area where a video is located in a web page of a web browser, and may be information about x and y coordinate values, and thus width and height. The operating system of the terminal will be a concept including a mobile platform such as a smart phone.

The media player is displayed under the transparent area of the web page of the web browser corresponding to the position and size information of the video area of the web page, acquires a video from the path of the video, and plays the video (step 220).

According to one embodiment of the invention, the media player plays the video under a transparent area, particularly under the transparent area of the web page of the web browser, to make the video appear to be present in the web page displayed in the web browser, Make the video playable inline on.

Although not shown, if the pause button is selected during the step 220 of FIG. 2, the media player pauses the playback of the video. If the play button is selected, the media player resumes the playback from the frame image of the last played video. You can start

In addition, if a panning gesture such as panning, flicking, or pinch zoom is input during movie playback, the web browser displays the current frame image of the currently playing movie at the start of the gesture input. Receive a bitmap from a media player.

The bitmap received from the media player may be displayed as a still image on the transparent area of the web page of the web browser while the input of the gesture is continued. At this time, audio playback of the media player may continue.

Finally, at the end of the gesture, the process proceeds to step 200 of FIG. 2 again, and the web browser designates the video area of the changed position as the transparent area, and proceeds to step 210, even if the video play button is not selected again. The web browser transmits the position and size information of the video area back to the media player. In step 220, the media player is displayed in an area corresponding to the position and size information of the video area of the web page to continuously display the video. Can play.

3 illustrates a process of displaying a web browser on a display unit of a device when a web page including a video of an embodiment of the present invention is selected.

So-called container view groups can perform functions for managing media and browsers. When the container is drawn, the container can call the media and browser draw functions. For example, in the case of Android, for example, a view contained in a container can be drawn in an array order. Specifically, when adding a view to a container to implement inline video, it can be added in the order of media and browser. In other words, the container can call the media's draw first and then the browser's draw later. According to this, as shown in FIG. 3, the media and the browser are drawn in order so that users can feel that the video exists in the browser.

Specifically, when a web page including a video is displayed, the web browser places the media player 32 in the designated position and area of the web page of the display unit 12 by the media player view in the order specified by the container view group. The web browser 34 having the moving picture area as the transparent area 40 at the designated position and area of the web page of the web browser of the display unit 12 is displayed on the upper part of the media player 32. Can be displayed. The text may be displayed in an area 42 other than the video of the web page of the web browser 34. In addition, the user interface 36 of the video controller may be displayed together when displaying a web browser.

After the web browser is displayed as shown in FIG. 3, when the play button 38 of the web browser 34 is selected, the process proceeds to step 200 of FIG. 2 and the video is inlined in the web browser by the media player of the terminal. Can play.

According to the present invention, a user interface of a controller of a video can be freely designed using CSS3 (Cascading Style Sheets). CSS3 is a style sheet that pre-stores the overall style of a web page, allowing you to design and change it from time to time.

The embodiments of the present invention described above can be implemented in the form of program instructions that can be executed through various computer components and recorded on a computer-readable recording medium. The computer readable recording medium may include program instructions, data files, data structures, etc. alone or in combination. The program instructions recorded on the recording medium may be specially designed and configured for the present invention, or may be known and available to those skilled in the computer software field. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROMs, DVDs, etc., and magneto-optical media such as floptical disks. And hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be configured to operate as one or more software modules to perform the process according to the invention, and vice versa.

Although the present invention has been described by specific embodiments such as specific components and the like, but the embodiments and the drawings are provided to assist in a more general understanding of the present invention, the present invention is not limited to the above embodiments. For those skilled in the art, various modifications and variations can be made from such descriptions.

Therefore, the spirit of the present invention should not be construed as being limited to the above-described embodiments, and all of the equivalents or equivalents of the claims, as well as the following claims, I will say.

100: terminal
10:
12: display unit
14:
16:

Claims

(a) when displaying a web page on a display through a web browser, designating a video area included in the web page as a transparent area so that the web page is displayed;
(b) if a video playing function is selected through a user interface of a video controller displayed on the display unit, acquiring, by a media player, information on a video region of the web page and path information of the video; And
(c) the media player loading and playing the acquired video with reference to the path information of the video in the transparent area of the web page;
Including;
The information on the video region is information on the size and location of the video region, the path information of the video is information on the URL where the video is located, the method of playing a video included in a web page.

delete

The method of claim 1,
The step (c)
And the media player plays the video under the transparent area of the web page.

The method of claim 1,
A method of playing a video included in a web page, characterized in that by designing by changing the user interface of the video controller using CSS3.

The method of claim 1,
(d) When the pause function is selected through the user interface of the video controller, the media player pauses the play of the video. When the play function is selected again, the media player resumes from the last frame image of the video. A method of playing a video contained in a web page, further comprising the step of playing.

The method of claim 1,
The step (c)
When a gesture for screen movement of a screen displayed on the display unit is input while playing the video, the web browser receives a bitmap of the current frame image of the video from the media player, and transmits the bitmap to the web. And displaying a still image on a transparent area of the web page of the browser.

The method according to claim 6,
The step (c)
And the media player continuously plays the audio of the video until the gesture for moving the screen is ended.

The method according to claim 6,
The step (c)
When the gesture for moving the screen ends, the changed video region of the web page is designated as a transparent region, the position and size information of the video region is transmitted to the media player, and the media player is configured to change the changed video region of the web page. And displaying the video in the transparent area corresponding to the position and size information of the video area to continuously play the video.

The method according to claim 6,
The gesture for moving the screen is
A method of playing a video embedded in a web page, characterized in that one of the functions of panning, flicking, pinch zoom.

The method of claim 1,
The terminal is
Method of playing a video contained in a web page, characterized in that the smart phone or tablet PC.

A display unit which displays a menu for internet access and displays a web browser when the menu for internet access is selected;
A storage unit which stores an internet access program and a media player program; And
If the menu for the Internet connection is selected, including a control unit for controlling to display the web browser to the display unit by executing the Internet access program,
If the web browser designates a video region included in the web page as a transparent region and displays the video on the display unit, and a video play function is selected through a user interface of the video controller displayed on the display unit, the web browser displays the Transmitting information about a video area of a web page and path information of the video to the media player, and loading and playing the video by referring to the path information of the video in a transparent area of the web page. Play a video embedded in a featured web page,
And the information about the video region is information about the size and location of the video region, and the path information of the video is information about a URL where the video is located.

delete

The method of claim 11,
And the media player plays the video under the transparent area of the web page.

The method of claim 11,
Apparatus for playing a video contained in a web page, characterized in that by designing by changing the user interface of the video controller using CSS3.

The method of claim 11,
When the pause function is selected through the user interface of the video controller, the media player pauses playback of the video. When the play function is selected again, the media player resumes playing from the frame image of the last played video. A device for playing a video contained in a web page characterized in that.

The method of claim 11,
When a gesture for screen movement of a screen displayed on the display unit is input while playing the video, the web browser receives a bitmap of the current frame image of the video from the media player, and transmits the bitmap to the web. And displaying a still image in a transparent area of the web page of the browser.

17. The method of claim 16,
And the media player continuously plays the audio of the video until the gesture for moving the screen ends.

17. The method of claim 16,
When the gesture for moving the screen ends, the web browser designates the changed video region of the web page as a transparent region, and the web browser transmits the position and size information of the video region to the media player, and the media And a player is displayed on the transparent area corresponding to the position and size information of the changed video area of the web page to continuously play the video.

17. The method of claim 16,
The gesture for moving the screen is
Apparatus for playing a video contained in a web page, characterized in that the function of one of panning, flicking and pinch zoom.

The method of claim 11,
The device
Device for playing a video contained in a web page, characterized in that the smart phone or tablet PC.

A computer-readable recording medium for recording a computer program for executing the method according to any one of claims 1 and 3 to 10.