CN104991933A - Image display method and device - Google Patents

Abstract

The invention discloses a picture display method and a picture display device, which are used for uploading a locally stored TGA-formatted picture to a multimedia webpage, so that the load pressure of a server is reduced. The method comprises the following steps: acquiring a TGA format picture to be uploaded; converting the TGA format picture into a PNG format picture; carrying out Base64 coding on the picture in the PNG format to obtain a picture in a B64 format; calling the pictures in the B64 format and displaying the pictures in the B64 format on a multimedia webpage. According to the technical scheme, the effect of displaying the TGA-formatted picture on the multimedia webpage is achieved, so that a user can acquire more picture information when watching webpage multimedia, and the experience degree of the user is improved.

Description

Image display method and device

technical field

The invention relates to the technical field of the Internet, in particular to a picture display method and device.

Background technique

With the advancement of science and technology and the development of the times, video acquisition equipment is becoming more and more popular, and video dissemination is becoming more and more extensive. Video, a multimedia technology that integrates visual and auditory senses, has become an essential part of people's lives. In order to better meet people's needs and improve the viewer's visual experience, a large number of video processing technologies have been proposed. For example, in order to solve the difference between the resolutions of different video display devices, researchers have proposed video scaling technology; in order to obtain better video visual effects, researchers have proposed image quality enhancement technology and so on. At the same time, adding subtitles and logos to the video as an auxiliary means plays an extremely important role in helping people better appreciate and understand the video when playing the video.

However, webpage resources are usually stored in a server, and a path for webpage videos to obtain resources points to the server. The format of the station logo is TGA format, and it is a local resource, which requires the webpage video to directly obtain resources from the local.

Contents of the invention

The invention provides a method and device for displaying pictures, which are used for uploading locally stored pictures in TGA format to multimedia webpages, so as to reduce the load pressure on the server.

The present invention provides a picture display method, comprising:

Get the picture to be uploaded in TGA format;

The picture in the TGA format is converted into a picture in the PNG format;

Carry out Base64 encoding to the picture in PNG format to obtain a picture in B64 format;

The picture in B64 format is called, and the picture in B64 format is displayed on the multimedia webpage.

Some beneficial effects of the embodiments of the present invention may include:

The above technical solution realizes displaying the picture in TGA format on the multimedia webpage by converting the picture in TGA format into a picture in PNG format, and encoding the picture in PNG format, and then displaying the encoded picture on the multimedia webpage. effect, so that users can obtain more picture information when viewing webpage multimedia, and improve user experience.

In one embodiment, the acquisition of the picture in TGA format to be uploaded includes:

Get the image in TGA format that is stored locally and is to be uploaded.

In this embodiment, by converting the picture in TGA format stored locally into a picture in PNG format, and encoding the picture in PNG format, and then displaying the encoded picture on the multimedia webpage, it is realized to display TGA on the multimedia webpage. TGA format pictures, and when uploading TGA format pictures on the multimedia webpage, there is no need to obtain resources from the server, which reduces the pressure on the server.

In one embodiment, the acquisition of the picture in TGA format to be uploaded includes:

Read the image in TGA format to be uploaded by reading the file stream through HTML5;

The picture in the TGA format is cached.

In this embodiment, the image in TGA format is read and cached by using HTML5 to read the file stream, that is, the fixed-length binary cache data is returned, so that the image in TGA format can be converted into an image in PNG format, and then the image in TGA format can be converted to PNG format. The purpose of uploading images to caption templates.

In one embodiment, said converting the picture in TGA format into a picture in PNG format includes:

Obtain the value of each pixel of the picture in the TGA format;

Converting the picture in TGA format into a picture in PNG format according to the value of each pixel.

In this embodiment, the picture in TGA format is converted to the picture in PNG format according to the value of each pixel, so that the format conversion of the picture is more accurate and convenient, and then the purpose of uploading the picture in TGA format to the subtitle template is realized.

In one embodiment, the obtaining the value of each pixel of the picture in the TGA format includes:

The value of each pixel of the picture in the TGA format is acquired through a displacement algorithm.

In this embodiment, the value of each pixel of the picture in TGA format is obtained by the displacement algorithm, and then the picture in TGA format is converted into a picture in PNG format, and the picture is displayed on the multimedia webpage through encoding, so that the terminal does not need to access the server The effect of displaying the picture in TGA format on the multimedia webpage can be realized, which not only reduces the load pressure of the server, but also improves the user experience.

The present invention provides a picture display device, comprising:

The acquisition module is used to acquire the picture in TGA format to be uploaded;

Conversion module, for converting the picture of described TGA format into the picture of PNG format;

An encoding module, configured to perform Base64 encoding on the image in PNG format to obtain an image in B64 format;

The display module is used to call the pictures in the B64 format and display the pictures in the B64 format on the multimedia webpage.

In one embodiment, the acquisition module includes:

The first obtaining sub-module is used to obtain the locally stored picture in TGA format to be uploaded.

In one embodiment, the acquisition module includes:

The reading sub-module is used to read the image in TGA format to be uploaded by reading the file stream through HTML5;

The caching submodule is used for caching the pictures in the TGA format.

In one embodiment, the conversion module includes:

The second acquisition submodule is used to acquire the value of each pixel of the picture in the TGA format;

The conversion submodule is used to convert the picture in TGA format into a picture in PNG format according to the value of each pixel.

In one embodiment, the second acquisition submodule includes:

The obtaining unit is used to obtain the value of each pixel of the picture in the TGA format through a displacement algorithm.

Some beneficial effects of the embodiments of the present invention may include:

The above device converts the picture in TGA format into a picture in PNG format, and encodes the picture in PNG format, and then displays the encoded picture on the multimedia webpage, thereby realizing the effect of displaying the picture in TGA format on the multimedia webpage , so that the user can obtain more picture information when watching the webpage multimedia, and improve the user experience.

Additional features and advantages of the invention will be set forth in the description which follows, and in part will be apparent from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention may be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.

The technical solutions of the present invention will be described in further detail below with reference to the accompanying drawings and embodiments.

Description of drawings

The accompanying drawings are used to provide a further understanding of the present invention, and constitute a part of the description, and are used together with the embodiments of the present invention to explain the present invention, and do not constitute a limitation to the present invention. In the attached picture:

Fig. 1 is a flow chart of a picture display method in an embodiment of the present invention;

FIG. 2 is a flow chart of step S11 in a picture display method in an embodiment of the present invention;

FIG. 3 is a flowchart of step S12 in a picture display method in an embodiment of the present invention;

Fig. 4 is a block diagram of a picture display device in an embodiment of the present invention;

5 is a block diagram of an acquisition module in a picture display device in an embodiment of the present invention;

6 is a block diagram of an acquisition module in a picture display device in an embodiment of the present invention;

FIG. 7 is a block diagram of a conversion module in a picture display device according to an embodiment of the present invention;

Fig. 8 is a block diagram of a second acquisition sub-module in a picture display device according to an embodiment of the present invention.

Detailed ways

The preferred embodiments of the present invention will be described below in conjunction with the accompanying drawings. It should be understood that the preferred embodiments described here are only used to illustrate and explain the present invention, and are not intended to limit the present invention.

Fig. 1 is a flowchart of a picture display method in an embodiment of the present invention. As shown in Fig. 1, the method is used in a terminal and includes the following steps S11-S14:

Step S11, acquiring the picture in TGA format to be uploaded.

Wherein, the picture in the TGA format is a local resource, so it is pre-stored locally in the terminal. Therefore, when the terminal acquires a picture in TGA format (for example, a logo), it does not need to access the server, but only needs to directly acquire resources locally, thereby reducing the load pressure on the server.

Step S12, converting the picture in TGA format into a picture in PNG format.

Step S13 , performing Base64 encoding on the picture in PNG format to obtain a picture in B64 format.

Step S14, call the picture in B64 format, and display the picture in B64 format on the multimedia webpage.

The above method can be applied to specific multimedia applications. For example, if you want to add the station logo on the interface of the webpage video, because the webpage video interface does not support the display of pictures in TGA format, and the format of the station logo is in TGA format, only through the above The method is to convert the format of the station logo into PNG format, then encode the converted station logo in PNG format, and then add it to the webpage video interface, so that when users watch webpage videos, they can view more videos information.

By adopting the technical solution provided by the embodiment of the present invention, by converting the picture in TGA format into a picture in PNG format, and encoding the picture in PNG format, and then displaying the encoded picture on the multimedia webpage, the multimedia webpage is realized. The effect of displaying pictures in TGA format, so that users can obtain more picture information when viewing webpage multimedia, and improve user experience.

In one embodiment, as shown in FIG. 2, step S11 may be implemented as the following steps S111-S112:

Step S111, read the image in TGA format to be uploaded by means of HTML5 reading file stream.

Step S112, cache the picture in TGA format.

In this embodiment, the image in TGA format to be uploaded is first directly read through the FileReader object of HTML5, and read in the reading mode of readAsArrayBuffer. Among them, when reading with the readAsArrayBuffer reading method, a typed array is returned, that is, fixed-length binary cache data. This method is very convenient when performing some file operations, especially for image format conversion in the embodiment of the present invention. very convenient in the process. In this embodiment, the image in TGA format is read and cached by using HTML5 to read the file stream, that is, the fixed-length binary cache data is returned, so that the image in TGA format can be converted into an image in PNG format, and then the image in TGA format can be converted to PNG format. The purpose of uploading pictures to multimedia web pages.

In one embodiment, as shown in FIG. 3, step S12 may be implemented as the following steps S121-S122:

Step S121, acquiring the value of each pixel of the picture in TGA format.

Step S122, converting the picture in TGA format into a picture in PNG format according to the value of each pixel.

Wherein, step S121 may be implemented as the following steps: acquire the value of each pixel of the picture in TGA format by a displacement algorithm. After obtaining the value of each pixel of the picture in TGA format, bind the value of each pixel to the established canvas object through the putlmageData method of canvas, and then convert the canvas object to the corresponding format through getDataURL of canvas Image, the purpose of converting a picture in TGA format to a picture in PNG format can be achieved. In this way, the image in TGA format is converted into the image in PNG format, so that the terminal can obtain the image in TGA format locally stored in the terminal without accessing the server, and convert and encode the image in TGA format, and then upload it to the multimedia In the webpage, not only enables the user to obtain more multimedia information when viewing the multimedia of the webpage, but also reduces the load pressure on the server.

Corresponding to the method for uploading pictures in the above embodiments, the present invention also provides a picture display device, as shown in Figure 4, the picture display device includes:

Obtaining module 41, is used for obtaining the picture of the TGA format to be uploaded;

Conversion module 42, for the picture of TGA format is converted into the picture of PNG format;

Encoding module 43, for carrying out Base64 encoding to the picture of PNG format, obtains the picture of B64 format;

The display module 44 is used to call the pictures in B64 format and display the pictures in B64 format on the multimedia webpage.

In one embodiment, as shown in Figure 5, the acquisition module 41 includes:

The first acquisition sub-module 411 is configured to acquire locally stored pictures in TGA format to be uploaded.

In one embodiment, as shown in Figure 6, the obtaining module 41 includes:

The reading submodule 412 is used to read the image in the TGA format to be uploaded by HTML5 reading the file stream;

The caching submodule 413 is used for caching pictures in TGA format.

In one embodiment, as shown in Figure 7, the conversion module 42 includes:

The second obtaining submodule 421 is used to obtain the value of each pixel of the picture in TGA format;

The converting sub-module 422 is configured to convert the picture in TGA format into a picture in PNG format according to the value of each pixel.

In one embodiment, as shown in FIG. 8, the second acquiring submodule 421 includes:

The acquisition unit 4211 is configured to acquire the value of each pixel of the picture in TGA format through a displacement algorithm.

By adopting the above-mentioned device provided by the embodiment of the present invention, by converting the picture in TGA format into a picture in PNG format, and encoding the picture in PNG format, and then displaying the encoded picture on a multimedia webpage, the multimedia webpage The effect of displaying pictures in TGA format, so that users can obtain more picture information when viewing webpage multimedia, and improve user experience.

Those skilled in the art should understand that the embodiments of the present invention may be provided as methods, systems, or computer program products. Accordingly, the present invention can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage and optical storage, etc.) having computer-usable program code embodied therein.

The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It should be understood that each procedure and/or block in the flowchart and/or block diagram, and a combination of procedures and/or blocks in the flowchart and/or block diagram can be realized by computer program instructions. These computer program instructions may be provided to a general purpose computer, special purpose computer, embedded processor, or processor of other programmable data processing equipment to produce a machine such that the instructions executed by the processor of the computer or other programmable data processing equipment produce a An apparatus for realizing the functions specified in one or more procedures of the flowchart and/or one or more blocks of the block diagram.

These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing apparatus to operate in a specific manner, such that the instructions stored in the computer-readable memory produce an article of manufacture comprising instruction means, the instructions The device realizes the function specified in one or more procedures of the flowchart and/or one or more blocks of the block diagram.

These computer program instructions can also be loaded onto a computer or other programmable data processing device, causing a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process, thereby The instructions provide steps for implementing the functions specified in the flow chart or blocks of the flowchart and/or the block or blocks of the block diagrams.

Obviously, those skilled in the art can make various changes and modifications to the present invention without departing from the spirit and scope of the present invention. Thus, if these modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalent technologies, the present invention also intends to include these modifications and variations.

Claims (10)

1. A picture display method, characterized in that, comprising: Obtain the picture to be uploaded in TGA format; The picture in the TGA format is converted into a picture in the PNG format; Carry out Base64 encoding to the picture in PNG format to obtain a picture in B64 format; The picture in B64 format is called, and the picture in B64 format is displayed on the multimedia webpage. 2. The method according to claim 1, wherein said obtaining the picture in TGA format to be uploaded comprises: Get the image in TGA format that is stored locally and is to be uploaded. 3. The method according to claim 1, wherein said acquiring the picture in TGA format to be uploaded comprises: Read the image in TGA format to be uploaded by reading the file stream through HTML5; The picture in the TGA format is cached. 4. The method according to claim 1, wherein said converting the picture in said TGA format into a picture in PNG format comprises: Obtain the value of each pixel of the picture in the TGA format; Converting the picture in TGA format into a picture in PNG format according to the value of each pixel. 5. The method according to claim 4, wherein the obtaining the value of each pixel of the picture in the TGA format comprises: The value of each pixel of the picture in the TGA format is acquired through a displacement algorithm. 6. A picture display device, characterized in that it comprises: The acquisition module is used to acquire the picture in TGA format to be uploaded; Conversion module, for converting the picture of described TGA format into the picture of PNG format; An encoding module, configured to perform Base64 encoding on the image in PNG format to obtain an image in B64 format; The display module is used to call the pictures in the B64 format and display the pictures in the B64 format on the multimedia webpage. 7. The device according to claim 6, wherein the acquiring module comprises: The first obtaining sub-module is used to obtain the locally stored picture in TGA format to be uploaded. 8. The device according to claim 6, wherein the acquiring module comprises: The reading sub-module is used to read the image in TGA format to be uploaded by reading the file stream through HTML5; The caching submodule is used for caching the pictures in the TGA format. 9. The device according to claim 6, wherein the conversion module comprises: The second acquisition submodule is used to acquire the value of each pixel of the picture in the TGA format; The conversion submodule is used to convert the picture in TGA format into a picture in PNG format according to the value of each pixel. 10. The device according to claim 6, wherein the second acquiring submodule comprises: The obtaining unit is used to obtain the value of each pixel of the picture in the TGA format through a displacement algorithm.