CN103761062B - Method for displaying corresponding material in two-dimensional code area and mobile terminal - Google Patents

Abstract

The present invention provides a method for displaying corresponding materials in a two-dimensional code area and a mobile terminal, the method comprising the following steps: the mobile terminal recognizes at least one two-dimensional code from the two-dimensional code carrier, and locates the screen of the mobile terminal the two-dimensional code area in the mobile terminal; the mobile terminal receives the material corresponding to the two-dimensional code; and displays the material in the two-dimensional code area on the screen of the mobile terminal, and the material covers or partially covers the two-dimensional code QR code area. The present invention allows the content pointed by the two-dimensional code to directly replace the original two-dimensional code, and displays it at the position of the original two-dimensional code in the camera, so that the user looks like the two-dimensional code is gone, and instead it is the actual played video /pictures/text. By adopting the method of the present invention, the reality and the virtual are organically combined to produce an enhanced display effect, which can greatly expand the information volume of the two-dimensional code page and generate good user interaction.

Description

A method and mobile terminal for displaying corresponding material in a two-dimensional code area

technical field

The present invention relates to a display method by means of a mobile terminal, in particular to a method for displaying corresponding materials in a two-dimensional code area on a screen of a mobile terminal.

Background technique

Two-dimensional barcodes/two-dimensional codes record data symbol information with black and white graphics that are distributed in a plane (two-dimensional direction) according to certain rules with a specific geometric figure. It is cleverly used in code compilation to form the internal logic basis of the computer. The concepts of "0" and "1" bit streams in the system use several geometric shapes corresponding to binary to represent text and numerical information, which can be automatically read by image input devices or photoelectric scanning devices to realize automatic processing of information.

QR codes are a more advanced barcode format than 1D codes. One-dimensional codes can only express information in one direction (usually horizontal), while two-dimensional codes can store information in both horizontal and vertical directions. One-dimensional codes can only be composed of numbers and letters, while two-dimensional codes can store information such as Chinese characters, numbers and pictures. Two-dimensional codes have the commonality of barcode technology (each code system has its specific character set; each character occupies a certain width; it has a certain verification function, etc.), but at the same time, two-dimensional codes also have the ability to automatically convert information from different rows. The recognition function and the processing of graphic rotation changes and other characteristics, so the application field of the two-dimensional code is much wider.

Two-dimensional codes include QR, PDF417, DM, Hanxin code and other specifications, among which QR two-dimensional code (Quick Response two-dimensional code, that is, quick response two-dimensional code) is a commonly used two-dimensional code. QR codes are square in shape and only available in black and white. On 3 of the 4 corners of the square, there are smaller square patterns that resemble the character "Hui". These 3 square patterns are used for positioning by the decoding software. The user does not need to align them. No matter scanning at any angle, the data can still be read correctly. However, such as DM two-dimensional codes, etc. do not have image-finding graphics for positioning.

Two-dimensional code applications can be divided into two categories: the read category and the main reader category according to different business forms.

(1) Read business: the platform sends the QR code to the user's mobile phone through MMS, and the user takes the mobile phone to the scene and scans the mobile phone through the QR code machine for content identification. After the application party encrypts the business information and compiles it into a two-dimensional code image, it sends the two-dimensional code to the user's mobile terminal through SMS or MMS. The two-dimensional code image can be read and authenticated, and it can be used as a transaction or identification certificate to support various applications.

(2) Main reading business: users install the QR code client on their mobile phones, use mobile terminals such as mobile phones to take and identify QR code pictures printed on media, newspapers, etc., obtain the content stored in the QR code and trigger related applications . The user uses the mobile terminal to take a two-dimensional code image containing specific information, decodes it through the client software of the mobile terminal, and triggers the mobile terminal to perform various related operations such as surfing the Internet, reading business cards, and making calls, so as to provide users with various information Serve.

At present, the main reading business of QR code technology is mainly used in food traceability solutions, mobile phone electronic menus, mobile shopping, scanning QR codes to enter mobile websites, etc. The information corresponding to the two-dimensional code or jump to the web page corresponding to the two-dimensional code, the application surface is relatively simple.

Contents of the invention

In view of the defects in the prior art, the object of the present invention is to provide a method for displaying corresponding materials in the two-dimensional code area of the mobile terminal screen, which organically combines reality and virtuality to produce an enhanced display effect, which can be extremely Greatly expand the amount of information on the QR code page, resulting in good user interaction.

According to one aspect of the present invention, a method for displaying corresponding materials in a two-dimensional code area is provided, at least including the following steps:

S101: The mobile terminal recognizes at least one two-dimensional code from the two-dimensional code carrier, and locates the two-dimensional code area in the screen of the mobile terminal;

S102: The mobile terminal receives the material corresponding to the two-dimensional code; and

S103: Display the material in a two-dimensional code area on the screen of the mobile terminal, where the material covers or partially covers the two-dimensional code area.

Preferably, the step S101 includes at least the following steps:

S1011: The camera of the mobile terminal captures the two-dimensional code on the two-dimensional code carrier, and displays it on the screen;

S1012: The mobile terminal identifies a two-dimensional code area of the two-dimensional code on the screen, and records coordinates of the two-dimensional code area; and

S1013: The mobile terminal reads the information represented by the two-dimensional code in the two-dimensional code area.

Preferably, the two-dimensional code is a quick-response two-dimensional code with three image-finding graphics on three corners, and the mobile terminal calculates the outermost coordinates of the fourth corner according to the coordinates of the outermost ends of the three image-finding graphics. end coordinates.

Preferably, the step S102 includes at least the following steps:

S1021: According to the information represented by the two-dimensional code, the mobile terminal accesses the material corresponding to the two-dimensional code in the internal or external database of the mobile terminal; and

S1022: The mobile terminal receives the material corresponding to the two-dimensional code in a wired or wireless manner.

Preferably, the step S103 includes at least the following steps:

S1031: The mobile terminal adjusts the display resolution of the material to match the resolution of the two-dimensional code area on the screen; and

S1032: Overlay and display the two-dimensional code area on the screen with the material whose resolution has been adjusted.

Preferably, said S1032 also includes the following steps:

If the material is a video, only the picture of the first frame of the video is displayed, and when the picture is clicked, the video starts to be played.

Preferably, said S1032 also includes the following steps:

If the material is an interactive interface, interactive feedback with the material is displayed in the two-dimensional code area.

Preferably, in the step S101, locate the two-dimensional code area of the two-dimensional code on the screen of the mobile terminal in real time; and

In the step S103, it also includes adjusting the parallax of the material in real time according to the shape of the two-dimensional code area, so as to match the shape of the two-dimensional code area at all times.

Preferably, the material is one or a combination of text, picture, video, 2D interactive interface, and 3D interactive interface.

Preferably, the two-dimensional code carrier is one or more of books, walls, advertising boxes, equipment casings, skin surfaces, and fabrics.

According to another aspect of the present invention, there is also provided a mobile terminal capable of displaying corresponding materials in a two-dimensional code area, including a camera and a screen, and the mobile terminal uses the above method to display corresponding materials in the two-dimensional code area on the screen .

Compared with the prior art, the method and mobile terminal for displaying corresponding materials in the two-dimensional code area of the present invention allow the content pointed to by the two-dimensional code (such as video/picture/text) to directly replace the original two-dimensional code, and The original QR code is displayed at the location of the original QR code, so that the user looks like the QR code is gone, and instead it is the video/picture/text that is actually played. By adopting the method of the present invention, the reality and the virtual are organically combined to produce an enhanced display effect, which can greatly expand the information volume of the two-dimensional code page, generate good user interaction, and bring revolutionary changes to traditional books. The way of reading, and created a new model of advertising.

Description of drawings

Other characteristics, objects and advantages of the present invention will become more apparent by reading the detailed description of non-limiting embodiments made with reference to the following drawings:

1 is a flowchart of a method for displaying corresponding materials in a two-dimensional code area on a screen of a mobile terminal according to the present invention;

Fig. 2 is a schematic diagram of a page with a two-dimensional code;

FIG. 3 is an effect diagram of displaying a two-dimensional code area on a screen of a mobile terminal;

4 is an effect diagram of displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal according to the first embodiment of the present invention;

5 is an effect diagram of displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal according to the second embodiment of the present invention; and

FIG. 6 is an effect diagram of displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal according to the third embodiment of the present invention.

detailed description

Embodiments of the method for displaying corresponding materials in the two-dimensional code area of the mobile terminal of the present invention will be described below with reference to the accompanying drawings.

FIG. 1 is a flowchart of a method for displaying corresponding materials in a two-dimensional code area on a screen of a mobile terminal according to the present invention. As shown in Figure 1, the present invention provides a method for displaying corresponding materials in a two-dimensional code area on a screen of a mobile terminal, comprising the following steps:

S101: The mobile terminal recognizes at least one two-dimensional code from the two-dimensional code carrier, and locates the two-dimensional code area in the screen of the mobile terminal;

S102: The mobile terminal receives the material corresponding to the two-dimensional code; and

S103: Display the material in a two-dimensional code area on the screen of the mobile terminal, where the material covers or partially covers the two-dimensional code area.

Specifically, step S101 includes at least the following steps: S1011: the camera of the mobile terminal captures the two-dimensional code on the two-dimensional code carrier, and displays it on the screen; S1012: the mobile terminal identifies the two-dimensional code on the screen and record the coordinates of the two-dimensional code area; and S1013: the mobile terminal reads the information represented by the two-dimensional code in the two-dimensional code area. The present invention can be applied to various two-dimensional codes. The two-dimensional code is a quick-response two-dimensional code with three image-finding graphics at three corners, and the mobile terminal calculates the coordinates of the outermost end of the fourth corner according to the coordinates of the outermost ends of the three image-seeking graphics, In this way, all four coordinates of the two-dimensional code area can be accurately positioned.

Step S102 includes at least the following steps: S1021: the mobile terminal accesses the material corresponding to the two-dimensional code in the external database of the mobile terminal according to the information represented by the two-dimensional code; and S1022: the mobile terminal receives the material corresponding to the two-dimensional code through wired or wireless means material. The information represented by the two-dimensional code may be a URL or a server port, etc., and is not limited thereto. This information points to a material, which can be a specific independent file or a database, which needs to be further distributed in combination with information such as browsing records of the mobile terminal or consumption records on the mobile terminal. For example, the information represented by this QR code points to the background database of a car company, and it is necessary to further combine the spending power of mobile terminal users to provide model advertisements at different prices. (Using the mobile terminal to obtain and estimate the consumption ability of the mobile terminal user belongs to the known technology, and will not be repeated here)

Step S103 includes at least the following steps: S1031: the mobile terminal adjusts the display resolution of the material to match the resolution of the two-dimensional code area on the screen; and S1032: covers the two-dimensional code area on the screen with the adjusted material , to display. If the material is an interactive interface, interactive feedback with the material is displayed in the two-dimensional code area. When adjusting the display resolution of the material, you can also adjust the display resolution of the material to be slightly larger than the QR code area, such as expanding 3, 5 or 10 pixels, etc., so as to completely cover the QR code area . Through the screen of the mobile terminal, the user will no longer see the QR code. In practical applications, some pixels may also be indented, but not limited thereto.

The application scope of the present invention is wide, and the material may be text, picture, video, 2D interactive interface, 3D interactive interface or any combination of the foregoing. Moreover, the two-dimensional code carrier can be one or more of books, walls, advertising boxes, equipment casings, skin surfaces, and fabrics. The interface displaying the QR code on the carrier can be static or dynamic. For example, the carrier itself can be an LED display screen, and different two-dimensional codes can be alternately displayed on the LED display screen at intervals.

The mobile terminal in the present invention may be a mobile phone, a tablet computer, a notebook computer, a two-dimensional code scanner, etc., and is not limited thereto.

first embodiment

Fig. 2 is a schematic diagram of a page with a two-dimensional code. As shown in Figure 2, there is a standard quick-response two-dimensional code Q on the page P, wherein there are image-seeking graphics in the shape of "back" on the upper left, lower left and upper right corners of the two-dimensional code Q, for When recognizing a two-dimensional code, it is more convenient to accurately locate the position and direction of the two-dimensional code. This quick response QR code Q corresponds to a piece of video content in an external website. Alternatively, the quick response QR code Q may also correspond to text, pictures, 2D interactive interface, and 3D interactive interface, but not limited thereto.

Fig. 3 is an effect diagram of displaying a two-dimensional code area on a screen of a mobile terminal. As shown in Figure 3, put the mobile terminal (such as a mobile phone) 1 directly above the two-dimensional code in Figure 2, and open the shooting interface (it can be a camera interface or a photography interface, not limited to this), and the mobile phone screen will A page with a QR code will be displayed.

The processor of the mobile terminal records the coordinates of the outermost points A, B, and C of the three image-finding graphics in the two-dimensional code area S on the screen of the mobile phone. In the present embodiment, the coordinates of the points farthest from the center of the two-dimensional code (that is, the coordinates of three corners in the four corners of the periphery of the two-dimensional code) are selected from the three "back"-shaped image-finding graphics, So that the material can finally perfectly cover the QR code. Of course, it is also possible to expand or reduce some ranges outwardly according to the position of the image-finding graphic of the "back" font, and it is not limited to this.

Since one corner of the two-dimensional code does not have an image-finding graphic, the corresponding coordinates of D can be calculated according to the coordinates of the three points A, B, and C. Usually the two-dimensional code has a standard pattern regulation, for example, the quick-response two-dimensional code is square, so the coordinates of point D can be easily calculated in the plane coordinate system. Of course, a point in the quick-response two-dimensional code that does not have an image-finding graphic in the shape of "Hui" and that is farthest from the center of the two-dimensional code can also be used as point D. Any existing and future invented planar positioning methods can be used without limitation.

And, according to the information represented by the two-dimensional code, the mobile phone accesses the video content in the external website corresponding to the two-dimensional code, and then receives the video content through the network.

Fig. 4 is an effect diagram of displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal according to the first embodiment of the present invention. As shown in Figure 4, the mobile terminal (such as a mobile phone) adjusts the display resolution of the video to match the resolution of the two-dimensional code area S; and covers the two-dimensional code area of the two-dimensional code on the mobile phone screen with the adjusted resolution video S, to play. From the screen of the mobile phone, the user sees only video and text on the page, but cannot see the QR code on the original page, and the area of the video completely covers the area of the QR code. In this way, the QR code on the original page looks like a video being played from the screen of the mobile phone. The video and text formed on the page are combined with each other, and this novel visual effect greatly improves the user experience.

second embodiment

FIG. 5 is an effect diagram of displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal according to the second embodiment of the present invention. As shown in FIG. 5 , the page in this embodiment is a page that records the car introduction content, and the two-dimensional code therein corresponds to a 3D display model of the car on an external website.

Put the mobile phone 1 directly above the QR code, open the shooting interface (it can be a camera interface or a photography interface, not limited to this), and a page with a QR code will be displayed on the screen of the mobile phone.

Record the coordinates of the outermost points A, B, and C of the three image-finding graphics on the screen of the mobile phone. In this embodiment, three image-finding graphics in the font of "back" are selected to give examples of the coordinates of the farthest point of the center of the two-dimensional code, so that the material can finally perfectly cover the two-dimensional code (of course, it can also be based on the font of "back") The position of the image-finding graphics, expand or reduce some range outwards, not limited to this).

According to the coordinates of coordinates A, B, and C, the corresponding coordinates of D are calculated. Two-dimensional codes have standard pattern regulations. For example, quick-response two-dimensional codes are in the positive direction, so it is easy to calculate the coordinates of point D in the plane coordinate system. Of course, it is also possible to use a point farthest from the center of the two-dimensional code as point D in the quick response two-dimensional code that does not have an image-finding graphic in the shape of "back". Any existing and future invented planar positioning methods can be used without limitation.

According to the information represented by the two-dimensional code, the mobile phone accesses the 3D display model of the car in the external website corresponding to the two-dimensional code, and then receives the display data of the 3D display model of the car through the network.

The mobile phone adjusts the display resolution of the display data of the car 3D display model to match the resolution of the two-dimensional code area S; and overwrites the display data of the car 3D display model after the resolution adjustment on the two-dimensional code on the mobile phone screen Area S for interaction, users can view the appearance of the vehicle from different angles through gesture operations such as dragging or rotating with fingers in this QR code area S, and get a more intuitive visual effect, which cannot be achieved by traditional pages .

third embodiment

FIG. 6 is an effect diagram of displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal according to the third embodiment of the present invention. As shown in Figure 6, during actual use, the camera of the mobile phone is not necessarily perpendicular to the QR code, but may be tilted at a certain angle. Then, the QR code area S displayed on the mobile phone is not a regular rectangle, but a diagonal quadrilateral or trapezoid, and the material may not be well displayed within the quadrilateral range. In this regard, the following steps can be added to the method of the first embodiment or the second embodiment to overcome this problem: locate the shape of the two-dimensional code area S of the two-dimensional code in the screen of the mobile phone in real time, and The shape of the code area S, by pulling up or tilting the display of the material, adjusts the parallax of the material in real time to match the shape of the two-dimensional code area S at all times. Other technical features are the same as those of the first embodiment or the second embodiment, and will not be repeated here.

Fourth embodiment

The method for displaying corresponding materials in the two-dimensional code area on the screen of the mobile terminal of the present invention is not only applicable to mobile phones, but also can be applied to various detection and identification devices. Even on a detection device that can be used independently without a network environment. For example, using a detection device adopting the method of the present invention to identify a two-dimensional code on the outer wall of a container, the information of the two-dimensional code corresponds to the internal address of a picture pre-stored on the memory inside the detection device, and the picture shows The shipping date of the container, the consignor, the expected arrival date and other information. Other technical features are the same as those of the first embodiment or the second embodiment, and will not be repeated here. Therefore, even in an environment without external network support, freight-related staff only need to hold a detection device to take pictures of the QR code on the outer wall of the container to know all the freight information of the container, as if the freight information is written in It's the same as on the container, but people without detection devices will definitely not be able to know. In this way, it is convenient for the personnel in the freight link to quickly obtain the freight information, and it also has confidentiality.

fifth embodiment

The method for displaying corresponding materials in the two-dimensional code area on the mobile terminal screen of the present invention is not only applicable to QR two-dimensional codes with image-seeking graphics, but also can be applied to other two-dimensional codes without image-finding graphics, such as DM QR code. In the step of identifying the two-dimensional code area of the two-dimensional code on the screen of the mobile terminal and recording the coordinates of the two-dimensional code area, the following steps need to be added: first, the collected two-dimensional code to be identified The color bitmap of the code is converted into a 256-color grayscale bitmap, the grayscale bitmap is converted into a binary image, and projected to the X-axis and Y-axis of the binary image respectively to obtain the center point of the two-dimensional code area; Use the center point as the starting point, and scan in four directions up, down, left, and right to obtain the four outermost points of the QR code area; use any outermost point as the starting point to obtain a new one in the counterclockwise or clockwise direction. Outermost point; repeat above-mentioned process, obtain the area of the two-dimensional code of precise positioning (the identification of the two-dimensional code that does not have picture-seeking figure belongs to prior art, as patent publication number: disclosed technical content among CN1818926A, no longer here repeat).

Sixth embodiment

In the process of actual use, it is also possible that the mobile phone simultaneously recognizes two QR codes pointing to different videos. At this point, the first frame of the two videos can be displayed on the screen of the mobile phone, and when an area of the picture is clicked, the video will start to play, which can prevent the speaker of the mobile phone from playing the sound of the two videos at the same time cause mutual interference. Other technical features are the same as those of the first embodiment or the second embodiment, and will not be repeated here.

To sum up, it can be seen that a method and a mobile terminal for displaying corresponding materials in the QR code area of the present invention allow the content pointed to by the QR code (such as video/picture/text) to directly replace the original QR code, and display it in the camera The location of the original QR code is displayed, so that the user looks like the QR code is gone, and instead it is the video/picture/text that is actually played. By adopting the method of the present invention, the reality and the virtual are organically combined to produce an enhanced display effect, which can greatly expand the information volume of the two-dimensional code page, generate good user interaction, and bring revolutionary changes to traditional books. The way of reading, and created a new model of advertising.

Specific embodiments of the present invention have been described above. It should be understood that the present invention is not limited to the specific embodiments described above, and those skilled in the art may make various changes or modifications within the scope of the claims, which do not affect the essence of the present invention.

Claims (11)

1. the method at the corresponding material of two-dimension code area display, it is characterised in that at least comprise the following steps:

S101: mobile terminal identifies at least one Quick Response Code from Quick Response Code carrier, and positions the two-dimension code area in the screen of described mobile terminal；

S102: described mobile terminal receives the material that described Quick Response Code is corresponding；And

S103: the two-dimension code area in the screen of described mobile terminal shows described material, described material covers or two-dimension code area described in local complexity。

2. the method at the corresponding material of two-dimension code area display as claimed in claim 1, it is characterised in that at least comprise the following steps in described step S101:

S1011: the Quick Response Code on the photographic head shooting Quick Response Code carrier of described mobile terminal, and show at screen；

S1012: Quick Response Code two-dimension code area in screen described in described mobile terminal identification, and record the coordinate of described two-dimension code area；And

S1013: described mobile terminal reads the information represented by this Quick Response Code in described two-dimension code area。

3. the method at the corresponding material of two-dimension code area display as claimed in claim 2, it is characterized in that: described Quick Response Code is the fast reaction Quick Response Code on three angles with three view finding figures, the described mobile terminal coordinate according to three described view finding figure outermost end, calculates the coordinate of the 4th angle outermost end。

4. as claimed in claim 2 or claim 3 in the method for the corresponding material of two-dimension code area display, it is characterised in that described step S102 at least comprises the following steps:

S1021: described mobile terminal information represented by described Quick Response Code, accesses the material of corresponding described Quick Response Code in described mobile terminal interiorly or exteriorly data base；And

S1022: described mobile terminal receives, by wired or wireless mode, the material that described Quick Response Code is corresponding。

5. the method at the corresponding material of two-dimension code area display as claimed in claim 4, it is characterised in that at least comprise the following steps in described step S103:

S1031: described mobile terminal adjusts the display resolution of described material, to mate the resolution of two-dimension code area described in screen；And

S1032: by the described two-dimension code area in the described material cover screen after adjustment resolution, display。

6. the method at the corresponding material of two-dimension code area display as claimed in claim 5, it is characterised in that further comprising the steps of in described S1032:

If described material is video, then only show the picture of the first frame of described video, when described picture is clicked, commence play out this video。

7. the method at the corresponding material of two-dimension code area display as claimed in claim 5, it is characterised in that further comprising the steps of in described S1032:

If described material is interactive interface, then in described two-dimension code area, the interaction feedback of display and described material。

8. the method at the corresponding material of two-dimension code area display as claimed in claim 1, it is characterised in that:

In described step S101, the two-dimension code area in the screen of described mobile terminal of the Quick Response Code described in real-time positioning；And

In described step S103, also including, by the shape according to described two-dimension code area, described material carrying out the real-time adjustment of parallax, the moment mates the shape of described two-dimension code area。

9. the method at the corresponding material of two-dimension code area display as claimed in claim 1, it is characterised in that: described material is the combination of one or more in word, picture, video, 2D interactive interface, 3D interactive interface。

10. the method at the corresponding material of two-dimension code area display as claimed in claim 1, it is characterised in that: described Quick Response Code carrier is one or more in books, metope, advertisement cabinet, apparatus casing, skin surface, fabric。

11. one kind can at the mobile terminal of the corresponding material of two-dimension code area display, including photographic head and screen, it is characterised in that: this mobile terminal adopts the corresponding material of two-dimension code area display on the screen of the method as described in any one in claim 1 to 10。