JP2011227800A - Electronic equipment, displaying method and displaying program - Google Patents

Abstract

Provided is a display device capable of browsing a hand-drawn image input in the past together with a corresponding moving image.
A display device includes a memory, a touch panel for displaying a background image, and a processor for receiving an input of a hand-drawn image via the touch panel and displaying the background image and the hand-drawn image on the touch panel. Including. The display device receives an input of a command for erasing the hand-drawn image superimposed on the background image, and stores the background image and the hand-drawn image displayed on the touch panel when the command is input in the memory as history information. Based on the history information, the background image and the hand-drawn image are displayed on the touch panel in an overlapping manner.
[Selection] Figure 4

Description

  The present invention relates to an electronic device that can reproduce a moving image, a display method, and a display program, and more particularly, to an electronic device that can display a handwritten image, a display method, and a display program.

  A display device that can display a moving image by receiving one-segment broadcasting or receiving streaming data is known.

  A network system is also known in which a plurality of display devices connectable to the Internet exchange hand-drawn images in real time. For example, a server / client system, a P2P (Peer to Peer) system, etc. are mentioned. In such a network system, each display device transmits and receives hand-drawn images and text data. Each of the display devices displays a handwritten image or text on the display based on the received data.

  For example, JP 2006-4190 A (Patent Document 1) discloses a chat service system for mobile phones. According to Japanese Patent Laying-Open No. 2006-4190 (Patent Document 1), a moving image display area and a character display area are displayed on the browser display screen of the terminal for a large number of mobile phone terminals and operator web terminals connected via the Internet. A chat server between the mobile phone terminal and the operator web terminal and the chat data consisting of character data as well as the distribution server for distributing the video data stream-displayed in the video display area A chat server to be displayed in the character display area, and each of the operator web terminals forms an independent chat channel for each mobile phone terminal with respect to the plurality of mobile phone terminals.

JP 2006-4190 A

  A user may want to draw a hand-drawn image on a moving image. The user may want to draw a handwritten image related to the scene or frame of the moving image being played back. However, conventionally, after an input hand-drawn image is erased or after a scene of a moving image is switched, a hand-drawn image input in the past cannot be browsed together with the corresponding moving image.

  The present invention has been made to solve such a problem, and an object thereof is to an electronic device, a display method, and a display program that can browse a hand-drawn image input in the past together with a corresponding moving image.

  According to one aspect of the present invention, a memory, a touch panel for displaying a background image, a processor for receiving input of a hand-drawn image via the touch panel, and displaying the background image and the hand-drawn image on the touch panel, An electronic device is provided. The processor receives an input of a command for erasing the hand-drawn image superimposed on the background image, stores the background image and the hand-drawn image displayed on the touch panel when the command is input, as history information in a memory, Based on the history information, the background image and the hand-drawn image are displayed on the touch panel in an overlapping manner.

Preferably, the touch panel displays a moving image. The background image includes a moving image frame.
Preferably, when the scene of the moving image displayed on the touch panel is switched, the processor stores the frame of the moving image displayed on the touch panel immediately before the switching and the hand-drawn image in the memory as history information.

  Preferably, the processor erases the hand-drawn image on the moving image when the moving image scene is switched.

Preferably, the processor erases the hand-drawn image on the background image in response to the instruction.
Preferably, the processor displays a hand-drawn image on the background image while displaying the background image on the first area of the touch panel, and displays the background image on the second area of the touch panel based on the history information. Overlay with hand-drawn image.

  Preferably, the electronic device further includes an antenna for receiving a background image from the outside.

  Preferably, the electronic device further includes a communication interface for communicating with another electronic device via a network. The processor transmits the hand-drawn image input via the touch panel via the communication interface to another electronic device, receives the hand-drawn image from the other electronic device, and superimposes the background image on the touch panel. The hand-drawn image input through the electronic device and the hand-drawn image from another electronic device are displayed, and the hand-drawn image input from the other electronic device is stored in the memory as history information together with the hand-drawn image input through the touch panel.

  Preferably, the processor stores paint data obtained by combining the hand-drawn image and the background image in the memory as history information.

  Preferably, the processor stores the paint data indicating the hand-drawn image and the paint data indicating the background image in association with each other in the memory as history information.

  Preferably, the processor associates the draw data indicating the hand-drawn image with the paint data indicating the background image and stores them in the memory as history information.

  According to another aspect of the present invention, a display method in a computer including a memory, a touch panel, and a processor is provided. The display method includes a step in which a processor displays a background image on the touch panel, a step in which the processor receives an input of a hand-drawn image via the touch panel, and a processor overlaps the background image and the hand-drawn image on the touch panel. A step of displaying, a step of accepting an input of a command for the processor to erase a hand-drawn image superimposed on the background image, and a background image and a hand-drawn image displayed on the touch panel when the processor inputs the command Are stored in the memory as history information, and the processor causes the touch panel to display a background image and a hand-drawn image on the touch panel based on the history information.

  According to another aspect of the present invention, a display program for displaying an image on a computer including a memory, a touch panel, and a processor is provided. A step of causing the processor to display a background image on the touch panel, a step of accepting an input of a hand-drawn image via the touch panel, a step of displaying the background image and the hand-drawn image on the touch panel and displaying the background image superimposed on the background image. A step of receiving an input of a command for deleting the hand-drawn image, a step of storing the background image and the hand-drawn image displayed on the touch panel when the command is input in the memory as history information, and based on the history information The step of superimposing the background image and the hand-drawn image on the touch panel is executed.

  As described above, according to the present invention, an electronic device, a display method, and a display program that can browse a hand-drawn image input in the past together with a corresponding moving image are provided.

It is the schematic which shows an example of the network system which concerns on this Embodiment. It is a sequence diagram which shows the operation | movement outline | summary in the network system which concerns on this Embodiment. It is the image figure which showed transition of the display screen of the display apparatus along the operation | movement outline | summary which concerns on this Embodiment. It is an image figure which shows the operation | movement outline | summary regarding transmission / reception of the hand-drawn image which concerns on this Embodiment. It is an image figure which shows the external appearance of the mobile telephone which concerns on this Embodiment. It is a block diagram which shows the hardware constitutions of the mobile telephone which concerns on this Embodiment. It is an image figure which shows the various data structures which comprise the memory which concerns on this Embodiment. It is a block diagram which shows the hardware constitutions of the chat server which concerns on this Embodiment. It is an image figure which shows the data structure of the room management table memorize | stored in the memory or fixed disk of the chat server which concerns on this Embodiment. It is a flowchart which shows the process sequence of the P2P communication process in the network system which concerns on this Embodiment. It is an image figure which shows the data structure of the transmission data which concerns on this Embodiment. It is a flowchart which shows the process sequence of the input process in the mobile telephone which concerns on this Embodiment. It is a flowchart which shows the process sequence of the setting process of the pen information in the mobile telephone which concerns on this Embodiment. It is a flowchart which shows the process sequence of the handwriting process in the mobile telephone which concerns on this Embodiment. It is an image figure which shows the data which show the hand-drawn image which concerns on this Embodiment. It is a flowchart which shows the process sequence of the display process in the mobile telephone which concerns on this Embodiment. It is a flowchart which shows the process sequence of the application example of the display process in the mobile telephone which concerns on this Embodiment. 4 is a flowchart showing a processing procedure of handwritten image display processing in the mobile phone according to Embodiment 1; 4 is a flowchart showing a processing procedure of first history creation processing in the mobile phone according to Embodiment 1; It is an image figure showing history data concerning the 1st history creation processing. It is a figure which shows the data structure of the log | history information which concerns on a 1st log | history creation process. 6 is a flowchart showing a processing procedure of second history creation processing in the mobile phone according to Embodiment 1; It is an image figure showing history data concerning the 2nd history creation processing. It is a figure which shows the data structure of the log | history information which concerns on a 2nd log | history creation process. 7 is a flowchart showing a processing procedure of third history creation processing in the mobile phone according to Embodiment 1; It is an image figure which shows the historical data which concerns on a 3rd log | history creation process. It is a figure which shows the data structure of the log | history information which concerns on a 3rd log | history creation process. 10 is a flowchart showing a processing procedure of handwritten image display processing in the mobile phone according to Embodiment 2. 10 is a flowchart showing a processing procedure of first history creation processing in the mobile phone according to Embodiment 2. 10 is a flowchart showing a processing procedure of second history creation processing in the mobile phone according to the second embodiment. 11 is a flowchart showing a processing procedure of third history creation processing in the mobile phone according to Embodiment 2.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings. In the following description, the same parts are denoted by the same reference numerals. Their names and functions are also the same. Therefore, detailed description thereof will not be repeated.

  Hereinafter, the mobile phone 100 will be described as a representative example of the “display device”. However, a display device such as a personal computer, a car navigation device (Satellite navigation system), a PND (Personal Navigation Device), a PDA (Personal Data Assistance), a game machine, an electronic dictionary, an electronic BOOK, etc. It may be an information device. Note that the display device is preferably an information communication device that can be connected to a network and can transmit and receive data to and from other devices.

[Embodiment 1]
<Overall configuration of network system 1>
First, the overall configuration of the network system 1 according to the present embodiment will be described. FIG. 1 is a schematic diagram showing an example of a network system 1 according to the present embodiment. As shown in FIG. 1, a network system 1 includes mobile phones 100A, 100B, and 100C, a chat server (first server device) 400, a content server (second server device) 600, and a broadcasting station (TV broadcast). Antenna) 650, the Internet (first network) 500, and a carrier network (second network) 700. The network system 1 according to the present embodiment includes a car navigation device 200 mounted on a vehicle 250 and a personal computer (PC) 300.

  In order to facilitate understanding, in the following, network system 1 according to the present embodiment includes first mobile phone 100A, second mobile phone 100B, and third mobile phone 100C. Will be described. Further, when the common configurations and functions of the mobile phones 100A, 100B, and 100C are described, they are also collectively referred to as the mobile phone 100. And when describing a structure and a function common to each of the mobile phones 100A, 100B, 100C, the car navigation device 200, and the personal computer 300, they are also collectively referred to as a display device.

  The mobile phone 100 is configured to be connectable to the carrier network 700. The car navigation device 200 is configured to be connectable to the Internet 500. The personal computer 300 is configured to be connectable to the Internet 500 via a LAN (Local Area Network) 350 or a WAN (Wide Area Network). Chat server 400 is configured to be connectable to the Internet 500. The content server 600 is configured to be connectable to the Internet 500.

  More specifically, the first mobile phone 100A, the second mobile phone 100B, the third mobile phone 100C, the car navigation device 200, and the personal computer 300 are the Internet 500, the carrier network 700, and mail transmission. It is possible to connect to each other via a server (chat server 400 in FIG. 2), and to transmit / receive data to / from each other.

  In the present embodiment, identification information (for example, an e-mail address or an IP (Internet Protocol) address) for identifying the terminal itself is assigned to the mobile phone 100, the car navigation device 200, and the personal computer 300. The mobile phone 100, the car navigation device 200, and the personal computer 300 can store identification information of other display devices in an internal recording medium. The mobile phone 100, the car navigation device 200, and the personal computer 300 can transmit and receive data to and from other display devices via the carrier network 700, the Internet 500, and the like based on the identification information.

  The cellular phone 100, the car navigation device 200, and the personal computer 300 according to the present embodiment use the IP address assigned to the other display device, and the other display device and data without using the servers 400 and 600. It is possible to send and receive. That is, the mobile phone 100, the car navigation device 200, and the personal computer 300 included in the network system 1 according to the present embodiment can constitute a so-called P2P (Peer to Peer) type network.

  Here, when each display device accesses the chat server 400, that is, when each display device accesses the Internet, an IP address is assigned by the chat server 400 or another server device (not shown). Details of the IP address assignment process are well known, and therefore the description will not be repeated here.

  In addition, broadcasting station 650 according to the present embodiment transmits terrestrial digital broadcasting. For example, the broadcast station 650 transmits a one-segment broadcast. The mobile phone 100, the car navigation device 200, and the personal computer 300 receive the one-segment broadcasting. Users of the mobile phone 100, the car navigation device 200, and the personal computer 300 can view a television program (video content) received from the broadcast station 650.

  The mobile phone 100, the car navigation device 200, and the personal computer 300 receive Internet TV and other moving image contents from the content server 600 via the Internet 500 at substantially the same time. Users of the mobile phone 100, the car navigation device 200, and the personal computer 300 can view the moving image content from the content server 600.

<Overview of overall operation of network system 1>
Next, an outline of the operation of the network system 1 according to the present embodiment will be described. FIG. 2 is a sequence diagram showing an outline of operation in the network system 1 according to the present embodiment. 2, the content server 600 and the broadcast station 650 in FIG. 1 are collectively referred to as a content transmission device.

  As shown in FIGS. 1 and 2, each display device according to the present embodiment needs to exchange (acquire) each other's IP address first in order to perform P2P type data transmission / reception. Each display device acquires an IP address and then transmits a message, an attached file, and the like to other display devices by P2P type data transmission / reception.

  Below, the case where each display apparatus transmits / receives mutual identification information (IP address etc.), a message, and an attached file via the chat room produced | generated by the chat server 400 is demonstrated. A case will be described in which first mobile phone 100A generates a new chat room in chat server 400 and invites second mobile phone 100B to the chat room.

  First, first mobile phone 100A (terminal A in FIG. 2) requests IP registration (login) from chat server 400 (step S0002). First mobile phone 100A may obtain an IP address at the same time, or may obtain an IP address in advance. More specifically, the first mobile phone 100A transmits the mail address, IP address, and first address of the first mobile phone 100A to the chat server 400 via the carrier network 700, the mail transmission server (chat server 400), and the Internet 500. 2 sends the mail address of the mobile phone 100B and a message requesting the generation of a new chat room.

  Chat server 400 stores the mail address of first mobile phone 100A in association with the IP address in response to the request. Then, chat server 400 generates a room name based on the mail address of first mobile phone 100A and the mail address of second mobile phone 100B, and generates a chat room with the room name. At this time, chat server 400 may notify first mobile phone 100A that the generation of the chat room has been completed. Chat server 400 stores room names and IP addresses of participating display devices in association with each other.

  Alternatively, first mobile phone 100A generates a room name of a new chat room based on the mail address of first mobile phone 100A and the mail address of second mobile phone 100B, and chats the room name. Send to server 400. Chat server 400 generates a new chat room based on the room name.

  The first mobile phone 100A transmits a P2P participation request mail indicating that a new chat room has been generated, that is, an invitation to the chat room, to the second mobile phone 100B (steps S0004 and S0006). More specifically, the first mobile phone 100A transmits a P2P participation request email to the second mobile phone 100B via the carrier network 700, a mail transmission server (chat server 400), and the Internet 500 (step S0004, Step S0006). However, the chat server 400 may also serve as the content server 600.

  When the second mobile phone 100B receives the P2P participation request email (step S0006), the second mobile phone 100B generates a room name based on the email address of the first mobile phone 100A and the email address of the second mobile phone 100B, and chats. A message to join the chat room having the mail address, IP address, and room name of second mobile phone 100B is transmitted to server 400 (step S0008). Second mobile phone 100B may acquire the IP address at the same time, or may access chat server 400 after acquiring the IP address first.

  Chat server 400 accepts the message, determines whether or not the email address of second mobile phone 100B corresponds to the room name, and then sets the email address of second mobile phone 100B to the IP address. Store in association with. Then, chat server 400 transmits to first mobile phone 100A the fact that second mobile phone 100B has joined the chat room and the IP address of second mobile phone 100B (step S0010). At the same time, chat server 400 transmits to second mobile phone 100B that it has accepted participation in the chat room and the IP address of first mobile phone 100A.

  First mobile phone 100A and second mobile phone 100B acquire the other party's mail address and IP address and authenticate each other (step S0012). When authentication is completed, first mobile phone 100A and second mobile phone 100B start P2P communication (chat communication) (step S0014). An outline of the operation during P2P communication will be described later.

  First mobile phone 100A transmits a message to the effect of disconnecting the P2P communication to second mobile phone 100B (step S0016). Second mobile phone 100B transmits a message to the first mobile phone 100A that it has received a request to disconnect (step S0018). First mobile phone 100A transmits a request to delete chat room to chat server 400 (step S0020). Chat server 400 deletes the chat room.

  Hereinafter, the operation outline of the network system 1 according to the present embodiment will be described more specifically with reference to FIG. 2 and FIG. 3. FIG. 3 is an image diagram showing transition of the display screen of the display device along the operation outline according to the present embodiment. In the following description, the first mobile phone 100A and the second mobile phone 100B transmit and receive an input handwritten image while displaying the content acquired from the broadcast station 650 or the content server 600 as a background. To do.

  As shown in FIG. 3A, first, the first mobile phone 100A receives and displays content such as a TV program. When the user of first mobile phone 100A wants to chat with the user of second mobile phone 100B while watching a TV program, first mobile phone 100A accepts a command to start chatting. As shown in FIG. 3B, first mobile phone 100A accepts the other user's selection command.

  Here, as shown in FIG. 3C, first mobile phone 100A transmits information for specifying a TV program to second mobile phone 100B via a mail transmission server (chat server 400). (Step S0004). As shown in FIG. 3D, second mobile phone 100B receives information from first mobile phone 100A (step S0006). Second mobile phone 100B receives and displays the TV program based on the information.

  Note that both the first mobile phone 100A and the second mobile phone 100B may receive video content such as a TV program from the broadcast station 650 or the content server 600 after the P2P communication is started, that is, during the P2P communication. .

  As shown in FIG. 3E, the first mobile phone 100A can repeat mail transmission without P2P communication with the second mobile phone 100B. When mail transmission is completed, first mobile phone 100A registers its own IP address in chat server 400, and a new one is created based on the mail address of first mobile phone 100A and the mail address of second mobile phone 100B. A request is made to generate a chat room (step S0002).

  As shown in FIG. 3 (F), second mobile phone 100B accepts a command to start chatting, and sends chat room 400 a message indicating that the room name and chat room are to be joined, and its own IP address. Are transmitted (step S0008). The first mobile phone 100A acquires the IP address of the second mobile phone 100B, the second mobile phone 100B acquires the IP address of the first mobile phone 100A (step S0010), and authenticates each other. (Step S0012).

  As a result, as shown in FIGS. 3G and 3H, the first mobile phone 100A and the second mobile phone 100B can perform P2P communication (hand-drawn chat communication) (step S0014). . That is, first mobile phone 100A and second mobile phone 100B according to the present embodiment transmit and receive data indicating an input hand-drawn image during reproduction of moving image content.

  More specifically, in the present embodiment, first mobile phone 100A receives a handwritten image input from the user and displays the handwritten image on the moving image content. First mobile phone 100A transmits the hand-drawn image to second mobile phone 100B. Second mobile phone 100B displays a handwritten image on the moving image content based on the hand-drawn image from first mobile phone 100A.

  Conversely, the second mobile phone 100B also receives an input of a handwritten image from the user and displays the handwritten image on the moving image content. Second mobile phone 100B transmits the hand-drawn image to first mobile phone 100A. Second mobile phone 100B displays a handwritten image on the moving image content based on the hand-drawn image from first mobile phone 100A.

  As will be described later, in network system 1 according to the present embodiment, when either first mobile phone 100A or second mobile phone 100B receives a clear command for a hand-drawn image from a user, The first mobile phone 100A and the second mobile phone 100B store images displayed on the display 107 as history information. More specifically, when one of the first mobile phone 100A and the second mobile phone 100B receives a clear command, both frames of the moving image content (still image) displayed on the display 107 are displayed. And the hand-drawn image are stored, and the displayed hand-drawn image is erased from the display 107.

  In the network system 1 according to the present embodiment, the first mobile phone 100A and the second mobile phone 100B are displayed on the display 107 immediately before switching when the scene of the moving image content is switched. Is stored as history information. More specifically, the first mobile phone 100A and the second mobile phone 100B store and display the frames and hand-drawn images of the moving image content displayed on the display 107 immediately before the scene is switched. The hand-drawn image is erased from the display 107.

  Then, after the first mobile phone 100A disconnects the P2P communication (steps S0016 and S0018), as shown in FIG. 3I, the second mobile phone 100B sends an e-mail to the first mobile phone 100A or the like. It can be performed. Note that it is also possible to perform P2P communication by the TCP / IP communication method and mail transmission / reception by the HTTP communication method. That is, it is possible to send and receive mail during P2P communication.

<Outline of operation regarding transmission / reception of hand-drawn image in network system 1>
Next, an outline of operation related to transmission / reception of hand-drawn images, that is, an outline of operation of network system 1 during chat communication will be described in detail. FIG. 4 is an image diagram showing an outline of operations related to transmission / reception of hand-drawn images. Hereinafter, a case where the first mobile phone 100A and the second mobile phone 100B are performing chat communication will be described.

  Referring to FIGS. 4A-1 and B-1, first mobile phone 100A and second mobile phone 100B receive the same moving image content (for example, a TV program) from broadcast station 650 or content server 600. And the moving image content is displayed in the first area 102A. At this time, the third mobile phone 100C not participating in the chat communication may also receive and display the same moving image content.

  When the user of the first mobile phone 100A inputs a hand-drawn image in the first area 102A of the touch panel 102, the hand-drawn image input by the touch panel 102 is displayed in the first area 102A. That is, first mobile phone 100A displays a hand-drawn image over the moving image content. First mobile phone 100A sequentially transmits data relating to the hand-drawn image to second mobile phone 100B.

  Second mobile phone 100B receives the hand-drawn image from first mobile phone 100A, and displays the hand-drawn image in first area 102A of touch panel 102. That is, the first mobile phone 100A and the second mobile phone 100B display the same hand-drawn image on the moving image while reproducing the same moving image.

  Referring to FIG. 4A-2, the user of first mobile phone 100A presses a clear button (hand-drawn image reset button) via touch panel 102. First mobile phone 100A transmits a message indicating that the clear button has been pressed to second mobile phone 100B.

  The touch panel 102 hides the hand-drawn image input so far. More specifically, the touch panel 102 erases only the hand-drawn image from the first area 102A. First mobile phone 100A stores, as history information, the hand-drawn image and moving image frame that were displayed when the clear button was pressed.

  In the present embodiment, first mobile phone 100A has a hand-drawn image and a moving image frame displayed when clear button is pressed in second area 102B of touch panel 102 based on the history information. Are displayed in layers. At this time, first mobile phone 100A continues to play the moving image content in first area 102A of touch panel 102.

  Referring to FIG. 4B-2, second mobile phone 100B receives the message and hides the hand-drawn image input so far. More specifically, the touch panel 102 erases only the hand-drawn image from the first area 102A. Second mobile phone 100B stores, as history information, a hand-drawn image and a moving image frame that are displayed when the clear button of first mobile phone 100A is pressed (or when a message is received).

  Based on the history information, second mobile phone 100 </ b> B displays a hand-drawn image and a moving image frame that were displayed when the clear button was pressed, in second area 102 </ b> B of touch panel 102. At this time, the second mobile phone 100B continues to play the moving image content in the first area 102A of the touch panel 102.

  Referring to FIG. 4B-3, when the user of second mobile phone 100B inputs a hand-drawn image in first area 102A of touch panel 102, the hand-drawn image input on touch panel 102 is displayed in the first area. 102A. Second mobile phone 100B sequentially transmits data relating to the hand-drawn image to second mobile phone 100A. Referring to FIG. 4A-3, first mobile phone 100A receives the hand-drawn image from second mobile phone 100B and displays the hand-drawn image in first area 102A of touch panel 102.

  Referring to FIG. 4A-4, when the user of first mobile phone 100A inputs a hand-drawn image in first area 102A of touch panel 102, the hand-drawn image input on touch panel 102 is displayed in the first area. 102A. First mobile phone 100A sequentially transmits data relating to the hand-drawn image to second mobile phone 100B.

  In this way, both the first mobile phone 100A and the second mobile phone 100B display the same hand-drawn image in the first area 102A while reproducing the same moving image in the first area 102A. . However, FIG. 4 (B-4) shows an image diagram when a network failure occurs, as described below.

  First mobile phone 100A and second mobile phone 100B according to the present embodiment always determine whether or not the scene of the moving image content being displayed has changed. For example, the first mobile phone 100A and the second mobile phone 100B determine whether the scene has been cut by determining whether the scene number has changed and whether the amount of change in the image is greater than or equal to a predetermined value. It is determined whether or not it has been changed.

  Referring to FIGS. 4A-5 and B-5, when the scene of the moving image content is switched, touch panel 102 of first mobile phone 100A and second mobile phone 100B has been input so far. Hide hand-drawn images. The first mobile phone 100A and the second mobile phone 100B store, as history information, a hand-drawn image and a moving image frame (last still image of the scene) displayed immediately before the scene is switched.

  In the present embodiment, the first mobile phone 100A and the second mobile phone 100B are hand-drawn displayed in the third area 102C of the touch panel 102 immediately before the scene is switched based on the history information. Display the image and the frame of the movie in an overlapping manner. At this time, the first mobile phone 100A and the second mobile phone 100B continue to play moving image content in the first area 102A of the touch panel 102.

  Similarly, referring to FIGS. 4A-6 and B-6, when the scene of the moving image content is further switched, the touch panel 102 of the first mobile phone 100A and the second mobile phone 100B is not changed so far. Hide the hand-drawn image input in. Here, since the hand-drawn image is not input before the scene is switched, it is not necessary to hide the hand-drawn image. That is, in the present embodiment, when a hand-drawn image is not displayed (on the moving image being played back) in first area 102A when the scene changes, first mobile phone 100A and second mobile phone With 100B, it is not necessary to store the hand-drawn image and the frame of the moving image (the last frame of the scene).

  However, as another embodiment, when a hand-drawn image is not displayed (on the moving image being played back) in the first area 102A when the scene changes, the first mobile phone 100A and the second mobile phone It is also possible for the telephone 100B to store only moving image frames as history information.

  Referring to FIGS. 4A-4 and B-4, in the present embodiment, even if a failure occurs in the network between first mobile phone 100A and second mobile phone 100B. The first mobile phone 100A and the second mobile phone 100B can store the same history information. That is, even if a failure occurs in the network, both the first mobile phone 100A and the second mobile phone 100B store the input hand-drawn image and the frame of the moving image content corresponding to the input time in association with each other. Is possible.

  As will be described later, the first mobile phone 100A and the second mobile phone 100B transmit the input hand-drawn image together with information indicating the input timing. Here, the input timing includes the time when a hand-drawn image is input, the scene number or frame number of a moving image displayed when the hand-drawn image is input, and the like.

  Thus, the hand-drawn image receiving side (second mobile phone 100B in FIG. 4) stores the hand-drawn image as history information in association with the frame of the corresponding moving image content, or overwrites and saves the history information. be able to. As a result, as shown in FIG. 4 (B-5), the third region 102C of the first mobile phone 100A and the third region 102C of the second mobile phone 100B display the same history image. be able to.

  Thus, in network system 1 according to the present embodiment, first mobile phone 100A and second mobile phone 100B display a hand-drawn image and a moving image displayed when the hand-drawn image is input. The frames (still image data) are associated with each other and stored as history information. Therefore, the first mobile phone 100A and the second mobile phone 100B display the hand-drawn image together with the frame of the moving image displayed when the hand-drawn image is input by referring to the history information. be able to.

  In particular, in network system 1 according to the present embodiment, first mobile phone 100A and second mobile phone 100B receive a hand-drawn image and a command for erasing (resetting) the hand-drawn image. Are stored as history information in association with the frame of the moving image displayed at the time of recording. Therefore, the first mobile phone 100A and the second mobile phone 100B refer to the history information, and when a command for erasing (resetting) the hand-drawn image is input. It can be displayed with the frame of the moving image being displayed.

  Alternatively, in network system 1 according to the present embodiment, when a scene of a moving image is switched while a hand-drawn image is displayed, first mobile phone 100A and second mobile phone 100B The hand-drawn image and the moving image frame immediately before the scene change are associated with each other and stored as history information. Therefore, the first mobile phone 100A and the second mobile phone 100B can display the hand-drawn image together with the frame of the moving image immediately before the scene changes by referring to the history information.

  In the present embodiment, the moving image being played and the hand-drawn image are displayed in the first area 102A of the touch panel 102 so as to overlap each other, and the frame and the hand-drawn image are displayed in the second area 102B (102C) of the touch panel 102. And are displayed in an overlapping manner. That is, the moving image and the history image being reproduced are displayed side by side on the touch panel 102 at the same time.

  However, the display device may switch between the first mode and the second mode in response to a switching command from the user. In other words, the display device may display the moving image being reproduced and the hand-drawn image on the touch panel 102 in the first mode. The display device may display a frame and a hand-drawn image on the touch panel 102 in the second mode.

  As described above, in the display device according to the present embodiment, the screen when the hand-drawn image is input (first region 102A) and the screen for displaying the hand-drawn image as a history (second region 102B). And the difference is smaller. As a result, the intention of the user when inputting the hand-drawn image is more accurately transmitted to the user or the communication partner.

  Hereinafter, the configuration of the network system 1 for realizing such a function will be described in detail.

<Hardware configuration of mobile phone 100>
A hardware configuration of mobile phone 100 according to the present embodiment will be described. FIG. 5 is an image diagram showing an appearance of mobile phone 100 according to the present embodiment. FIG. 6 is a block diagram showing a hardware configuration of mobile phone 100 according to the present embodiment.

  As shown in FIGS. 5 and 6, the mobile phone 100 according to the present embodiment includes a communication device 101 that transmits / receives data to / from an external network, a TV antenna 113 that receives television broadcasts, programs, and various types of programs. A memory 103 for storing a database, a CPU (Central Processing Unit) 106, a display 107, a microphone 108 to which external audio is input, a speaker 109 for outputting audio, and various buttons 110 for receiving input of various types of information; It includes a first notification unit 111 that outputs a voice indicating that communication data or a call signal from the outside has been received, and a second notification unit 112 that displays that the communication data or call signal from the outside has been received.

  Display 107 according to the present embodiment realizes touch panel 102 formed of a liquid crystal panel or a CRT. That is, in the mobile phone 100 according to the present embodiment, the pen tablet 104 is laid on the upper side (front side) of the display 107. Thereby, the user can input graphic information and the like into the CPU 106 by handwriting via the pen tablet 104 by using the stylus pen 120 or the like.

  Note that the user can also perform handwriting input by the following method. That is, by using a special pen that outputs infrared light and sound waves, the movement of the pen is determined by a receiving unit that receives infrared light and sound waves transmitted from the pen. In this case, by connecting the receiving unit to a device that stores the trajectory, the CPU 106 can receive the trajectory output from the device as handwritten input.

  Alternatively, the user can write a handwritten image on the electrostatic panel using a finger or an electrostatic-compatible pen.

  In this way, the display 107 (touch panel 102) displays an image or text based on the data output from the CPU 106. For example, the display 107 displays moving image content received via the communication device 101 or the TV antenna 113. The display 107 displays the handwritten image superimposed on the moving image content based on the hand-drawn image received via the tablet 104 or the hand-drawn image received via the communication device 101.

  Various buttons 110 receive information from the user by a key input operation or the like. For example, the various buttons 110 include a TEL button 110A for accepting a call or making a call, a mail button 110B for accepting a mail or sending a mail, accepting P2P communication, or performing P2P communication. P2P button 110C for issuing, address book button 110D for calling up address book data, and end button 110E for ending various processes. That is, when receiving the P2P participation request mail via the communication device 101, the various buttons 110 accept from the user an instruction to participate in the chat room, an instruction to display the contents of the mail, and the like.

  The various buttons 110 may include a button for receiving a command for starting handwritten input, that is, a button for receiving a first input. Various buttons 110 may include a button for receiving a command for ending handwriting input, that is, a button for receiving a second input.

  The first notification unit 111 outputs a ring tone through the speaker 109 or the like. Alternatively, the first notification unit 111 has a vibration function. The first notification unit 111 outputs a voice or vibrates the mobile phone 100 when an incoming call is received, a mail is received, or a P2P participation request mail is received.

  The second notification unit 112 includes a TEL LED (Light Emitting Diode) 112A that flashes when an incoming call is received, a mail LED 112B that flashes when a mail is received, and a P2P LED 112C that flashes when a P2P communication is received. including.

  CPU 106 controls each unit of mobile phone 100. For example, the CPU 106 receives various commands from the user via the touch panel 102 and various buttons 110, executes processing corresponding to the commands, and transmits / receives data to / from an external display device via the communication device 101 or the network. To go.

  Communication device 101 converts communication data from CPU 106 into a communication signal and transmits the communication signal to the outside. The communication device 101 converts communication signals received from the outside into communication data, and inputs the communication data to the CPU 106.

  The memory 103 is realized by a RAM (Random Access Memory) that functions as a working memory, a ROM (Read Only Memory) that stores a control program, a hard disk that stores image data, and the like. FIG. 7A is an image diagram showing the data structure of various work memories 103 </ b> A that constitute the memory 103. FIG. 7B is an image diagram showing the address book data 103B stored in the memory 103. FIG. 7C is an image diagram showing the terminal data 103 </ b> C stored in the memory 103. FIG. 7D is an image diagram showing the IP address data 103D of the own terminal and the IP address data 103E of another terminal stored in the memory 103.

  As shown in FIG. 7A, the work memory 103A of the memory 103 includes an RCVTELNO area for storing a caller's telephone number, an RCVMAIL area for storing information about received mail, and a SENDMIL area for storing information about outgoing mail. A SEL area for storing the memory No. of the generated address, a ROOMNAME area for storing the generated room name, and the like. Note that the work memory 103A may not store a telephone number. The information related to the received mail includes the mail text stored in the MAIN area and the mail address of the mail transmission source stored in the RCVMAIL FROM area. The information regarding the outgoing mail includes the mail text stored in the MAIN area and the mail address of the mail destination stored in the TO area of RCVMAIL.

  As shown in FIG. 7B, in the address book data 103B, a memory No. is associated with each destination (other display device). The address book data 103B stores a name, a telephone number, a mail address, and the like in association with each other for each destination.

  As shown in FIG. 7C, the own terminal data 103C stores the name of the user of the own terminal, the telephone number of the own terminal, the mail address of the own terminal, and the like.

  As shown in FIG. 7D, the own terminal IP address data 103D stores the own terminal IP address. The IP address data 103E of the other terminal stores the IP address of the other terminal.

  Each of the cellular phones 100 according to the present embodiment uses the data shown in FIG. 7 to transmit data to and from other display devices in the manner described above (see FIGS. 1 to 3). Can be sent and received.

<Hardware Configuration of Chat Server 400 and Content Server 600>
Next, the hardware configuration of chat server 400 and content server 600 according to the present embodiment will be described. Below, the hardware configuration of the chat server 400 will be described first.

  FIG. 8 is a block diagram showing a hardware configuration of chat server 400 according to the present embodiment. As shown in FIG. 8, chat server 400 according to the present embodiment includes CPU 405, memory 406, fixed disk 407, and server communication device 409 that are connected to each other via internal bus 408.

  The memory 406 stores various types of information. For example, the memory 406 temporarily stores data necessary for execution of a program by the CPU 405. The fixed disk 407 stores a program executed by the CPU 405 and a database. The CPU 405 controls each element of the chat server 400 and is a device that performs various calculations.

  The server communication device 409 converts the data output from the CPU 405 into an electrical signal and transmits it to the outside, and converts the electrical signal received from the outside into data and inputs it to the CPU 405. Specifically, the server communication device 409 transmits data from the CPU 405 to the mobile phone 100, the car navigation device 200, the personal computer 300, the game machine, the electronic dictionary, the electronic BOOK, etc. via the Internet 500, the carrier network 700, and the like. Send to devices that can be connected to other networks. Then, the server communication device 409 is received from the mobile phone 100, the car navigation device 200, the personal computer 300, the game machine, the electronic dictionary, the electronic BOOK, or the like that can be connected to the network via the Internet 500 or the carrier network 700. Data is input to the CPU 405.

  Here, data stored in the memory 406 or the fixed disk 407 will be described. FIG. 9A is a first image diagram showing the data structure of the room management table 406A stored in the memory 406 or the fixed disk 407 of the chat server 400. FIG. 9B shows the memory of the chat server 400. 406 or a second image diagram showing a data structure of a room management table 406A stored in the fixed disk 407. FIG.

  As shown in FIGS. 9A and 9B, the room management table 406A stores room names and IP addresses in association with each other. For example, at a certain point in time, as shown in FIG. 9A, a chat room having a room name R, a chat room having a room name S, and a chat room having a room name T are generated in the chat server 400. In the chat room having the room name R, a display device having an IP address of A and a display device having an IP address of C enter the room. In the chat room having the room name S, a display device having an IP address B is entered. In a chat room having a room name T, a display device having an IP address D is entered.

  As will be described later, the room name R is determined by the CPU 406 based on the mail address of the display device having the IP address A and the mail address of the display device having the IP address B. In the state shown in FIG. 9A, when a display device having an IP address E newly enters a chat room having the room name S, the room management table 406A stores the room name S as shown in FIG. 9B. And IP address E are stored in association with each other.

  Specifically, in chat server 400, when first mobile phone 100A requests generation of a new chat room (step S0002 in FIG. 2), CPU 405 determines the mail address of first mobile phone 100A. The room name is generated based on the mail address of the second mobile phone 100B and the room name is stored in the room management table 406A in association with the IP address of the first mobile phone 100A.

  When the second mobile phone 100B requests the chat server 400 to participate in the chat room (step S0008 in FIG. 2), the CPU 405 stores the room name and the second mobile phone 100B in the room management table 406A. Are stored in association with each other's IP address. CPU 406 reads the IP address of first mobile phone 100A corresponding to the room name from room management table 406A. CPU 406 transmits the IP address of first mobile phone 100A to each second display device, and transmits the IP address of second mobile phone 100B to first mobile phone 100A.

  Next, the hardware configuration of the content server 600 will be described. As shown in FIG. 8, a content server 600 according to the present embodiment includes a CPU 605, a memory 606, a fixed disk 607, and a server communication device 609 that are mutually connected by an internal bus 608.

  The memory 606 stores various types of information. For example, the memory 606 temporarily stores data necessary for execution of a program by the CPU 605. The fixed disk 607 stores a program executed by the CPU 605 and a database. The CPU 605 controls each element of the content server 600 and is a device that performs various calculations.

  The server communication device 609 converts the data output from the CPU 605 into an electrical signal and transmits it to the outside, and converts the electrical signal received from the outside into data and inputs it to the CPU 605. Specifically, the server communication device 609 transmits the data from the CPU 605 to the mobile phone 100, the car navigation device 200, the personal computer 300, the game machine, the electronic dictionary, the electronic BOOK, etc. via the Internet 500 or the carrier network 700. Send to devices that can be connected to other networks. Then, the server communication device 609 is received via the Internet 500 or the carrier network 700 from a device that can be connected to a network such as the mobile phone 100, the car navigation device 200, the personal computer 300, a game machine, an electronic dictionary, or an electronic book. Data is input to the CPU 605.

  The memory 606 or the fixed disk 615 of the content server 600 stores moving image content. The CPU 605 of the content server 600 receives the content specification from the first mobile phone 100A and the second mobile phone 100B via the server communication device 609. Based on the content specification, the CPU 605 of the content server 600 reads out the moving image content corresponding to the specification from the memory 606, and the content is transmitted via the server communication device 609 to the first mobile phone 100A and the second mobile phone. To 100B. The moving image content is streaming data or the like, and the content server 600 distributes the same content to the first mobile phone 100A and the second mobile phone 100B almost simultaneously.

<Communication processing in the network system 1>
Next, P2P communication processing in the network system 1 according to the present embodiment will be described. FIG. 10 is a flowchart showing the processing procedure of the P2P communication processing in the network system 1 according to the present embodiment. FIG. 11 is an image diagram showing a data structure of transmission data according to the present embodiment.

  Hereinafter, a case where the first mobile phone 100A transmits handwritten data to the second mobile phone 100B will be described. The first mobile phone 100A and the second mobile phone 100B may transmit / receive data via the chat server 400 after the chat room is established, or may transmit data via P2P communication without using the chat server 400. You may send and receive.

  Referring to FIG. 10, first, CPU 106 of first mobile phone 100A (transmission side) acquires data related to chat communication from chat server 400 via communication device 101 (step S002). Similarly, CPU 106 of second mobile phone 100B (reception side) also acquires data related to chat communication from chat server 400 via communication device 101 (step S004).

  CPU 106 of first mobile phone 100A acquires video information (a) for specifying video content from the chat server via communication device 101 (step S006). As shown in FIG. 11, the moving image information (a) includes, for example, a broadcast station code and a broadcast time for specifying a TV program. Alternatively, the moving image information (a) includes a URL indicating a storage location of the moving image. In the present embodiment, one CPU 106 of first mobile phone 100 </ b> A and second mobile phone 100 </ b> B transmits moving image information to chat server 400 via communication device 101.

  The other CPU 106 of the first mobile phone 100A and the second mobile phone 100B receives the video information from the chat server 400 via the communication device 101 (step S008). Here, an example is shown in which the first mobile phone 100A and the second mobile phone 100B acquire moving image information during chat communication, but the present invention is not limited to this, and the first mobile phone 100A and the second mobile phone 100B Mobile phone 100B may acquire common video information before chat communication.

  CPU 106 of first mobile phone 100A causes touch panel 102 to display a window for reproducing moving image content (step S010). Similarly, CPU 106 of second mobile phone 100B causes touch panel 102 to display a window for reproducing moving image content (step S012).

  CPU 106 of first mobile phone 100A receives moving image content (for example, a TV program) via communication device 101 or TV antenna 113 based on the moving image information. CPU 106 starts to reproduce the moving image content via touch panel 102 (step S014). The CPU 106 may output the sound of the moving image content via the speaker 109.

  CPU 106 of second mobile phone 100B receives the same moving image content as that of first mobile phone 100A via communication device 101 or TV antenna 113 based on the moving image information. CPU 106 starts to reproduce the moving image content via touch panel 102 (step S016). The CPU 106 may output the sound of the moving image content via the speaker 109.

  First mobile phone 100A and second mobile phone 100B wait for input of a hand-drawn image. First, a case where the CPU 106 of the first mobile phone 100A receives an input of a handwritten image from the user via the touch panel 102 will be described. (Step S018). More specifically, the CPU 106 sequentially receives contact coordinate data from the touch panel 102 every predetermined time, thereby acquiring a change (trajectory) of the contact position with respect to the touch panel 102.

  As shown in FIG. 11, the CPU 106 clears handwritten clear information (b), information (c) indicating the locus of the contact position, information (d) indicating the color of the line, and information (e) indicating the width of the line. And transmission data including the input timing information (f) are created (step S020).

  Note that the input timing information (f) includes, for example, a time (ms) from the start of a program, a scene number or a frame number of the program, etc., corresponding to when an input of a handwritten image is accepted. In other words, the input timing information (f) includes information for specifying a scene, a frame, and the like of the moving image content to be displayed together with the handwritten image on the first mobile phone 100A and the second mobile phone 100B.

  The handwriting clear information (b) includes information (true) for clearing the handwriting input so far or information (false) for continuing the handwriting input.

  As shown in FIG. 4A-1, the CPU 106 displays a handwritten image on the moving image content (superimposed on the moving image content) on the display 107 based on the transmission data.

  CPU 106 transmits the transmission data to second mobile phone 100B via communication device 101 (step S022). CPU 106 of second mobile phone 100B receives the transmission data from first mobile phone 100A via communication device 101 (step S024).

  Note that first mobile phone 100A may transmit the transmission data to second mobile phone 100B via chat server 400. Chat server 400 may accumulate transmission data transmitted and received by first mobile phone 100A and second mobile phone 100B.

  CPU 106 of second mobile phone 100B analyzes the transmission data (step S026). As shown in FIG. 4B-1, the CPU 106 displays a handwritten image on the moving image content (superimposed on the moving image content) on the display 107 based on the transmission data (step S028).

  Next, a case where the CPU 106 of the second mobile phone 100B receives an input of a handwritten image from the user via the touch panel 102 will be described. (Step S030). More specifically, the CPU 106 sequentially receives contact coordinate data from the touch panel 102 every predetermined time, thereby acquiring a change (trajectory) of the contact position with respect to the touch panel 102.

  As shown in FIG. 11, the CPU 106 clears handwritten clear information (b), information (c) indicating the locus of the contact position, information (d) indicating the color of the line, and information (e) indicating the width of the line. The transmission data including these is created (step S032). The handwriting clear information (b) includes information (true) for clearing the handwriting input so far or information (false) for continuing the handwriting input.

  As shown in FIG. 4B-3, the CPU 106 causes the display 107 to display a handwritten image on the moving image content (superimposed on the moving image content) based on the transmission data.

  CPU 106 transmits transmission data to first mobile phone 100A through communication device 101 (step S034). CPU 106 of first mobile phone 100A receives transmission data from second mobile phone 100B through communication device 101 (step S036).

  CPU 106 of first mobile phone 100A analyzes the transmission data (step S038). As shown in FIG. 4A-3, the CPU 106 displays a handwritten image on the moving image content (superimposed on the moving image content) on the display 107 based on the transmission data (step S040).

  When the reproduction of the moving image content specified by the moving image information ends, CPU 106 of first mobile phone 100A closes the moving image content window (step S042). When the reproduction of the moving image content specified by the moving image information ends, CPU 106 of second mobile phone 100B closes the moving image content window (step S044).

<Input processing in mobile phone 100>
Next, input processing in mobile phone 100 according to the present embodiment will be described. FIG. 12 is a flowchart showing a processing procedure of input processing in mobile phone 100 according to the present embodiment.

  Referring to FIG. 12, CPU 106 first executes pen information setting processing (step S <b> 200) when input to mobile phone 100 is started. The pen information setting process (step S200) will be described later.

  When the pen information setting process (step S200) ends, the CPU 106 determines whether the data (b) is true (step S102). If the data (b) is true (YES in step S102), that is, if the user inputs a command for clearing the hand-drawn image, the CPU 106 stores the data (b) in the memory 103 ( Step S104). The CPU 106 ends the input process.

  If data (b) is not true (NO in step S102), that is, if the user inputs a command other than a command for clearing, CPU 106 determines whether stylus pen 120 has touched touch panel 102 or not. Is determined (step S106). That is, the CPU 106 determines whether pen-down has been detected.

  If pen-down is not detected (NO in step S106), CPU 106 determines whether or not the contact position of stylus pen 120 with respect to touch panel 102 has changed (step S108). That is, the CPU 106 determines whether or not pen drag has been detected. If CPU 106 does not detect a pen drag (NO in step S108), CPU 106 ends the input process.

  CPU 106 sets “false” to data (b) when pen-down is detected (YES in step S 106) or pen drag is detected (YES in step S 108) ( Step S110). CPU 106 executes a handwriting process (step S300). The handwriting process (step S300) will be described later.

  When the CPU 106 finishes the handwriting process (step S300), it stores the data (b), (c), (d), (e), and (f) in the memory 103 (step S112). The CPU 106 ends the input process.

<Pen information setting process in mobile phone 100>
Next, pen information setting processing in mobile phone 100 according to the present embodiment will be described. FIG. 13 is a flowchart showing a processing procedure of pen information setting processing in mobile phone 100 according to the present embodiment.

  Referring to FIG. 13, CPU 106 determines whether an instruction for clearing (erasing or resetting) the handwritten image from the user is received via touch panel 102 (step S202). When CPU 106 receives a command for clearing the handwritten image from the user (YES in step S202), CPU 106 sets “true” in data (b) (step S204). CPU 106 executes the processing from step S208.

  If the CPU 106 does not accept an instruction for clearing the handwritten image from the user (NO in step S202), the CPU 106 sets “false” in the data (b) (step S206). However, the CPU 106 does not have to set “false” here.

  CPU 106 determines whether an instruction for changing the pen color is received from the user via touch panel 102 (step S208). When CPU 106 has not received a command for changing the pen color from the user (NO in step S208), CPU 106 executes the processing from step S212.

  When CPU 106 receives a command for changing the pen color from the user (YES in step S208), CPU 106 sets the changed pen color in data (d) (step S210). CPU 106 determines whether or not a command for changing the pen width has been received from the user via touch panel 102 (step S212). If CPU 106 has not received a command to change the pen width from the user (NO in step S212), CPU 106 ends the pen information setting process.

  When CPU 106 receives a command for changing the pen width from the user (YES in step S212), CPU 106 sets the changed pen width in data (e) (step S214). The CPU 106 ends the pen information setting process.

<Handwriting process in mobile phone 100>
Next, the handwriting process in the mobile phone 100 according to the present embodiment will be described. FIG. 14 is a flowchart showing a processing procedure of handwriting processing in mobile phone 100 according to the present embodiment.

  Referring to FIG. 14, CPU 106 refers to a clock (not shown) or refers to moving image content, and acquires the time from when the moving image content is started (step S <b> 302). CPU 106 sets the time from the start of the moving image content to data (f) (step S304).

  The CPU 106 acquires the current contact coordinates (X, Y) with respect to the touch panel 102 by the stylus pen 120 or the finger via the touch panel 102 (step S306). The CPU 106 sets “X, Y” in the data (c) (step S308).

  CPU 106 determines whether or not a predetermined time has elapsed since the previous acquisition of coordinates (step S308) (step S310). CPU 106 repeats the processing from step S310 if the predetermined time has not elapsed (NO in step S310). If the predetermined time has elapsed (YES in step S310), CPU 106 determines whether pen drag has been detected via touch panel 102 (step S312).

  When CPU 106 detects a pen drag (YES in step S312), CPU 106 obtains contact position coordinates (X, Y) with respect to touch panel 102 by stylus pen 120 or a finger via touch panel 102 (step S316). . The CPU 106 adds “: X, Y” to the data (c) (step S318). The CPU 106 ends the handwriting process.

  If the CPU 106 has not detected a pen drag (NO in step S312), CPU 106 determines whether a pen-up has been detected (step S314). CPU 106 repeats the processing from step S310 when pen-up is not detected (NO in step S314).

  When CPU 106 detects pen-up (YES in step S314), CPU 106 acquires contact coordinates (X, Y) of stylus pen with respect to touch panel 102 at the time of pen-up via touch panel 102 (step S316). . The CPU 106 adds “: X, Y” to the data (c) (step S318). The CPU 106 ends the handwriting process.

  Here, data (c) indicating a hand-drawn image according to the present embodiment will be described. FIG. 15 is an image diagram showing data (c) indicating a hand-drawn image according to the present embodiment.

  Referring to FIGS. 14 and 15, the display device according to the present embodiment transmits a drag start coordinate and a drag end coordinate for a plurality of consecutive predetermined periods as information indicating one hand-drawn stroke. That is, one drag operation (slide operation) on the touch panel 102 of the stylus pen 120 is represented as a group of contact coordinates on the touch panel 102 of the stylus pen 120 every predetermined time.

  For example, when the contact coordinates relating to one drag operation change from (Cx1, Cy1) → (Cx2, Cy2) → (Cx3, Cy3) → (Cx4, Cy4) → (Cx5, Cy5), the first mobile phone The CPU 106 of the telephone 100A operates as follows. When the first predetermined period has elapsed, that is, when the coordinates (Cx2, Cy2) are acquired, the CPU 106 uses the communication device 101 to set (Cx1, Cy1: Cx2, Cy2) as the second transmission data (c). Transmit to mobile phone 100B. Further, when the predetermined period has elapsed, when the CPU 106 acquires the coordinates (Cx3, Cy3), the communication device 101 is used to set (Cx2, Cy2: Cx3, Cy3) as the second transmission data (c). Transmit to mobile phone 100B. Further, when the predetermined period has elapsed, when the CPU 106 acquires the coordinates (Cx4, Cy4), it uses the communication device 101 to set (Cx3, Cy3: Cx4, Cy4) as the second transmission data (c). Transmit to mobile phone 100B. Further, when the predetermined period has elapsed, when the CPU 106 acquires the coordinates (Cx5, Cy5), the communication device 101 is used to set (Cx4, Cy4: Cx5, Cy5) as the second transmission data (c). Transmit to mobile phone 100B.

<Display processing in mobile phone 100>
Next, display processing in mobile phone 100 according to the present embodiment will be described. FIG. 16 is a flowchart showing a processing procedure of display processing in mobile phone 100 according to the present embodiment.

  Referring to FIG. 16, CPU 106 determines whether or not the reproduction of the moving image content has ended (step S402). CPU 106 ends the display process when the reproduction of the moving image content ends (YES in step S402).

  CPU 106 obtains clear information clear (data (b)) when reproduction of moving image content has not ended (NO in step S402) (step S404). The CPU 106 determines whether or not the clear information clear is true (step S406). If the clear information clear is true (YES in step S406), the CPU 106 executes a history creation process (step S600). The history creation process (step S600) will be described later.

  When the history creation process (step S600) ends, the CPU 106 uses the touch panel 102 to hide the handwritten image that has been displayed so far (step S408). The CPU 106 ends the display process.

  If the clear information clear is not true (NO in step S406), the CPU 106 acquires the pen color (data (d)) (step S410). The CPU 106 resets the pen color (step S412). The CPU 106 acquires the pen width (data (e)) (step S414). The CPU 106 resets the pen width (step S416).

  CPU 106 executes a handwritten image display process (step S500). The handwritten image display process (step S500) will be described later. When the handwritten image display process (step S500) ends, the CPU 106 ends the display process.

<Application Example of Display Processing in Mobile Phone 100>
Next, an application example of display processing in mobile phone 100 according to the present embodiment will be described. FIG. 17 is a flowchart showing a processing procedure of an application example of display processing in mobile phone 100 according to the present embodiment. In this application example, the mobile phone 100 clears (deletes or resets) a handwritten image displayed so far not only when clear information but also when a scene is switched.

  Referring to FIG. 17, CPU 106 determines whether or not the reproduction of the moving image content has ended (step S452). CPU 106 ends the display process when the reproduction of the moving image content ends (YES in step S452).

  If the reproduction of the moving image content has not ended (NO in step S452), CPU 106 determines whether the scene of the moving image content has been switched (step S454). If the scene of the moving image content has not been switched (NO in step S454), CPU 106 executes the processing from step S458.

  When the scene of the moving image content is switched (YES in step S454), CPU 106 executes a history creation process (step S600). CPU 106 uses touch panel 102 to hide the handwritten image displayed so far (step S456). The CPU 106 acquires clear information clear (data (b)) (step S458).

  The CPU 106 determines whether or not the clear information clear is true (step S460). If the clear information clear is true (YES in step S460), the CPU 106 executes a history creation process (step S600). CPU 106 uses touch panel 102 to hide the handwritten image that has been displayed so far (step S462). The CPU 106 ends the display process.

  If the clear information clear is not true (NO in step S460), the CPU 106 acquires the pen color (data (d)) (step S464). The CPU 106 resets the pen color (step S466). The CPU 106 acquires the pen width (data (e)) (step S468). CPU 106 resets the pen width (step S470).

  CPU 106 executes a handwritten image display process (step S500). The handwritten image display process (step S500) will be described later. The CPU 106 ends the display process.

<Handwritten image display processing in mobile phone 100>
Next, the handwritten image display process in the mobile phone 100 according to the present embodiment will be described. FIG. 18 is a flowchart showing a processing procedure of handwritten image display processing in mobile phone 100 according to the present embodiment.

  Referring to FIG. 18, CPU 106 obtains reproduction time time (data (f)) from the start of reproduction of moving image content to the time of data transmission (step S502). The CPU 106 acquires the coordinates (data (c)) of the handwritten stroke, that is, (Cx1, Cy1) and (Cx2, Cy2), every predetermined time (step S504).

  It is determined whether or not the scene of the moving image content has changed between the reproduction time time and the present time (step S506). If the scene of the video content has not changed (NO in step S506), the CPU 106 connects the coordinates (Cx1, Cy1) and the coordinates (Cx2, Cy2) with a line, thereby displaying the video content display area ( A handwritten stroke is drawn in the first area 102A) (step S508). The CPU 106 ends the hand drawn image display process.

  If the scene of the video content has changed (YES in step S506), the CPU 106, among the history data having a history creation time (data (g)) later than the playback time time for the received hand-drawn data, The oldest history data is searched (step S510). The CPU 106 connects the coordinates (Cx1, Cy1) and the coordinates (Cx2, Cy2) with a line to add handwritten stroke information to the history data corresponding to the history creation time (data (g)) (step S512). ).

  CPU 106 updates the history image displayed on touch panel 102 (step S514). The CPU 106 ends the hand drawn image display process.

<First History Creation Processing in Mobile Phone 100>
Next, the first history creation process in mobile phone 100 according to the present embodiment will be described. FIG. 19 is a flowchart showing a processing procedure of first history creation processing in mobile phone 100 according to the present embodiment. FIG. 20 is an image diagram showing history data related to the first history creation processing. FIG. 21 is a diagram illustrating a data structure of history information according to the first history creation process.

  Referring to FIG. 19, CPU 106 determines whether or not a hand-drawn image is displayed in the moving image content display area (first area 102 </ b> A) (step S <b> 622). If the hand-drawn image is not displayed (NO in step S622), CPU 106 ends the first history creation process.

  As shown in FIG. 20A, when a hand-drawn image is displayed (YES in step S622), CPU 106 sets the time from the start of the moving image to the current time in data (g) (step S624). ). As shown in FIGS. 20B and 20C, the CPU 106, among the frames constituting the moving image content, stores a history image J () in which a frame (still image) immediately before the current time and a displayed hand-drawn image are superimposed. Paint data j) is created (step S626).

  The CPU 106 stores the created image in the memory 103 (step S628). More specifically, as shown in FIG. 21, the CPU 106 associates the history data creation time (data (g)) with the history image J (paint data j) and stores it in the memory 103 as history information. To do. Note that the time when the history data is created includes the time when the history image J is stored in the memory 103. Alternatively, the time when the history data is created includes the content playback time (the time on the time axis with respect to the start time of the content) from the beginning of the moving image content until the frame serving as the history image is displayed. Alternatively, the time when the history data is created includes the time from the beginning of the moving image content until a command for clearing the hand-drawn image is input, or the time from the beginning of the moving image content until the current scene is switched.

  The CPU 106 reduces the image J based on the image J in the memory 103 (step S630).

  As shown in FIG. 20D, the CPU 106 displays the reduced image in the history area (second area 102B) of the touch panel 102 (step S632). The CPU 106 ends the first history creation process.

<Second History Creation Processing in Mobile Phone 100>
Next, the second history creation process in mobile phone 100 according to the present embodiment will be described. FIG. 22 is a flowchart showing a processing procedure of second history creation processing in mobile phone 100 according to the present embodiment. FIG. 23 is an image diagram showing history data related to the second history creation processing. FIG. 24 is a diagram illustrating a data structure of history information related to the second history creation process.

  Referring to FIG. 22, CPU 106 determines whether or not a hand-drawn image is displayed in the moving image content display area (first area 102 </ b> A) (step S <b> 642). If a hand-drawn image is not displayed (NO in step S642), CPU 106 ends the second history creation process.

  As shown in FIG. 23A, when a hand-drawn image is displayed (YES in step S642), CPU 106 sets the time from the start of the moving image to the current time in data (g) (step S644). ). As shown in FIGS. 23B and 23D, the CPU 106 creates a frame (image H) immediately before the current time out of the frames constituting the moving image content (step S646). As shown in FIGS. 23B and 23C, the CPU 106 creates a hand-drawn image I being displayed by setting white as a transparent color based on the hand-drawn layer (step S648).

  The CPU 106 stores the created moving image content image H and hand-drawn image I in the memory 103 (step S650). More specifically, as shown in FIG. 24, the CPU 106 creates the history data creation time (data (g)), the video content image H (paint data h), and the hand-drawn image I (paint data i). Are stored in the memory 103 as history information. Note that the time when the history data is created includes the time when the history image J is stored in the memory 103. Alternatively, the time when the history data is created includes the content playback time (the time on the time axis with respect to the start time of the content) from the beginning of the moving image content until the frame serving as the history image is displayed. Alternatively, the time when the history data is created includes the time from the beginning of the moving image content until a command for clearing the hand-drawn image is input, or the time from the beginning of the moving image content until the current scene is switched.

  As shown in FIG. 23E, the CPU 106 combines the image H and the image I of the moving image content in the memory 103 to create an image J (step S652). The CPU 106 reduces the image J (step S654).

  As shown in FIG. 23F, the CPU 106 displays the reduced image in the history area (second area) of the touch panel 102 (step S656). The CPU 106 ends the second history creation process.

<Third History Creation Processing in Mobile Phone 100>
Next, the third history creation process in mobile phone 100 according to the present embodiment will be described. FIG. 25 is a flowchart showing a processing procedure of third history creation processing in mobile phone 100 according to the present embodiment. FIG. 26 is an image diagram showing history data related to the third history creation processing. FIG. 27 is a diagram illustrating a data structure of history information according to the third history creating process.

  Referring to FIG. 25, CPU 106 determines whether or not a hand-drawn image is displayed in the moving image content display area (first area 102A) (step S662). If the hand-drawn image is not displayed (NO in step S662), CPU 106 ends the third history creation process.

  As shown in FIG. 26A, when a hand-drawn image is displayed (YES in step S662), CPU 106 sets the time from the start of the moving image to the current time in data (g) (step S664). ). As shown in FIGS. 26B and 26C, the CPU 106 creates a frame (image H) immediately before the current time among the frames constituting the moving image content (step S666). CPU 106 creates draw data (a combination of data (c) to (f)) representing the hand-drawn image being displayed (step S668).

  The CPU 106 stores the created moving image content image H and draw data in the memory 103 (step S670). More specifically, as shown in FIG. 27, the CPU 106 creates the history data at the time (data (g)), the video content image H (paint data h), and the draw data (a plurality of data groups (c ) To (f)) are stored in the memory 103 in association with each other. Note that the time when the history data is created includes the time when the history image J is stored in the memory 103. Alternatively, the time when the history data is created includes the content playback time (the time on the time axis with respect to the start time of the content) from the beginning of the moving image content until the frame serving as the history image is displayed. Alternatively, the time when the history data is created includes the time from the beginning of the moving image content until a command for clearing the hand-drawn image is input, or the time from the beginning of the moving image content until the current scene is switched.

  CPU 106 deletes the hand-drawn image in memory 103 (step S672). As shown in FIG. 26D, the CPU 106 creates a hand-drawn image I from the draw data (k), and creates an image J by combining the image H of the moving image content in the memory 103 and the hand-drawn image I. (Step S674). CPU 106 reduces image J (step S676).

  As shown in FIG. 26E, the CPU 106 displays the reduced image in the history area (second area 102B) of the touch panel 102 (step S678). The CPU 106 ends the third history creation process.

[Embodiment 2]
Next, a second embodiment of the present invention will be described. In the network system 1 according to the first embodiment described above, each of the display devices only stores history information related to a scene displayed when a hand-drawn image is input or a scene displayed when a hand-written image is received. It was something to remember. In other words, the display device deletes a frame of a moving image related to a scene in which a hand-drawn image is not input and a hand-drawn image is not received when the scene ends.

  This is because a large amount of memory is required if all moving image frames are stored for each scene even though a hand-drawn image is not input. Moreover, it is because it is not calculated | required by the user until all the moving image frames are displayed. Further, if all the moving image frames are displayed or stored, it is difficult for the user or the display device to find the history information that the user actually needs.

  However, after the moving image frame is deleted from the display device, the display device may receive a handwritten image input in a scene corresponding to the moving image frame from another display device. In this case, the display device can no longer display the hand-drawn image and the moving image frame superimposed on each other. Such a problem is likely to occur, for example, when a failure occurs in a network between display devices or when the network is congested.

  In the network system 1 according to the present embodiment, each of the display devices can display each scene even if a hand-drawn image is not input to the display device and the display device does not receive a handwritten image while the scene is displayed. Image data representing the last frame of the scene is temporarily stored. For example, each display device stores image data representing the last frame of 10 scenes in the memory 103 as temporary information. Each display device deletes image data representing the final frame of each scene when a hand-drawn image corresponding to the scene is not received from another display device by 10 scenes after the scene. .

  The description of the same configuration as that of network system 1 according to Embodiment 1 will not be repeated. For example, the overall configuration of the network system 1 in FIG. 1, the overall operation overview of the network system 1 in FIGS. 2 and 3, the operation overview regarding transmission / reception of handwritten data in FIG. 4, and the hardware of the mobile phone 100 in FIGS. Hardware configuration of chat server 400 and content server 600 in FIGS. 8 and 9, P2P communication processing in network system 1 in FIG. 10, data structure of transmission data in FIG. 11, input processing in mobile phone in FIG. The pen information setting process of FIG. 13, the handwriting process of FIG. 14, the data indicating the hand-drawn image of FIG. 15, the display process of FIG. 16, the application example of the display process of FIG. Therefore, the description will not be repeated here.

  However, with respect to FIG. 4, the present embodiment has the following characteristics. In the present embodiment, as shown in (B-3), a hand-drawn image is not input to the second mobile phone 100B, and the first mobile phone 100B as shown in (A-4) while a network failure occurs. Even if the hand-drawn image is input to the mobile phone 100A, the second mobile phone 100B displays the handwritten image input to the first mobile phone 100A as history information as shown in (B-5). Can do.

  In the present embodiment, as shown in (B-3), second mobile phone 100B temporarily displays the last frame of the scene even if no hand-drawn image is input to second mobile phone 100B during the scene. It is stored as information. Therefore, even if a hand-drawn image from the first mobile phone 100A is received after switching to the next scene, as shown in (B-5), based on the temporary information and the hand-written image, The last frame of the previous scene and the hand-drawn image can be stored or displayed as history information.

<Handwritten image display processing in mobile phone 100>
Next, the handwritten image display process in the mobile phone 100 according to the present embodiment will be described. FIG. 28 is a flowchart showing a processing procedure of handwritten image display processing in mobile phone 100 according to the present embodiment.

  Referring to FIG. 28, CPU 106 obtains reproduction time time (data (f)) from the start of reproduction of moving image content to the time of data transmission (step S702). The CPU 106 acquires the coordinates (data (c)) of the handwritten stroke, that is, (Cx1, Cy1) and (Cx2, Cy2), every predetermined time (step S704).

  It is determined whether or not the scene of the moving image content has changed between the reproduction time “time” and the present time (step S706). If the scene of the video content has not changed (NO in step S706), the CPU 106 connects the coordinates (Cx1, Cy1) and the coordinates (Cx2, Cy2) with a line, thereby displaying the video content display area ( A handwritten stroke is drawn in the first area 102A) (step S708). The CPU 106 ends the hand drawn image display process.

  When the scene of the moving image content is changed (YES in step S706), the CPU 106 includes history data having a history creation time (data (g)) later than the reproduction time time for the received hand-drawn data. The latest history data is searched (step S710). If the latest history data exists (YES in step S712), the CPU 106 connects the coordinates (Cx1, Cy1) and the coordinates (Cx2, Cy2) with a line, thereby adding a handwritten stroke to the history data. Information is added (step S724).

  If the newest history data does not exist (NO in step S712), the CPU 106 selects temporary history data having a history creation time (data (g)) later than the reproduction time time for the received hand-drawn data. Thus, the newest temporary history data is searched (step S716). If the temporary history data does not exist (NO in step S718), the CPU 106 creates blank history data with the history creation time as time (step S720). CPU 106 executes the process of step S722.

  If the temporary history data exists (YES in step S718), the temporary history data is added as new history data to the existing history data (step S722). The CPU 106 adds the handwritten stroke information to the new history data by connecting the coordinates (Cx1, Cy1) and the coordinates (Cx2, Cy2) with a line (step S724).

  CPU 106 displays a history image on touch panel 102 based on the new history data and the previous history data (step S726). The CPU 106 ends the hand drawn image display process.

<First History Creation Processing in Mobile Phone 100>
Next, the first history creation process in mobile phone 100 according to the present embodiment will be described. FIG. 29 is a flowchart showing a processing procedure of first history creation processing in mobile phone 100 according to the present embodiment.

  As shown in FIGS. 29 and 20A, the CPU 106 sets the time from the start of the moving image to the current time in the data (g) (step S822). As shown in FIGS. 20B and 20C, the CPU 106, among the frames constituting the moving image content, stores a history image J () in which a frame (still image) immediately before the current time and a displayed hand-drawn image are superimposed. Paint data j) is created (step S824).

  The CPU 106 stores the created image in the memory 103 (step S826). More specifically, as shown in FIG. 21, the CPU 106 associates the history data creation time (data (g)) with the history image J (paint data j) and stores it in the memory 103 as history information. To do. Note that the time when the history data is created includes the time when the history image J is stored in the memory 103. Alternatively, the time when the history data is created includes the content playback time (the time on the time axis with respect to the start time of the content) from the beginning of the moving image content until the frame serving as the history image is displayed. Alternatively, the time when the history data is created includes the time from the beginning of the moving image content until a command for clearing the hand-drawn image is input, or the time from the beginning of the moving image content until the current scene is switched.

  CPU 106 determines whether or not a hand-drawn image is included in image J (step S828). When a hand-drawn image is included in image J (YES in step S828), as shown in FIG. 20D, CPU 106 reduces image J based on image J in memory 103 (step S830). . The CPU 106 stores the reduced image in the memory 103 as history data.

  As shown in FIG. 20E, the CPU 106 displays the reduced image in the history area (second area 102B) of the touch panel 102 (step S832). The CPU 106 ends the first history creation process.

  When the image J does not include a hand-drawn image (NO in step S828), CPU 106 determines whether or not the number of temporary history data is greater than or equal to a specified number (step S834). CPU 106 deletes the oldest temporary history data from memory 103 (step S836) when the number of temporary history data is equal to or greater than the prescribed number (YES in step S834), and creates the created image as temporary history data. It adds (step S838). The CPU 106 ends the first history creation process.

  If the number of temporary history data is less than the specified number (NO in step S834), CPU 106 adds the created image to temporary history data (step S838). The CPU 106 ends the first history creation process.

<Second History Creation Processing in Mobile Phone 100>
Next, the second history creation process in mobile phone 100 according to the present embodiment will be described. FIG. 30 is a flowchart showing a processing procedure of second history creation processing in mobile phone 100 according to the present embodiment.

  As shown in FIGS. 30 and 23A, the CPU 106 sets the time from the start of the moving image to the current time in the data (g) (step S842). As shown in FIGS. 23B and 23D, the CPU 106 creates a frame (image H) immediately before the current time out of the frames constituting the moving image content (step S844).

  CPU 106 stores image H of the created moving image content in memory 103 (step S846). More specifically, the CPU 106 associates the time (data (g)) when the image H of the moving image content is created with the image H (paint data h) of the moving image content, and stores them in the memory 103.

  CPU 106 determines whether or not a hand-drawn image exists on the moving image (step S848). If a hand-drawn image exists on the moving image (YES in step S848), as shown in FIGS. 23B and 23C, CPU 106 sets, for example, white as a transparent color based on the hand-drawn layer. As a result, the hand-drawn image I being displayed is created (step S850).

  The CPU 106 associates the created moving image content image H with the hand-drawn image I and stores them in the memory 103 (step S852). More specifically, as shown in FIG. 24, the CPU 106 creates the history data creation time (data (g)), the video content image H (paint data h), and the hand-drawn image I (paint data i). Are stored in the memory 103 as history information. Note that the time when the history data is created includes the time when the history image J is stored in the memory 103. Alternatively, the time when the history data is created includes the content playback time (the time on the time axis with respect to the start time of the content) from the beginning of the moving image content until the frame serving as the history image is displayed. Alternatively, the time when the history data is created includes the time from the beginning of the moving image content until a command for clearing the hand-drawn image is input, or the time from the beginning of the moving image content until the current scene is switched.

  As shown in FIG. 23E, the CPU 106 combines the image H and the image I of the moving image content in the memory 103 to create an image J (step S854). CPU 106 reduces image J (step S856).

  As shown in FIG. 23F, the CPU 106 displays the reduced image in the history area (second area) of the touch panel 102 (step S858). The CPU 106 ends the second history creation process.

  On the other hand, when a hand-drawn image does not exist on the moving image (NO in step S848), CPU 106 determines whether or not the number of temporary history data is greater than or equal to a specified number (step S860). If the number of temporary history data is equal to or greater than the prescribed number (YES in step S860), CPU 106 deletes the oldest temporary history data from memory 103 (step S862), and creates the created image as temporary history data. It adds (step S864). The CPU 106 ends the second history creation process.

  If the number of temporary history data is less than the specified number (NO in step S860), CPU 106 adds the created image to temporary history data (step S864). The CPU 106 ends the second history creation process.

<Third History Creation Processing in Mobile Phone 100>
Next, the third history creation process in mobile phone 100 according to the present embodiment will be described. FIG. 31 is a flowchart showing a processing procedure of third history creation processing in mobile phone 100 according to the present embodiment.

  As shown in FIGS. 31 and 26A, the CPU 106 sets the time from the start of the moving image to the current time in the data (g) (step S872). As shown in FIGS. 26B and 26C, the CPU 106 creates a frame (image H) immediately before the current time out of the frames constituting the moving image content (step S874).

  The CPU 106 stores the created moving image content image H in the memory 103 (step S876). More specifically, the CPU 106 associates the time (data (g)) when the image H of the moving image content is created with the image H (paint data h) of the moving image content, and stores them in the memory 103.

  CPU 106 determines whether or not a hand-drawn image exists on the moving image (step S878). If a hand-drawn image exists on the moving image (YES in step S878), CPU 106 creates draw data (a combination of data (c) to (f)) representing the displayed hand-drawn image (step S880). .

  The CPU 106 stores the created moving image content image H and draw data in the memory 103 (step S882). More specifically, as shown in FIG. 27, the CPU 106 creates the history data at the time (data (g)), the video content image H (paint data h), and the draw data (a plurality of data groups (c ) To (f)) are stored in the memory 103 in association with each other. Note that the time when the history data is created includes the time when the history image J is stored in the memory 103. Alternatively, the time when the history data is created includes the content playback time (the time on the time axis with respect to the start time of the content) from the beginning of the moving image content until the frame serving as the history image is displayed. Alternatively, the time when the history data is created includes the time from the beginning of the moving image content until a command for clearing the hand-drawn image is input, or the time from the beginning of the moving image content until the current scene is switched.

  CPU 106 deletes the hand-drawn image in memory 103 (step S884). As shown in FIG. 26D, the CPU 106 creates a hand-drawn image I from the draw data (k), and creates an image J by combining the image H of the moving image content in the memory 103 and the hand-drawn image I. (Step S886). CPU 106 reduces image J (step S888).

  As shown in FIG. 26E, the CPU 106 displays the reduced image in the history area (second area 102B) of the touch panel 102 (step S890). The CPU 106 ends the third history creation process.

  On the other hand, when a hand-drawn image does not exist on the moving image (NO in step S878), CPU 106 determines whether or not the number of temporary history data is greater than or equal to a specified number (step S892). If the number of temporary history data is equal to or greater than the prescribed number (YES in step S892), CPU 106 deletes the oldest temporary history data from memory 103 (step S894), and creates the created image as temporary history data. It adds (step S896). The CPU 106 ends the third history creation process.

  If the number of temporary history data is less than the specified number (NO in step S892), CPU 106 adds the created image to temporary history data (step S896). The CPU 106 ends the third history creation process.

<Other application examples of network system 1 according to the present embodiment>
It goes without saying that the present invention can also be applied to a case where it is achieved by supplying a program to a system or apparatus. Then, a storage medium storing a program represented by software for achieving the present invention is supplied to the system or apparatus, and the computer (or CPU or MPU) of the system or apparatus stores the program code stored in the storage medium It is possible to enjoy the effects of the present invention also by reading and executing.

  In this case, the program code itself read from the storage medium realizes the functions of the above-described embodiment, and the storage medium storing the program code constitutes the present invention.

  As a storage medium for supplying the program code, for example, hard disk, optical disk, magneto-optical disk, CD-ROM, CD-R, magnetic tape, nonvolatile memory card (IC memory card), ROM (mask ROM, flash) EEPROM, etc.) can be used.

  Further, by executing the program code read by the computer, not only the functions of the above-described embodiments are realized, but also an OS (operating system) running on the computer based on the instruction of the program code However, it is needless to say that a case where the function of the above-described embodiment is realized by performing part or all of the actual processing and the processing is included.

  Further, after the program code read from the storage medium is written to a memory provided in a function expansion board inserted into the computer or a function expansion unit connected to the computer, the function expansion is performed based on the instruction of the program code. It goes without saying that the CPU or the like provided in the board or the function expansion unit performs part or all of the actual processing and the functions of the above-described embodiments are realized by the processing.

  The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.

  1 network system, 100, 100A, 100B, 100C mobile phone, 101 communication device, 102 touch panel, 102A first area, 102B second area, 103 memory, 103A work memory, 103B address book data, 103C own terminal data, 103D address data, 103E address data, 104 pen tablet, 106 CPU, 107 display, 108 microphone, 109 speaker, 110 various buttons, 111 first notification unit, 112 second notification unit, 113 TV antenna, 120 stylus pen, 200 Car navigation device, 250 vehicle, 300 personal computer, 400 chat server, 406 memory, 406A room management table, 407 fixed disk, 40 8 Internal bus, 409 Server communication device, 500 Internet, 600 Content server, 606 Memory, 607 Fixed disk, 608 Internal bus, 609 Server communication device, 615 Fixed disk, 700 Carrier network.

Claims (13)

Memory,
A touch panel for displaying a background image;
A processor for accepting an input of a hand-drawn image via the touch panel and displaying the background image and the hand-drawn image on the touch panel,
The processor is
Receiving an input of a command for erasing the hand-drawn image superimposed on the background image;
Storing the background image and the hand-drawn image displayed on the touch panel when the command is input in the memory as history information;
An electronic apparatus that causes the background image and the hand-drawn image to be displayed on the touch panel in an overlapping manner based on the history information. The touch panel displays a video,
The electronic device according to claim 1, wherein the background image includes a moving image frame. The processor is
When the moving image scene displayed on the touch panel is switched, the moving image frame and the hand-drawn image displayed on the touch panel immediately before the switching are stored in the memory as the history information. The electronic device according to claim 2.   The electronic device according to claim 3, wherein the processor erases the hand-drawn image on the moving image when a scene of the moving image is switched.   The electronic device according to claim 1, wherein the processor erases the hand-drawn image on the background image in response to the command. The processor is
While displaying the background image in the first area of the touch panel, the hand-drawn image is displayed over the background image,
6. The electronic device according to claim 1, wherein the background image and the hand-drawn image are overlapped and displayed on the second area of the touch panel based on the history information.   The electronic device according to claim 1, further comprising an antenna for receiving the background image from the outside. A communication interface for communicating with other electronic devices via a network;
The processor is
Sending the hand-drawn image input via the touch panel to the other electronic device via the communication interface, receiving the hand-drawn image from the other electronic device,
Over the background image on the touch panel, the hand-drawn image input via the touch panel and the hand-drawn image from the other electronic device are displayed,
The electronic device according to any one of claims 1 to 7, wherein the hand-drawn image from the other electronic device is stored in the memory as the history information together with the hand-drawn image input via the touch panel. The processor is
The electronic device according to claim 1, wherein paint data obtained by combining the hand-drawn image and the background image is stored in the memory as the history information. The processor is
The electronic device according to claim 1, wherein paint data indicating the hand-drawn image and paint data indicating the background image are associated with each other and stored in the memory as the history information. The processor is
The electronic device according to claim 1, wherein draw data indicating the hand-drawn image and paint data indicating the background image are associated with each other and stored in the memory as the history information. A display method in a computer including a memory, a touch panel, and a processor,
The processor causing the touch panel to display a background image;
The processor accepting an input of a hand-drawn image via the touch panel;
The processor causing the touch panel to display the background image and the hand-drawn image superimposed on each other;
The processor accepting an input of a command for erasing the hand-drawn image superimposed on the background image;
The processor stores the background image and the hand-drawn image that were displayed on the touch panel when the command was input in the memory as history information;
And a step of displaying the background image and the hand-drawn image on the touch panel based on the history information. A display program for displaying an image on a computer including a memory, a touch panel, and a processor.
Displaying a background image on the touch panel;
Receiving an input of a hand-drawn image via the touch panel;
Displaying the background image and the hand-drawn image superimposed on the touch panel;
Receiving an input of a command for erasing the hand-drawn image superimposed on the background image;
Storing the background image and the hand-drawn image displayed on the touch panel when the command is input in the memory as history information;
A display program for executing a step of displaying the background image and the hand-drawn image on the touch panel in a superimposed manner based on the history information.

Images