Content display method and apparatus, readable medium, and electronic device

Abstract

The present disclosure relates to a content display method and apparatus, a readable medium, and an electronic device. The method comprises: acquiring graphical and textual content, the graphical and textual content comprising a target picture and target text; on the basis of the size of a video playback region in a video playback page, adjusting the size of the target picture to obtain a target display picture; and playing the target display picture in the form of a video in the video playback region, and displaying the target text in the vicinity of the video playback region.

Description

Content display method, device, readable medium and electronic device

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This application is based on and claims priority to the Chinese patent application with application number 202310954117.2 and application date July 31, 2023. The disclosed content of the Chinese patent application is hereby introduced as a whole into this application. Technical Field

[0003] The present disclosure relates to the field of computer technology, and in particular, to a content display method, device, readable medium, and electronic device. Background Art

[0004] With the development of computer technology, more and more applications have emerged, such as those that allow users to publish posts, videos, and other content. As an emerging data carrier, video content is more in line with the fragmented reading habits of users in today's fast-paced life.

[0005] Summary of the Invention

[0006] This summary is provided to briefly introduce concepts that will be described in detail in the detailed description below. This summary is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.

[0007] In a first aspect, the present disclosure provides a content display method, the method comprising:

[0008] Acquire graphic content, wherein the graphic content includes a target image and target text;

[0009] Adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image;

[0010] The target display image is played in the video play area in the form of a video, and the target text is displayed around the video play area.

[0011] In a second aspect, the present disclosure provides a content display device, the device comprising:

[0012] An acquisition module is used to acquire graphic content, wherein the graphic content includes a target image and target text;

[0013] An adjustment module, configured to adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image;

[0014] The playing module is used to play the target display picture in the form of video in the video playing area and display the target text around the video playing area.

[0015] In a third aspect, the present disclosure provides a computer-readable medium having a computer program stored thereon, which, when executed by a processing device, implements the steps of any one of the methods described in the first aspect.

[0016] In a fourth aspect, the present disclosure provides an electronic device, comprising:

[0017] a storage device having a computer program stored thereon;

[0018] A processing device is used to execute the computer program in the storage device to implement the steps of any one of the methods in the first aspect.

[0019] Through the above technical solution, the graphic content including the target image and target text is first obtained, and then the size of the target image is adjusted according to the size of the video playback area in the video playback page to obtain the target display image. Finally, the target display image is played in the video playback area in the form of a video, and the target text is displayed around the video playback area.

[0020] Other features and advantages of the present disclosure will be described in detail in the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale. In the drawings:

[0022] FIG1 is a schematic diagram of converting a post to a video playback according to an exemplary embodiment;

[0023] FIG2 is a flow chart of a content display method according to an exemplary embodiment;

[0024] FIG3 is a schematic diagram of a video playback page provided according to an exemplary embodiment;

[0025] FIG4 is a schematic diagram of a comment area picture provided according to an exemplary embodiment;

[0026] FIG5 is a schematic diagram of jumping to a detail page of an image in a comment area according to an exemplary embodiment;

[0027] FIG6 is a schematic diagram of playing a long picture according to an exemplary embodiment;

[0028] FIG7 is a schematic diagram of stitching long pictures according to an exemplary embodiment;

[0029] FIG8 is a block diagram of a content display device according to an exemplary embodiment;

[0030] FIG9 is a block diagram of an electronic device according to an exemplary embodiment. DETAILED DESCRIPTION

[0031] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0032] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0033] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0034] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0035] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0036] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0037] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0038] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the operation requested will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.

[0039] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0040] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0041] At the same time, it is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) must comply with the requirements of relevant laws, regulations and relevant provisions.

[0042] In related technology, as shown in Figure 1, for text and image content similar to posts, it is possible to convert the text and image content into a video for full-screen scrolling playback. However, these applications typically focus on images when publishing posts, with restrictions on image size and content. This is so that the converted video can maintain a similar style to the post. If the images are of inconsistent size or have fancy content, using full-screen playback will result in unclear text and image display, resulting in poor visual quality.

[0043] For example, for graphic content on gaming platforms, user-uploaded images are often screenshots of games, often featuring flashy content but low in information, making them unsuitable for full-screen display. Furthermore, gaming platform posts often use long images to showcase activities, strategy guides, and other lengthy content. However, related technologies typically use horizontal scrolling to switch between multiple images to achieve a video playback effect, and are unable to play long images. Furthermore, interactive posts can encourage users to share and interact with photos in the comment section, so images in the comment section are also considered important information, which related technologies cannot capture.

[0044] In view of this, embodiments of the present disclosure provide a content display method, device, readable medium, and electronic device to solve the above-mentioned problems.

[0045] It should be understood that the content display method provided by the embodiment of the present disclosure is used to convert the graphic content of similar posts into video content for publication. It can be in response to the operation of the user who published the graphic content, such as setting a conversion button in the application, and converting the graphic content into video content in response to the user clicking the button. It can also be that with the user's authorization, the graphic content posted by the user is automatically converted into video content for publication. The present disclosure does not impose any restrictions on this.

[0046] The following further explains the embodiments of the present disclosure with reference to the accompanying drawings.

[0047] FIG2 is a flow chart of a content display method according to an exemplary embodiment of the present disclosure. Referring to FIG2 , the method includes:

[0048] S201: Obtain graphic content.

[0049] The graphic content includes target pictures and target texts.

[0050] S202: Adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image.

[0051] For example, when a user posts graphic content, the size of the pictures may be inconsistent, such as horizontal pictures or vertical pictures. Therefore, the size of the target picture can be adjusted according to the size of the video playback area in the video playback page so that the target display picture can be fully displayed in the video playback area. Figure 3 shows the display effects of horizontal and vertical pictures.

[0052] S203: Play the target display image in the video play area in the form of a video, and display target text around the video play area.

[0053] For example, referring to Figure 3, the text portion of the graphic content can be used as a large title, and the font, color, etc. of the text can be adjusted to be displayed around the video playback area, making it easier to read in conjunction with the video content, and highlighting the text portion can be more in line with the reading habits of graphic posts. Among them, the text portion can be displayed above or below the video playback area, and the number of words displayed in the text portion can also be limited, etc., which is not restricted by this disclosure. For other operation areas such as likes, shares, comments, etc., you can refer to related technologies, and this disclosure will not go into details here.

[0054] In a possible embodiment, the method further includes: filling the background of the video playback page according to the color of the target display image.

[0055] For example, the primary color of the target display image can be used to fill the background of the video playback page, ensuring a consistent display effect between the background and the video, enhancing the user's visual experience. Alternatively, the target display image can be blurred, its transparency adjusted, and then used as the background of the video playback page to achieve a similar effect. This disclosure does not limit this.

[0056] In a possible manner, there are multiple target display pictures, and playing the target display pictures in the video playback area in the form of video can include: scrolling and playing the corresponding target display pictures in the video playback area in the form of video according to the display order of the target pictures in the details page of the graphic content, and displaying a graphic control for representing the picture playback progress on the video playback page.

[0057] For example, graphic content usually includes multiple pictures, which corresponds to multiple target display pictures. The corresponding target display pictures can be scrolled and played in the video playback area in the form of a video according to the display order of the pictures in the details page of the graphic content. You can also set the display time of each picture, for example, 1 second. Taking 5 pictures as an example, the corresponding video is 5 seconds, and the target display pictures are scrolled and switched at a speed of 1 second in the video. Among them, the pictures can be switched horizontally or vertically, and the switching effect of the slide can also be referred to. This disclosure does not limit this.

[0058] For example, a graphic control for representing the progress of picture playback is displayed on the video playback page, such as the progress bar shown in Figure 3. One progress bar can represent the playback progress of the entire video, or one progress bar can be divided into multiple segments, each segment corresponding to the playback progress of a picture. The present disclosure does not limit the position and style of the graphic control.

[0059] In addition, the disclosed embodiment also provides an entry to view the details page of the graphic content, such as the "View Original Text" button shown in Figure 3. Users can click this button to jump to the details page of the graphic content, making it easier for users who are browsing the video to browse the details page (i.e., the original post), thereby increasing the number of views on the details page. The details page first displays the full text of the graphic content (post) and all comments, and can also add more related post recommendations at the bottom of the page to guide further reading.

[0060] The above method not only standardizes the size of the image content in the video, but also limits the image content to the video playback area for playback, while the text content is displayed around the video playback area, that is, the image content does not overlap with the text content. In this way, even if the image content is fancy, the text and image will not be displayed clearly, which has a good visual effect and is convenient for users to browse.

[0061] In a possible manner, the graphic content also includes a comment area picture, and the method further includes: displaying the comment area picture on the video playback page while the target display picture is played.

[0062] For example, referring to FIG4 , while the target image is being played, a comment area image is displayed on the video playback page. The comment area image can be displayed within the video playback area (as shown in the lower left corner of FIG4 ) and on top of the video content. Alternatively, a display area for displaying the comment area image can be provided around the video playback area, and the display area does not overlap with the text display area. This disclosure does not impose any restrictions on this. Since the comment area image typically includes multiple images, multiple comment area images can be displayed in a scrolling switching manner.

[0063] In a possible embodiment, the method further includes: in response to a triggering operation on a displayed comment area picture, jumping to a detail page of the graphic content, and locating a target comment corresponding to the displayed comment area picture in the detail page.

[0064] For example, referring to Figure 5, in response to a trigger operation on the displayed comment area picture, such as clicking on the comment area picture, the page jumps to the details page of the graphic content, and the target comment corresponding to the comment area picture is located in the details page, making it easier for users browsing the video to browse the comments of interest.

[0065] In a possible embodiment, the target display image is a long image whose length exceeds a preset threshold. Playing the target display image as a video in the video playback area may include: increasing the height of the video playback area to obtain a long image playback area; and scrolling the long image vertically in the long image playback area. The method further includes: displaying the playback progress of the long image in the long image playback area as thumbnails, wherein the thumbnail portion corresponding to the displayed portion of the long image in the long image playback area is displayed in a first style, and the thumbnail portion corresponding to the undisplayed portion of the long image in the long image playback area is displayed in a second style, the first style being different from the second style.

[0066] For example, referring to Figure 6 , for long images, the height of the video playback area can be increased to create a long image playback area, thereby improving the visual effect of long image playback. The preset threshold for the length can be determined based on needs and is not limited in this disclosure. The long image is then scrolled vertically within the long image playback area, i.e., scrolled downward from the top of the long image to the bottom.

[0067] For example, the playback progress of a long picture is displayed in the long picture playback area in the form of thumbnails. For example, the portion of the long picture currently displayed in the long picture playback area is displayed with a border in the thumbnail, while the remaining portion is displayed without a border, or the remaining portion is displayed semi-transparently. The portion of the long picture currently displayed in the long picture playback area can also be enlarged and displayed in the thumbnail, while the remaining portion remains unchanged, etc., and this disclosure does not impose any restrictions on this. In addition, the playback progress of a long picture can also be reflected in the form of a graphical control such as a progress bar, and this disclosure does not impose any restrictions on this.

[0068] In a possible manner, the target image is multiple images, and the multiple target images include at least one long image whose length exceeds a preset threshold. The size of the target image is adjusted according to the size of the video playback area in the video playback page to obtain the target display image. It can include: according to the display order of the target images in the details page corresponding to the graphic content, the multiple target images are spliced ​​together to obtain a spliced ​​long image, and the size of the spliced ​​long image is adjusted according to the size of the video playback area in the video playback page to obtain the target display image.

[0069] For example, referring to Figure 7, if the target image is multiple images and includes at least one long image, the multiple images can be spliced ​​in the display order in the details page to obtain a new long image, and the corresponding size adjustment is performed to obtain the target display image, wherein the playback method of the long image refers to Figure 6, and this disclosure will not be repeated here.

[0070] Based on the same inventive concept, the present disclosure provides a content display device. Referring to FIG. 8 , the device 800 includes:

[0071] An acquisition module 801 is used to acquire graphic content, wherein the graphic content includes a target image and target text;

[0072] An adjustment module 802 is configured to adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image;

[0073] The playing module 803 is configured to play the target display image in the form of a video in the video playing area, and display the target text around the video playing area.

[0074] Optionally, the graphic content further includes a comment area picture, and the device 800 further includes:

[0075] The comment area picture module is used to display the comment area picture on the video playback page while playing the target display picture.

[0076] Optionally, the comment area picture module is further used to:

[0077] In response to a triggering operation on the displayed comment area picture, jump to the detail page of the graphic content, and locate and display the target comment corresponding to the comment area picture on the detail page.

[0078] Optionally, the number of the target display pictures is multiple, and the playing module 803 is used to:

[0079] According to the display order of the target images in the details page of the graphic content, the corresponding target display images are scrolled and played in the video playback area in the form of videos, and a graphic control for representing the image playback progress is displayed on the video playback page.

[0080] Optionally, the target display image is a long image whose length exceeds a preset threshold, and the playing module 803 is configured to:

[0081] Increasing the height of the video playback area to obtain a long picture playback area;

[0082] Playing the long picture in a vertical scrolling manner in the long picture playing area;

[0083] The apparatus 800 further includes:

[0084] A thumbnail module is used to display the playback progress of the long picture in the form of thumbnails in the long picture playback area, wherein the thumbnail part corresponding to the displayed part of the long picture in the long picture playback area is displayed in a first style, and the thumbnail part corresponding to the undisplayed part of the long picture in the long picture playback area is displayed in a second style, and the first style is different from the second style.

[0085] Optionally, the target image is a plurality of images, and the plurality of target images include at least one long image whose length exceeds a preset threshold, and the adjustment module 802 is configured to:

[0086] According to the display order of the target images in the details page corresponding to the graphic content, multiple target images are spliced ​​together to obtain a spliced ​​long image, and the size of the spliced ​​long image is adjusted according to the size of the video playback area in the video playback page to obtain the target display image.

[0087] Optionally, the apparatus 800 further includes:

[0088] A filling module is used to fill the background of the video playback page according to the color of the target display image.

[0089] The above device not only standardizes the size of the picture content in the video, but also limits the picture content to the video playback area for playback, while the text content is displayed around the video playback area, that is, the picture content does not overlap with the text content. In this way, even if the picture content is fancy, the text and picture will not be displayed clearly, the visual effect is good, and it is convenient for users to browse.

[0090] Regarding the apparatus in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0091] Based on the same concept, an embodiment of the present disclosure further provides a computer-readable medium having a computer program stored thereon, which implements the steps of the above-mentioned content display method when executed by a processing device.

[0092] Based on the same concept, an embodiment of the present disclosure further provides an electronic device, including:

[0093] a storage device having a computer program stored thereon;

[0094] A processing device is used to execute the computer program in the storage device to implement the steps of the above-mentioned content display method.

[0095] Reference is now made to FIG9 , which illustrates a schematic diagram of the structure of an electronic device 900 suitable for implementing embodiments of the present disclosure. Terminal devices in embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device illustrated in FIG9 is merely an example and should not limit the functionality or scope of use of embodiments of the present disclosure.

[0096] As shown in Figure 9, the electronic device 900 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 901, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 902 or a program loaded from a storage device 908 into a random access memory (RAM) 903. Various programs and data required for the operation of the electronic device 900 are also stored in the RAM 903. The processing device 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0097] Typically, the following devices may be connected to the I / O interface 905: an input device 906 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909. The communication device 909 may allow the electronic device 900 to communicate with other devices wirelessly or by wire to exchange data. Although FIG9 shows the electronic device 900 with various devices, it should be understood that it is not required to implement or have all of the devices shown. More or fewer devices may be implemented or have alternatively.

[0098] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 909, or installed from the storage device 908, or installed from the ROM 902. When the computer program is executed by the processing device 901, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0099] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.

[0100] In some embodiments, communication can be performed using any currently known or later developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or later developed network.

[0101] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0102] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device is enabled to: obtain graphic content, which includes a target image and target text; adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image; play the target display image in the form of a video in the video playback area, and display the target text around the video playback area.

[0103] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0104] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0105] The modules described in the embodiments of the present disclosure may be implemented in software or hardware. In some cases, the name of a module does not necessarily limit the module itself. For example, an acquisition module may also be described as a "module for acquiring graphic content."

[0106] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0107] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0108] According to one or more embodiments of the present disclosure, Example 1 provides a content display method, including: obtaining graphic content, the graphic content including a target picture and target text; adjusting the size of the target picture according to the size of the video playback area in the video playback page to obtain a target display picture; playing the target display picture in the form of a video in the video playback area, and displaying the target text around the video playback area.

[0109] According to one or more embodiments of the present disclosure, Example 2 provides the method of Example 1, wherein the graphic content also includes a comment area picture, and further includes: displaying the comment area picture on the video playback page while playing the target display picture.

[0110] According to one or more embodiments of the present disclosure, Example 3 provides the method of Example 2, wherein the graphic content also includes a comment area picture, and the method further includes: in response to a trigger operation on the displayed comment area picture, jumping to the details page of the graphic content, and locating and displaying the target comment corresponding to the comment area picture in the details page.

[0111] According to one or more embodiments of the present disclosure, Example 4 provides the method of any one of Examples 1-3, wherein the number of the target display pictures is multiple, and the target display pictures are played in the form of videos in the video playback area, including: according to the display order of the target pictures in the details page of the graphic content, the corresponding target display pictures are scrolled in the form of videos in the video playback area, and a graphic control for representing the picture playback progress is displayed on the video playback page.

[0112] According to one or more embodiments of the present disclosure, Example 5 provides a method of any one of Examples 1-3, wherein the target display picture is a long picture whose length exceeds a preset threshold, and the target display picture is played in the form of a video in the video playback area, including: increasing the height of the video playback area to obtain a long picture playback area; and scrolling the long picture vertically in the long picture playback area; the method also includes: displaying the playback progress of the long picture in the form of thumbnails in the long picture playback area, wherein the thumbnail part corresponding to the displayed part of the long picture in the long picture playback area is displayed in a first style, and the thumbnail part corresponding to the undisplayed part of the long picture in the long picture playback area is displayed in a second style, and the first style is different from the second style.

[0113] According to one or more embodiments of the present disclosure, Example 6 provides the method of any one of Examples 1-3, wherein the target image is multiple images, and the multiple target images include at least one long image whose length exceeds a preset threshold, and the size of the target image is adjusted according to the size of the video playback area in the video playback page to obtain the target display image, including: splicing the multiple target images according to the display order of the target images in the details page corresponding to the graphic content to obtain a spliced ​​long image, and adjusting the size of the spliced ​​long image according to the size of the video playback area in the video playback page to obtain the target display image.

[0114] According to one or more embodiments of the present disclosure, Example 7 provides the method of any one of Examples 1-3, further comprising: filling the background of the video playback page according to the color of the target display image.

[0115] According to one or more embodiments of the present disclosure, Example 8 provides a content display device, the device including:

[0116] An acquisition module is used to acquire graphic content, wherein the graphic content includes a target image and target text;

[0117] An adjustment module, configured to adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image;

[0118] The playing module is used to play the target display picture in the form of video in the video playing area and display the target text around the video playing area.

[0119] According to one or more embodiments of the present disclosure, Example 9 provides a computer-readable medium having a computer program stored thereon, which implements the steps of the method described in any one of Examples 1-7 when executed by a processing device.

[0120] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, including:

[0121] a storage device having a computer program stored thereon;

[0122] A processing device is used to execute the computer program in the storage device to implement the steps of the method described in any one of Examples 1-7.

[0123] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0124] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0125] Although the subject matter has been described using language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims. Regarding the apparatus in the above-described embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method and will not be elaborated upon here.

Claims

1. A content display method, the method comprising: Acquire graphic content, wherein the graphic content includes a target picture and a target text; Adjust the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image; The target display picture is played in the video play area in the form of a video, and the target text is displayed around the video play area.

2. The method according to claim 1, wherein: The graphic content also includes a comment area picture, and the method further includes: While playing the target display image, the comment area image is displayed on the video playback page.

3. The method according to claim 2, wherein: The method further comprises: In response to a triggering operation on the displayed comment area picture, jump to the detail page of the graphic content, and locate and display the target comment corresponding to the comment area picture in the detail page.

4. The method according to any one of claims 1 to 3, wherein: The number of the target display pictures is multiple, and playing the target display pictures in the form of videos in the video playing area includes: According to the display order of the target images in the details page of the graphic content, the corresponding target display images are scrolled and played in the video playback area in the form of video, and a graphic control for representing the picture playback progress is displayed on the video playback page.

5. The method according to any one of claims 1 to 3, wherein: The target display picture is a long picture whose length exceeds a preset threshold, and the target display picture is played in the form of a video in the video play area, including: Increasing the height of the video playback area to obtain a long picture playback area; Playing the long picture in a vertical scrolling manner in the long picture playing area; The method further comprises: The playing progress of the long picture is displayed in the form of thumbnails in the long picture playing area, wherein the long picture The thumbnail portion of the picture corresponding to the displayed portion in the long picture playback area is displayed in a first style, and the thumbnail portion of the long picture corresponding to the undisplayed portion in the long picture playback area is displayed in a second style, and the first style is different from the second style.

6. The method according to any one of claims 1 to 3, wherein: The target picture is a plurality of pictures, and the plurality of target pictures include at least one long picture whose length exceeds a preset threshold, and the size of the target picture is adjusted according to the size of the video playback area in the video playback page to obtain the target display picture, including: According to the display order of the target images in the details page corresponding to the graphic content, multiple target images are spliced ​​together to obtain a spliced ​​long image, and the size of the spliced ​​long image is adjusted according to the size of the video playback area in the video playback page to obtain the target display image.

7. The method according to any one of claims 1 to 3, wherein: The method further comprises: The background of the video playback page is filled according to the color of the target display image.

8. A content display device, the device comprising: An acquisition module, used to acquire graphic content, wherein the graphic content includes a target picture and a target text; An adjustment module, used for adjusting the size of the target image according to the size of the video playback area in the video playback page to obtain a target display image; The playing module is used to play the target display picture in the form of video in the video playing area, and display the target text around the video playing area.

9. A computer readable medium having a computer program stored thereon, wherein when the program is executed by a processing device, the steps of the method according to any one of claims 1 to 7 are implemented.

10. An electronic device comprising: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the steps of the method according to any one of claims 1 to 7.

11. A computer program comprising instructions which, when executed by a processor, implement the method according to any one of claims 1 to 7.

12. A computer program product comprising instructions which, when executed by a processor, implement the method according to any one of claims 1 to 7.

Images