CN115776600A - Display device and music playing interface display method - Google Patents

Display device and music playing interface display method Download PDF

Info

Publication number
CN115776600A
CN115776600A CN202111036644.2A CN202111036644A CN115776600A CN 115776600 A CN115776600 A CN 115776600A CN 202111036644 A CN202111036644 A CN 202111036644A CN 115776600 A CN115776600 A CN 115776600A
Authority
CN
China
Prior art keywords
display
display area
data
interface
picture
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202111036644.2A
Other languages
Chinese (zh)
Other versions
CN115776600B (en
Inventor
李巧眉
韩国敬
王君
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Juhaokan Technology Co Ltd
Original Assignee
Juhaokan Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Juhaokan Technology Co Ltd filed Critical Juhaokan Technology Co Ltd
Priority to CN202111036644.2A priority Critical patent/CN115776600B/en
Priority claimed from CN202111036644.2A external-priority patent/CN115776600B/en
Publication of CN115776600A publication Critical patent/CN115776600A/en
Application granted granted Critical
Publication of CN115776600B publication Critical patent/CN115776600B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses a display device and a music playing interface display method, which respond to music playing operation and send a media resource request; receiving the media asset data and the index data fed back by the server according to the media asset request; controlling a display to display cover data in the media asset data in a first display area of a playing interface and display lyric data in the media asset data in a second display area of the playing interface; receiving an input switching instruction; when the switching instruction indicates to switch the background of the playing interface, the display contents of the first display area and the second display area are hidden, the background image is obtained by utilizing the index data and displayed in the third display area, and the lyric data is controlled to float on the background image and displayed. According to the switching instruction of the different switching playing interface display forms received by the display equipment, the playing interfaces are switched correspondingly, so that the playing interfaces are diversified, and the user experience is improved.

Description

Display device and music playing interface display method
Technical Field
The application relates to the technical field of display, in particular to a display device and a music playing interface display method.
Background
The intelligent television is a television product which can realize the bidirectional human-computer interaction function and integrates various functions of video, entertainment, data and the like. The user interface of the smart television is used as a medium for interaction and information exchange between the smart television and a user, and various application programs such as music, movies and entertainment are correspondingly displayed in order to meet diversified requirements of the user. Generally, when a user searches for a song through the smart television and plays the song, the smart television displays album covers and lyric contents of the selected song through a playing interface, and the display mode is single. In this way, the music playing interface display form in a fixed form for a long time brings a feeling of dryness to the user, so that the user experience effect is poor.
Disclosure of Invention
The application provides a display device and a music playing interface display method, and aims to solve the technical problem that in the prior art, due to the fact that the display form of a music playing interface is single, the user experience effect is poor.
In order to solve the above technical problem, some embodiments of the present application disclose the following technical solutions:
in a first aspect, some embodiments of the present application disclose a display apparatus, including:
a display;
a controller communicatively coupled with the display, the controller configured to:
responding to the operation of playing music, and sending a media resource request;
receiving media resource information fed back by a server according to the media resource request, wherein the media resource information comprises media resource data and index data;
controlling the display to jump to a playing interface to display the media asset data, wherein the playing interface comprises a first display area and a second display area, the first display area is used for displaying cover data in the media asset data, and the second display area is used for displaying lyric data in the media asset data;
receiving an input switching instruction for switching the display form of the playing interface;
when the switching instruction indicates to switch the background of the playing interface, hiding the display contents of the first display area and the second display area, acquiring a background image by using the index data, controlling the display to display the background image in a third display area of the playing interface, and controlling the lyric data to float on the background image for display.
In some embodiments, in the step of receiving an input switching instruction for switching the presentation form of the playing interface, the controller is further configured to:
when the display is controlled to jump to a playing interface to display the media asset data, the display is controlled to display a menu bar in a fourth display area of the playing interface, wherein a playing control used for switching the display form of the first display area and a playing control used for switching the background of the playing interface are arranged on the menu bar;
and receiving an input confirmation instruction of the playing control, and switching the playing interface to a corresponding display form.
In a second aspect, some embodiments of the present application disclose a method for displaying a music playing interface, the method including:
responding to the operation of playing music, and sending a media resource request;
receiving media resource information fed back by a server according to the media resource request, wherein the media resource information comprises media resource data and index data;
controlling a display to jump to a playing interface to display the media asset data, wherein the playing interface comprises a first display area and a second display area, the first display area is used for displaying front cover data in the media asset data, and the second display area is used for displaying lyric data in the media asset data;
receiving an input switching instruction for switching the display form of the playing interface;
when the switching instruction indicates to switch the background of the playing interface, hiding the display contents of the first display area and the second display area, acquiring a background picture by using the index data, controlling the display to display the background picture in a third display area of the playing interface, and controlling the lyric data to float on the background picture for display.
Compared with the prior art, the beneficial effect of this application is:
the application provides a display device and a music playing interface display method. The server responds to the media resource request to search corresponding media resource data and index data, and feeds the corresponding media resource data and index data back to the display equipment. And the display equipment controls the display to jump to a playing interface to display the media asset data, the front cover data in the media asset data is displayed in the first display area, and the lyric data in the media asset data is displayed in the second display area. And if a switching instruction which is input by a user and used for switching the display form of the playing interface is received, controlling to switch the background of the playing interface according to the effect to be switched indicated by the switching instruction. When the background is switched, the controller controls to hide the display contents of the first display area and the second display area, continuously obtains the background image according to the index data, displays the obtained background image in a third display area of the playing interface, and controls the lyric data to float on the background image for display. According to the method and the device, when the user plays music through the display device, the display form of switching the music playing interface can be input into the display device, and the display device correspondingly switches the display form of the playing interface according to the difference of the received switching instruction of switching the display form of the playing interface, so that the playing interface is diversified, the dryness of the user is reduced, and the user experience is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.
Drawings
In order to more clearly explain the technical solution of the present application, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious to those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a schematic diagram illustrating an operational scenario between a display device and a control apparatus according to some embodiments;
fig. 2 illustrates a block diagram of a hardware configuration of the control apparatus 100 according to some embodiments;
a block diagram of a hardware configuration of a display device 200 according to some embodiments is illustrated in fig. 3;
a schematic diagram of a software configuration in a display device 200 according to some embodiments is illustrated in fig. 4;
FIG. 5 is a flow diagram illustrating a method of music playing interface presentation, according to some embodiments;
FIG. 6a is a schematic diagram illustrating the display effect of a music recommendation interface according to some embodiments;
FIG. 6b is a schematic diagram illustrating the display effect of a music channel main interface according to some embodiments;
FIG. 7 is a schematic diagram illustrating display effects of a play interface according to some embodiments;
another display effect diagram of a play interface according to some embodiments is illustrated in fig. 8;
FIG. 9 is a diagram that illustrates the display effect of a circular cover in a playback interface, according to some embodiments;
FIG. 10 is a schematic diagram illustrating a display effect of a vinyl record in a play interface according to some embodiments;
FIG. 11 is a diagram illustrating the display of a singer's portrayal in a play interface according to some embodiments;
FIG. 12 is a schematic diagram illustrating display effects of screensaver images in a play interface according to some embodiments;
FIG. 13 is a diagram illustrating the display effect of a custom picture in a play interface according to some embodiments;
FIG. 14 is a diagram illustrating display effects of uploading custom pictures according to some embodiments;
fig. 15 is a schematic diagram illustrating display effect after uploading a custom picture according to some embodiments;
FIG. 16 is a diagram illustrating display effects of a combined background map in a playback interface according to some embodiments;
a timing diagram of a music play interface presentation method according to some embodiments is illustrated in fig. 17.
Detailed Description
To make the purpose and embodiments of the present application clearer, the following will clearly and completely describe the exemplary embodiments of the present application with reference to the attached drawings in the exemplary embodiments of the present application, and it is obvious that the described exemplary embodiments are only a part of the embodiments of the present application, and not all of the embodiments.
It should be noted that the brief descriptions of the terms in the present application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of the present application. These terms should be understood in their ordinary and customary meaning unless otherwise indicated.
The terms "first," "second," "third," and the like in the description and claims of this application and in the above-described drawings are used for distinguishing between similar or analogous objects or entities and not necessarily for describing a particular sequential or chronological order, unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances.
The terms "comprises" and "comprising," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a product or apparatus that comprises a list of elements is not necessarily limited to all elements expressly listed, but may include other elements not expressly listed or inherent to such product or apparatus.
The term "module" refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and/or software code that is capable of performing the functionality associated with that element.
Fig. 1 is a schematic diagram of an operation scenario between a display device and a control apparatus according to an embodiment. As shown in fig. 1, a user may operate the display apparatus 200 through the smart device 300 or the control device 100.
In some embodiments, the control device 100 may be a remote controller, and the communication between the remote controller and the display device includes an infrared protocol communication or a bluetooth protocol communication, and other short-distance communication methods, and the display device 200 is controlled by a wireless or wired method. The user may input a user command through a key on a remote controller, a voice input, a control panel input, etc. to control the display apparatus 200.
In some embodiments, the smart device 300 (e.g., mobile terminal, tablet, computer, laptop, etc.) may also be used to control the display device 200. For example, the display device 200 is controlled using an application program running on the smart device.
In some embodiments, the display device 200 may also be controlled in a manner other than the control apparatus 100 and the smart device 300, for example, the voice command control of the user may be directly received through a module configured inside the display device 200 to obtain a voice command, or may be received through a voice control device provided outside the display device 200.
In some embodiments, the display device 200 is also in data communication with a server 400. The display device 200 may be allowed to be communicatively connected through a Local Area Network (LAN), a Wireless Local Area Network (WLAN), and other networks. The server 400 may provide various contents and interactions to the display apparatus 200. The server 400 may be a cluster or a plurality of clusters, and may include one or more types of servers.
Fig. 2 exemplarily shows a block diagram of a configuration of the control apparatus 100 according to an exemplary embodiment. As shown in fig. 2, the control device 100 includes a controller 110, a communication interface 130, a user input/output interface 140, a memory, and a power supply. The control apparatus 100 may receive an input operation instruction from a user and convert the operation instruction into an instruction recognizable and responsive by the display device 200, serving as an interaction intermediary between the user and the display device 200.
Fig. 3 shows a hardware configuration block diagram of the display apparatus 200 according to an exemplary embodiment.
In some embodiments, the display apparatus 200 includes at least one of a tuner demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, a user interface.
In some embodiments the controller comprises a processor, a video processor, an audio processor, a graphics processor, a RAM, a ROM, a first interface to an nth interface for input/output.
In some embodiments, the display 260 includes a display screen component for presenting a picture, and a driving component for driving an image display, a component for receiving an image signal from the controller output, performing display of video content, image content, and a menu manipulation interface, and a user manipulation UI interface.
In some embodiments, the display 260 may be a liquid crystal display, an OLED display, and a projection display, and may also be a projection device and a projection screen.
In some embodiments, communicator 220 is a component for communicating with external devices or servers according to various communication protocol types. For example: the communicator may include at least one of a Wifi module, a bluetooth module, a wired ethernet module, and other network communication protocol chips or near field communication protocol chips, and an infrared receiver. The display apparatus 200 may establish transmission and reception of control signals and data signals with the external control apparatus 100 or the server 400 through the communicator 220.
In some embodiments, the user interface may be configured to receive control signals for controlling the apparatus 100 (e.g., an infrared remote control, etc.).
In some embodiments, the detector 230 is used to collect signals of the external environment or interaction with the outside. For example, detector 230 includes a light receiver, a sensor for collecting the intensity of ambient light; alternatively, the detector 230 includes an image collector, such as a camera, which can be used to collect external environment scenes, attributes of the user, or user interaction gestures, or the detector 230 includes a sound collector, such as a microphone, which is used to receive external sounds.
In some embodiments, the external device interface 240 may include, but is not limited to, the following: high Definition Multimedia Interface (HDMI), analog or data high definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, and the like. Or may be a composite input/output interface formed by the plurality of interfaces.
In some embodiments, the tuner demodulator 210 receives broadcast television signals via wired or wireless reception and demodulates audio/video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.
In some embodiments, the controller 250 and the modem 210 may be located in different separate devices, that is, the modem 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.
In some embodiments, the controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 controls the overall operation of the display apparatus 200. For example: in response to receiving a user command for selecting a UI object displayed on the display 260, the controller 250 may perform an operation related to the object selected by the user command.
In some embodiments, the object may be any one of selectable objects, such as a hyperlink, an icon, or other actionable control. The operations related to the selected object are: displaying an operation of connecting to a hyperlink page, document, image, etc., or performing an operation of a program corresponding to the icon.
In some embodiments, the controller includes at least one of a Central Processing Unit (CPU), a video processor, an audio processor, a Graphic Processing Unit (GPU), a RAM Random Access Memory (RAM), a ROM (Read-Only Memory), a first interface to an nth interface for input/output, a communication Bus (Bus), and the like.
And the CPU is used for executing the operating system and the application program instructions stored in the memory and executing various application programs, data and contents according to various interaction instructions for receiving external input so as to finally display and play various audio and video contents. The CPU processor may include a plurality of processors. E.g., comprising a main processor and one or more sub-processors.
In some embodiments, a graphics processor for generating various graphics objects, such as: icons, operation menus, user input instruction display graphics, and the like. The graphic processor comprises an arithmetic unit, which performs operation by receiving various interactive instructions input by a user and displays various objects according to display attributes; the system also comprises a renderer for rendering various objects obtained based on the arithmetic unit, wherein the rendered objects are used for being displayed on a display.
In some embodiments, the video processor is configured to receive an external video signal, and perform video processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to a standard codec protocol of the input signal, so as to obtain a signal that can be displayed or played on the directly displayable device 200.
In some embodiments, the video processor includes a demultiplexing module, a video decoding module, an image synthesis module, a frame rate conversion module, a display formatting module, and the like. The demultiplexing module is used for demultiplexing the input audio and video data stream. And the video decoding module is used for processing the video signal after demultiplexing, including decoding, scaling and the like. And the image synthesis module, such as an image synthesizer, is used for performing superposition mixing processing on the GUI signal input by the user or generated by the user and the video image after the zooming processing by the graphics generator so as to generate an image signal for display. And the frame rate conversion module is used for converting the frame rate of the input video. And the display formatting module is used for converting the received video output signal after the frame rate conversion, and changing the signal to be in accordance with the signal of the display format, such as outputting an RGB data signal.
In some embodiments, the audio processor is configured to receive an external audio signal, decompress and decode the received audio signal according to a standard codec protocol of the input signal, and perform noise reduction, digital-to-analog conversion, and amplification processing to obtain an audio signal that can be played in the speaker.
In some embodiments, a user may enter user commands on a Graphical User Interface (GUI) displayed on display 260, and the user input interface receives the user input commands through the Graphical User Interface (GUI). Alternatively, the user may input the user command by inputting a specific sound or gesture, and the user input interface receives the user input command by recognizing the sound or gesture through the sensor.
In some embodiments, a "user interface" is a media interface for interaction and information exchange between an application or operating system and a user that enables conversion between an internal form of information and a form that is acceptable to the user. A common presentation form of a User Interface is a Graphical User Interface (GUI), which refers to a User Interface related to computer operations and displayed in a graphical manner. It may be an interface element such as an icon, a window, a control, etc. displayed in the display screen of the electronic device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.
In some embodiments, the system of the display device may include a Kernel (Kernel), a command parser (shell), a file system, and an application. The kernel, shell, and file system together make up the basic operating system structure that allows users to manage files, run programs, and use the system. After power-on, the kernel starts, activates kernel space, abstracts hardware, initializes hardware parameters, etc., runs and maintains virtual memory, scheduler, signals and inter-process communication (IPC). And after the kernel is started, loading the Shell and the user application program. The application program is compiled into machine code after being started, and a process is formed.
Referring to fig. 4, in some embodiments, the system is divided into four layers, which are, from top to bottom, an Application (Applications) layer (abbreviated as "Application layer"), an Application Framework (Application Framework) layer (abbreviated as "Framework layer"), an Android runtime (Android runtime) and system library layer (abbreviated as "system runtime library layer"), and a kernel layer.
In some embodiments, at least one application program runs in the application program layer, and the application programs may be windows (Window) programs carried by an operating system, system setting programs, clock programs or the like; or an application developed by a third party developer. In particular implementations, the application packages in the application layer are not limited to the above examples.
The framework layer provides an Application Programming Interface (API) and a programming framework for the application program. The application framework layer includes a number of predefined functions. The application framework layer acts as a processing center that decides to let the applications in the application layer act. The application program can access the resources in the system and obtain the services of the system in execution through the API interface.
As shown in fig. 4, in some embodiments of the present application, the application framework layer includes a manager (Managers), a Content Provider (Content Provider), and the like, where the manager includes at least one of the following modules: an Activity Manager (Activity Manager) is used for interacting with all activities running in the system; the Location Manager (Location Manager) is used for providing the system service or application with the access of the system Location service; a Package Manager (Package Manager) for retrieving various information about an application Package currently installed on the device; a Notification Manager (Notification Manager) for controlling display and clearing of Notification messages; a Window Manager (Window Manager) is used to manage the icons, windows, toolbars, wallpapers, and desktop components on a user interface.
In some embodiments, the activity manager is used to manage the lifecycle of the various applications as well as general navigational fallback functions, such as controlling exit, opening, fallback, etc. of the applications. The window manager is used for managing all window programs, such as obtaining the size of the display screen, judging whether a status bar exists, locking the screen, intercepting the screen, controlling the change of the display window (for example, reducing the display window, shaking the display, distorting and deforming the display, and the like).
In some embodiments, the system runtime layer provides support for an upper layer, i.e., the framework layer, and when the framework layer is used, the android operating system runs the C/C + + library included in the system runtime layer to implement the functions to be implemented by the framework layer.
In some embodiments, the kernel layer is a layer between hardware and software. As shown in fig. 4, the core layer includes at least one of the following drivers: audio drive, display driver, bluetooth drive, camera drive, WIFI drive, USB drive, HDMI drive, sensor drive (like fingerprint sensor, temperature sensor, pressure sensor etc.) and power drive etc..
The hardware or software architecture in some embodiments may be based on the description in the above embodiments, and in some embodiments may be based on other hardware or software architectures that are similar to the above embodiments, and it is sufficient to implement the technical solution of the present application.
Based on the display device 200, the user can obtain music media through the display device 200, and when the user searches or selects a song that the user wants to listen to, the display device 200 can jump to a playing interface while playing audio data, and display lyric content and album covers corresponding to the song on the playing interface. Currently, the display device 200 is in a single display form when displaying the album cover and the lyric content of the selected song through the playing interface. In order to improve the experience effect of a user, embodiments of the present application provide a display device and a method for displaying a music playing interface.
The following describes a process of displaying a music playing interface according to some embodiments of the present application with reference to the accompanying drawings.
A flow diagram of a method of music play interface presentation according to some embodiments is illustrated in fig. 5. The present application provides a display device in some embodiments, the display device 200 includes a display 260 and a controller 250, the controller 250 is connected to the display 260 in communication, and the controller 250 is configured to execute the process illustrated in the music playing interface in fig. 5. With reference to fig. 5, the process of displaying the music playing interface is as follows:
s501: and responding to the operation of playing the music, and sending a media asset request.
In some embodiments, the display device 200 may recommend music for the user. A schematic diagram of the display effect of a music recommendation interface according to some embodiments is illustrated in fig. 6 a. As shown in fig. 6a, the display device 200 provides daily recommendations to the user according to different categories of theme, style, scene, motion, musical instruments, children, or mood. For example, the user is provided with music on different themes, such as rock, jazz, soft music, and rap, depending on the theme. After a user selects a theme, the display device 200 may provide the user with a list of songs for that theme type, which the user browses and makes selections.
In some embodiments, the user may also search for songs he wants to listen to by himself. A schematic diagram of the display effect of the music channel main interface according to some embodiments is illustrated in fig. 6 b. As shown in fig. 6b, the user selects a music channel in the display device 200, and within the music channel, the display device 200 may recommend a song at the recommendation site, and may also provide the user with a channel to search for a song through the recommendation site, for example, by searching for a target song through "singer" or "music library", etc. The user searches and selects songs that the user likes through personal habits. In addition, the user can click and collect songs of the user's own favorite and store the songs into a collection list, so that the user can search for the songs next time conveniently. The display device 200 may also record a record of songs that have been played for the next seek.
In some embodiments, the display device 200 may also be installed with various types of music APPs (applications), and the user searches for his/her favorite song after opening the music APPs.
In some embodiments, when a user selects music to be played through the display apparatus 200, the display apparatus 200 responds to the user's operation of playing music and transmits a media asset request to the server 400. The media resource request may include a media resource identifier corresponding to the music selected by the user, and the display device 200 acquires the media resource information through the media resource request.
After receiving the asset request, the server 400 checks the asset identifier carried by the asset request, and searches corresponding asset information in the asset database according to the asset identifier. After inquiring the media information, the server 400 feeds back the media information to the display device 200.
S502: and receiving the media asset information fed back by the server according to the media asset request, wherein the media asset information comprises media asset data and index data.
In some embodiments, the display device 200 receives asset information sought by the server 400 according to the asset request. The media asset information comprises media asset data and index data. The media data includes a playing address of the music selected by the user, lyric data, and cover data, wherein the display device 200 may request the music to play according to the playing address, the lyric data is the lyric content of the song selected by the user, and the cover data may be the album cover of the album to which the song selected by the user belongs. The index data refers to the acquisition address of the background image of the playing interface, for example, 192.168.0.1/1.Png, that is, the background image with the file name of 1.Png is acquired from the server 192.168.0.1IP address. As another example, E:// Picture/2. Png, a background picture with a file name of 2.Png is obtained from a picture folder local to the display device 200.
S503: and controlling the display to jump to a playing interface to display the media data, wherein the playing interface comprises a first display area and a second display area, the first display area is used for displaying front cover data in the media data, and the second display area is used for displaying lyric data in the media data.
In some embodiments, after the display device 200 receives the media asset information, the controller 250 controls the display 260 to jump to a playing interface, and the controller 250 requests music according to a playing address in the media asset data and plays the music on a speaker or an external speaker. A schematic diagram of the display effect of the play interface according to some embodiments is illustrated in fig. 7. Referring to fig. 7, the playing interface includes a first display area and a second display area, and the controller 250 controls the first display area to display album covers and controls the second display area to display lyric contents. That is, in fig. 7, the left side of the playing interface displays album covers and the right side displays lyrics.
In some embodiments, the first display area is a page-controlled property control and the second display area is a player-controlled property control. Illustratively, for the first display area, the DOM corresponding to different layouts are preset in the page. For example, another display effect diagram of the play interface according to some embodiments is exemplarily shown in fig. 8, and when the first display region in the interface shown in fig. 8 is displayed, the rendering is performed by using the first DOM. Fig. 9 is a schematic diagram illustrating a display effect of a circular cover in a playing interface according to some embodiments, and when a first display area in the interface shown in fig. 9 is displayed, the circular cover is rendered by using a second DOM. FIG. 10 is a schematic diagram illustrating display effects of a vinyl record in a play interface according to some embodiments, rendered using a third DOM when the first display area in the interface shown in FIG. 10 is displayed. For the second display area, the area where the lyrics are displayed is a separate layer controlled by the player, as in fig. 7-10.
In some embodiments, taking fig. 7 as an example, the playing interface includes a first layer and a second layer located above the first layer, and when displaying, the first rendering module renders a first display area of the playing interface on the first layer according to the first DOM. And the second rendering module renders and displays the second display area in the second layer according to the lyrics called by the player. In some embodiments, the second rendering module may also render a progress bar in the second layer according to the playing progress of the player, and in some embodiments, the progress bar may be hidden.
S504: and receiving an input switching instruction for switching the display form of the playing interface.
In some embodiments, when the user wants to switch the presentation format of the playing interface, a switching instruction may be issued through a remote control key, and a voice instruction may also be input to the display apparatus 200.
In some embodiments, the display device 200 may switch the presentation form of the first display area, and may further control the playback interface to present different backgrounds. When the display apparatus 200 receives a switching instruction input by a user, it may be determined first which part of the presentation form the current switching instruction is for switching.
In some embodiments, when the display 260 is controlled to jump to a playing interface to display the media asset data, the display device 200 controls the display 260 to display a menu bar in a fourth display area of the playing interface, where the menu bar is provided with a playing control for switching a display form of the first display area and a playing control for switching a background of the playing interface. As shown in fig. 7, the playing interface displayed by the display includes a fourth display area displayed at the bottom of the playing interface, in addition to the first display area and the second display area.
In some embodiments, the display device 200 receives an input confirmation instruction for the play control, and switches the play interface to a corresponding display form. The display device 200 may determine which part of the presentation form of the play interface is used for switching the current switching instruction by detecting the play control selected by the user.
In some embodiments, the display device 200 calls the menu bar for display through the fourth display area, and the display form of the playing interface, i.e. the "lyrics show" function, can be selected to be switched in the fourth display area, and a console for listening to music, related videos, playing tone quality, whether to start up a viper sound effect, and the like can also be selected.
In some embodiments, after controlling the display to display the menu bar in the fourth display area of the playback interface, the controller 250 is further configured to: after the first preset time, the fourth display area is hidden on the playing interface of the display 275. Fig. 8 is a display effect diagram of the playing interface after the fourth display layer is hidden. After the user selects the song to be played and the display device 200 jumps to the playing interface, if the user does not operate the menu bar displayed in the fourth display area within the first preset time, the display device 200 may also hide the fourth display area after the first preset time. That is, the display apparatus 200 automatically controls the fourth display area to be hidden without any operation by the user for the first preset time.
In some embodiments, after hiding the fourth display area on the playback interface, the controller 250 is further configured to: and receiving an input triggering instruction for calling the menu. And controlling the display 260 to display the fourth display area on the playing interface. After the fourth display area is hidden by the display device 200, if the user needs to control the menu bar, a preset key signal can be sent out by pressing a preset key of the remote controller, and the display device 200 controls the display 260 to display the floating layer again after receiving the preset key signal. Here, the preset key may be provided as a return key on the remote controller.
In some embodiments, the user may control the display device 200 to display the fourth display region by voice. For example, when the user enters the wake-up word "hi! After xxx ", a voice instruction of" display the fourth display area "or" i want to switch the presentation form of the playing interface "is input to the display device 200, and the display device 200 may display the fourth display area after receiving the voice instruction.
In some embodiments, the DOM layers include a visible option, when a hidden layer fourth display area is required, the DOM layer corresponding to the fourth display area may be set to an invisible state, and when the fourth display area is required, the DOM layer corresponding to the floating layer may be set to a visible state. For the DOM layer of the fourth display area, after receiving a trigger instruction for invoking a menu input by a user, the controller 250 may set the DOM layer corresponding to the fourth display area to a visible state.
S505: when the switching instruction indicates to switch the background of the playing interface, hiding the display contents of the first display area and the second display area, acquiring a background picture by using the index data, controlling the display to display the background picture in a third display area of the playing interface, and controlling the lyric data to float on the background picture for display.
In some embodiments, when the switching instruction indicates to switch the presentation form of the first display area, the presentation form of the cover data in the first display area is switched.
In some embodiments, after the user selects the "lyrics show" option in the menu bar, a plurality of playing controls are displayed in the fourth display area, and the plurality of playing controls respectively correspond to different display forms of the playing interface. The playing controls can be divided into two groups, wherein the first group is used for switching the display form of the first display area, and the second group is used for switching the background of the playing interface. When a user selects a certain play control in the first group, the display device 200 switches the presentation form of the cover data in the first display area. When the user selects a play control in the second group, the display device 200 controls the display to display the background image in the third display area of the play interface.
In some embodiments, for two sets of play controls disposed in the menu bar displayed in the fourth display area, each set includes a plurality of controls, and each control is used for correspondingly switching different display forms of the play interface.
In some embodiments, the first group of play controls, i.e., the play controls for switching the presentation form of the first display area, includes a first control, a second control, and a third control.
In some embodiments, the VIEW in the first display region may include a picture presentation control, and in some embodiments, the picture presentation control may be controlled to present pictures in the song resource in accordance with the first control.
In some embodiments, the picture display control in the first display area controls the display of the dynamic display picture, and in some embodiments, the picture display control can be controlled to display the dynamic display picture according to the second control or the third control.
In some embodiments, the moving and static switching of the picture showing control in the first display area is related to the action of starting playing/pausing playing of the player. Illustratively, when the player plays, a first message is sent to the property control of the first display area, and the property control of the first display area controls the display control to be switched from static state to dynamic state; and when the player stops, sending a second message to the property control of the first display area, wherein the property control of the first display area controls the display control to be dynamically switched to be static.
In some embodiments, the dynamic and static switching of the picture display control in the first display area is irrelevant to the playing progress of the player.
In some embodiments, other operational instructions of the player other than play and stop are not passed to the property control of the first display region.
In some embodiments, upon receiving the confirmation instruction of the first control, the display apparatus 200 controls the first display area to show a square cover. When the user clicks the first control in the menu bar, the display device 200 controls the display 260 to jump to the display effect of the play interface shown in fig. 8, and a square cover, which is cover data in the media data, is displayed on the left side of the play interface, i.e., in the first display area. And lyric data in the media asset data are displayed on the right side of the playing interface, namely in a second display area. Namely, a first display area of a playing interface is rendered on a first layer through a first rendering module according to a first DOM, and the first DOM is used for rendering a square cover. And the second rendering module renders and displays the second display area in the second layer according to the lyrics called by the player.
In some embodiments, upon receiving the confirmation instruction of the second control, the display apparatus 200 controls the first display area to show the circular cover. When the user clicks the second control in the menu bar, the display device 200 controls the display 260 to jump to the presentation form of the play interface shown in fig. 9, and a circular cover is presented on the left side of the play interface, that is, in the first display area, and the circular cover can be a cover intercepted based on cover data in the media data. Lyric data in the media asset data are displayed on the right side of the playing interface, namely in a second display area. Namely, a first display area of a playing interface is rendered on a first layer through a first rendering module according to a second DOM, and the second DOM is used for rendering a circular cover. And the second rendering module renders and displays a second display area in the second layer according to the lyrics called by the player.
In some embodiments, the circular cover is controlled to rotate when a song is played, and the circular cover is controlled to stop rotating when the song is paused. In some embodiments, a first message is sent to the property control of the first display area while the player is playing, the property control of the first display area controlling the circular cover to switch from static to dynamic. And when the player stops, sending a second message to the attribute control of the first display area, wherein the attribute control of the first display area controls the circular cover to be switched from the dynamic state to the static state. In some embodiments, for the software bottom layer, the attribute of animation rotation may be set on the DOM layer corresponding to the circular cover, the circular cover is controlled to rotate when audio data is output, and the circular cover is stopped when no audio data is output.
In some embodiments, the display device 200 controls the first display area to display the vinyl record upon receiving a confirmation instruction to the third control. When the user clicks the third control in the menu bar, the display device 200 controls the display 260 to jump to the display form of the play interface shown in fig. 10, and a vinyl record is displayed on the left side of the play interface, that is, in the first display area, and a cover cut based on cover data in the media data can be displayed in the center of the vinyl record. Lyric data in the media asset data are displayed on the right side of the playing interface, namely in a second display area. Namely, a first display area of a playing interface is rendered on the first layer through the first rendering module according to the third DOM, and the third DOM is used for rendering the vinyl record. And the second rendering module renders and displays the second display area in the second layer according to the lyrics called by the player.
In some embodiments, the property control of the first display region includes a background layer, a picture layer disposed on the background layer, and a bar-shaped component (e.g., a control slider). The picture layer is used for loading pictures and displaying the pictures dynamically, the display area of the pictures is smaller than that of the background layer, and the pictures can be cover pictures of songs or pictures of vinyl records or other preset pictures. One end of a rod-shaped component is arranged in an area which is not overlapped with the picture on the background layer, the other end of the rod-shaped component moves to the upper side of the picture from the area which is not overlapped with the picture on the background layer when the player with the dynamic picture layer plays songs, and moves to the area which is not overlapped with the picture on the background layer from the upper side of the picture after the player stops playing songs. Illustratively, the display device 200 controls a slider to land on the vinyl record and controls the vinyl record to rotate as the song is played. The display apparatus 200 controls the slider to move out of the vinyl record and controls the vinyl record to stop rotating while the song is paused. In some embodiments, a first message is sent to a property control of the first display area while the player is playing, the property control of the first display area controlling the slider to move to the vinyl record. And when the player stops, sending a second message to the property control of the first display area, wherein the property control of the first display area controls the sliding rod to move out of the vinyl record. In some embodiments, for the software base, the DOM layer of the vinyl record may be divided into a record DOM element and a slider DOM element, and the display device 200 sets the record DOM element and the slider DOM element with different animation rotation attributes. And controlling the record DOM element to rotate when audio data is output, and stopping the rotation of the record DOM element when no audio data is output. And when audio data are output, controlling the sliding rod DOM element to drop on the record DOM element, and controlling the sliding rod DOM element to move out of the record DOM element when no audio data are output.
In some embodiments, in the presentation forms of the playing interfaces corresponding to the first control, the second control, and the third control, only the form of the cover data presented in the first display area is different, and the second display area may not be changed during switching. In some embodiments, when the first group of controls is switched, the first rendering module renders cover data display forms in different display forms on the first layer according to the first DOM, the second rendering module, and the third DOM.
In some embodiments, for the underlying logic of the display apparatus 200, the first display area and the second display area may be set as independent DOM (Document Object model). When the display device 200 jumps to the play interface, the display device 200 displays the first display area on the left side of the display 260 and the second display area on the right side of the display 260 according to the underlying DOM tree structure. The display device 200 then displays the front cover data in the first display area and the lyric data in the second display area, respectively, according to the acquired media asset data.
In some embodiments, the second set of play controls, i.e., the play controls for switching the background of the play interface, includes a fourth control, a fifth control, and a sixth control.
In some embodiments, the playing interface further includes a third display area and a fifth display area, the third display area is used for displaying a background image of the playing interface, and the fifth display area is used for displaying the lyric data above the background image.
In some embodiments, the third display area is a page-controlled property control and the fifth display area is a player-controlled property control. Illustratively, fig. 11 is a schematic diagram illustrating a display effect of a singer's photo in a playing interface according to some embodiments, fig. 12 is a schematic diagram illustrating a display effect of a screen saver picture in a playing interface according to some embodiments, and fig. 13 is a schematic diagram illustrating a display effect of a custom picture in a playing interface according to some embodiments. In displaying the third display area in the interface as shown in fig. 11-13, rendering is performed using the fourth DOM, for the area in fig. 11-13 where the lyrics are displayed, which is a separate layer controlled by the player.
In some embodiments, taking fig. 11 as an example, the playing interface includes a first layer and a second layer located above the first layer, and when displaying, the first rendering module renders a third display area of the playing interface on the first layer according to the fourth DOM. And the second rendering module renders and displays a fifth display area in the second layer according to the lyrics called by the player. The fourth DOM is provided with a picture call interface, which may be a screen saver picture call interface, a custom picture call interface, and a photo call interface. Since the picture call interface periodically acquires a new picture, the standby procedure of the display apparatus 200 is not triggered.
In some embodiments, the fifth display area is set to be transparent or semi-transparent except for the font portion of the lyrics.
In some embodiments, the third display area is a first layer displayed by the background player, the fifth display area is a second layer displayed by the song player, and the second layer is displayed floating above the first layer. In some embodiments, when the switching instruction indicates to switch the background of the playing interface, the background player is controlled to play the background map, and the song player is controlled to play the lyric data.
In some embodiments, the fifth display area may also render a progress bar in the second layer according to the playing progress of the song player, and in some embodiments, the progress bar may be hidden.
In some embodiments, upon receiving an adjustment operation of the progress bar in the fifth display area, for example, fast-forwarding a song, rewinding a song, or pausing a song, input by the user, the display device 200 controls only the song player to make the corresponding adjustment, and does not change the background player.
In some embodiments, when an operation of switching to play the next song is received, the display device 200 only controls the song player to play the next song, and does not change the background player, i.e., the background player still calls the original interface to play the original background image.
In some embodiments, upon receiving an operation of switching to play the next song input by the user, the display device 200 only controls the song player to play the next song, and does not change the background player, i.e., whether the background player calls the original picture call interface to play the original background picture.
In some embodiments, taking fig. 11 as an example, the playing interface may display a fourth display area, i.e. a menu bar, while displaying the third display area and the fifth display area. If the user switches back to the playing interface (fig. 8-10) corresponding to the first to third controls on the basis of fig. 11 (or fig. 12 and fig. 13), the user only exits from the background player and controls the song player to continue playing the audio data. If the user switches between the fourth-sixth control, that is, switches between fig. 11 to fig. 13, only the picture call interface called by the background player is changed, and the song player is not changed, that is, the song player is controlled to continue playing the audio data.
In some embodiments, taking fig. 11 as an example, when an exit instruction input by a user is received, if the exit instruction indicates returning to the upper level list interface, that is, entering the interface before the playing interface, the background player and the song player are simultaneously exited. If the exit instruction indicates that the interface shown in fig. 7 is entered, only the background player exits, and the song player is controlled to continue playing the audio data.
In some embodiments, when receiving the confirmation instruction for the fourth control, the display device 200 obtains the singer's photo from the server 400 according to the index data, and controls the display to display the singer's photo in the third display area of the playing interface. When the user clicks the fourth control in the menu bar, the display device 200 sends a singer's photo obtaining request to the server 400 according to the index data, and the server 400 feeds back the singer's photo obtaining request to the display device 200. The display 260 jumps to the display mode of the playing interface shown in fig. 11, controls the display 260 to display the singer's photo in the third display area of the playing interface, and controls the lyric data to float on the singer's photo for display. And rendering a third display area of the playing interface on the first layer through the first rendering module according to the fourth DOM, wherein the fourth DOM calls the portrait calling interface. And the second rendering module renders and displays a fifth display area in the second layer according to the lyrics called by the player.
In some embodiments, when a confirmation instruction for the fifth control is received, the display device 200 obtains a screen saver picture locally according to the index data, and controls the display to display the screen saver picture in a third display area of the play interface. When the user clicks the fifth control in the menu bar, the display device 200 calls the screen saver picture locally according to the index data, the display 260 jumps to the display form of the play interface shown in fig. 12, controls the display 260 to display the screen saver picture in the third display area of the play interface, and controls the lyric data to float on the screen saver picture for display. Namely, a third display area of the playing interface is rendered on the first layer through the first rendering module according to the fourth DOM, wherein the fourth DOM calls the screen saver picture calling interface. And the second rendering module renders and displays a fifth display area in the second layer according to the lyrics called by the player.
In some embodiments, when a confirmation instruction for the sixth control is received, the display device 200 obtains a custom picture locally according to the index data, and controls the display to display the custom picture in a third display area of the play interface. When the user clicks the sixth control in the menu bar, the display device 200 locally retrieves the custom picture according to the index data, the display 260 jumps to the display form of the playing interface shown in fig. 13, and the display 260 is controlled to display the custom picture in the third display area of the playing interface and control the lyric data to float on the custom picture for display. And rendering a third display area of the playing interface on the first layer through the first rendering module according to the fourth DOM, wherein the fourth DOM calls the custom picture calling interface. And the second rendering module renders and displays a fifth display area in the second layer according to the lyrics called by the player.
In some embodiments, the customized picture is a picture pre-stored in the display device 200 by the user, and may be a picture in daily life. If the user does not store the self-defined picture in the display device 200 in advance, that is, when the display device 200 detects that the self-defined picture does not exist locally, controlling the display to pop up a message prompt box, wherein the message prompt box is used for prompting the user that the user does not currently have the self-defined picture, and an uploading control is arranged in the message prompt box. A schematic diagram of the display effect of uploading custom pictures according to some embodiments is illustrated in fig. 14. As shown in fig. 15, if the user clicks "upload immediately", the display device 200 may receive a confirmation instruction of the user upload control, and control the display to display the two-dimensional code, so that the user uploads the picture in the mobile terminal to the display device after scanning the two-dimensional code through the mobile terminal. A schematic diagram illustrating display effect after uploading of the custom picture according to some embodiments is shown in fig. 15. After the user uploads, the display device 200 may be stored in a family album.
In some embodiments, the user may also store the to-be-transmitted photo in a USB disk, and connect the USB disk to the USB interface of the display device 200, so as to upload the photo to the display device 200.
In some embodiments, after the display device 200 stores the customized picture of the user, the display device 200 may jump to the play interface to display the customized picture through the third display area upon receiving a return key input by the user through the remote controller.
In some embodiments, when the index data is used to obtain a background map and the display is controlled to display the background map in the third display area of the playing interface, the display device 200 further needs to detect the number of the obtained background maps. When the number of the acquired background images is one, the display device 200 controls the display 260 to display the background image in the third display area. When the number of the acquired background images is multiple, the display device 200 controls the display 260 to carousel the multiple background images at a second preset time interval in the third display area.
In some embodiments, when the number of the acquired background images is multiple, the display device 200 may further stitch two or more background images into one combined background image. A schematic diagram illustrating display effects of a combined background map in a play interface according to some embodiments is shown in fig. 16. Referring to fig. 16, the display device 200 splices 3 background images into one image layer to form a combined background image. Of course, there may be a plurality of combined background images. When the number of the combined background images is one, the display device 200 controls the display 260 to display the combined background images in the third display area. When the number of the combined background images is multiple, the display device 200 controls the display 260 to carousel the multiple combined background images in the third display area at preset time intervals.
In some embodiments, for the bottom logic of the display device 200, a third display area in the playing interface may be set as an independent DOM layer, and when the third display area needs to be displayed, the display device 200 sets both DOM layers corresponding to the first display area and the second display area to an invisible state, and sets the third display area to a changeable state, that is, hides the first display area and the second display area, and displays the third display area on the playing interface.
In some embodiments, for the logic at the bottom layer of the display apparatus 200, the fifth display area in the playing interface may be set as a separate DOM layer, and it should be noted that the DOM level of the fifth display area is higher than that of the third display area, so that the lyrics content is shown floating above the background map. When the playing interface displays the album covers from the first display area, the mode that the second display area displays the lyric contents is converted into the mode that the third display area displays the background picture, the DOM layer corresponding to the fifth display area can be set to be in a visible state.
The following further describes a process of displaying a music playing interface in some embodiments of the present application with reference to the accompanying drawings.
A timing diagram of a music play interface presentation method according to some embodiments is illustrated in fig. 17. As shown in fig. 17, the screen saver album and the home album may be integrated in a display device that plays music, or may be separately disposed on other device bodies, and the disposed other device bodies need to be in communication connection with the display device that plays music. First, after the user selects a song to be played, the display apparatus 200 requests media asset data from the server 400 and controls the display 260 to jump to a play interface. And displaying the media asset data on a playing interface. Here, the presentation form of the playing interface may be a form of a square cover corresponding to the first control by default. The display device 200 respectively obtains the singer's photo, the screen saver picture and the user-defined picture as background pictures through the index data. And when the user respectively clicks different playing controls in the menu bar, correspondingly displaying different display forms of the playing interface. It should be noted that, after receiving the play control for switching the background of the play interface, the display device 200 may request the background map by using the corresponding index data. As shown in fig. 17, when the display device 200 enters a play interface of a certain song and the display 260 shows a default play interface presentation form, multiple background maps may be acquired as a standby.
According to the method and the device, when the user plays music through the display device, the display form of switching the music playing interface can be input into the display device, and the display device correspondingly switches the display form of the playing interface according to the difference of the received switching instruction of switching the display form of the playing interface, so that the playing interface is diversified, the dryness of the user is reduced, and the user experience is improved.
Based on the same inventive concept as the display device, some embodiments of the present application further provide a method for displaying a music playing interface, where the method includes: the display apparatus 200 transmits a request for media asset in response to an operation of playing music. The display device 200 receives the media asset information fed back by the server 400 according to the media asset request, wherein the media asset information includes media asset data and index data. The display device 200 controls the display to jump to a playing interface to display the media data, wherein the playing interface comprises a first display area and a second display area, the first display area is used for displaying front cover data in the media data, and the second display area is used for displaying lyric data in the media data. The display device 200 receives an input switching instruction for switching the presentation form of the playing interface. When the switching instruction indicates to switch the presentation form of the first display area, the display device 200 switches the presentation form of the cover data in the first display area. When the switching instruction indicates to switch the background of the playing interface, the display device 200 hides the display contents of the first display area and the second display area, obtains a background image by using the index data, controls the display to display the background image in a third display area of the playing interface, and controls the lyric data to float on the background image for display.
Since the above embodiments are all described by referring to and combining with other embodiments, the same portions are provided between different embodiments, and the same and similar portions between the various embodiments in this specification may be referred to each other. And will not be described in detail herein.
It is noted that, in this specification, relational terms such as "first" and "second," and the like, are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a circuit structure, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such circuit structure, article, or apparatus. Without further limitation, the phrases "comprising a" \8230; "defining an element do not exclude the presence of additional like elements in circuit structures, articles, or devices comprising the element.
Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the application being indicated by the following claims.
The above embodiments of the present application do not limit the scope of the present application.

Claims (10)

1. A display device, characterized in that the display device comprises:
a display;
a controller in communicative connection with the display, the controller configured to:
responding to the operation of playing music, and sending a media resource request;
receiving media resource information fed back by a server according to the media resource request, wherein the media resource information comprises media resource data and index data;
controlling the display to jump to a playing interface to display the media data, wherein the playing interface comprises a first display area and a second display area, the first display area is used for displaying front cover data in the media data, and the second display area is used for displaying lyric data in the media data;
receiving an input switching instruction for switching the display form of the playing interface;
when the switching instruction indicates to switch the background of the playing interface, hiding the display contents of the first display area and the second display area, acquiring a background picture by using the index data, controlling the display to display the background picture in a third display area of the playing interface, and controlling the lyric data to float on the background picture for display.
2. The display device according to claim 1, wherein in the step of receiving an input switching instruction for switching the presentation form of the play interface, the controller is further configured to:
when the display is controlled to jump to a playing interface to display the media asset data, the display is controlled to display a menu bar in a fourth display area of the playing interface, wherein a playing control used for switching the display form of the first display area and a playing control used for switching the background of the playing interface are arranged on the menu bar;
and receiving an input confirmation instruction of the playing control, and switching the playing interface to a corresponding display form.
3. The display device of claim 2, wherein after controlling the display to display a menu bar in a fourth display area of the playback interface, the controller is further configured to:
and after the first preset time, hiding the fourth display area on the playing interface.
4. The display device of claim 1, wherein after switching the background of the playback interface, the playback interface comprises the third display area and a fifth display area for displaying lyric data, wherein,
the third display area is a first layer displayed by a background player, the fifth display area is a second layer displayed by a song player, and the second layer is displayed in a floating manner above the first layer.
5. The display device of claim 2, wherein the first display area comprises a background layer, a picture layer disposed on the background layer, and a bar component for switching the playback control of the first display area presentation form to include a first control, a second control, and a third control, the controller further configured to:
when a confirmation instruction of a first control is received, controlling the first display area to display a picture layer, wherein the picture layer is used for loading cover data, and the display area of the cover data is controlled to be square;
when a confirmation instruction of a second control is received, controlling the first display area to display a picture layer, wherein the picture layer is used for loading and dynamically displaying the cover data, and controlling the display area of the cover data to be circular;
when receiving the affirmation instruction to the third control piece, control first display area show picture layer and bar shape subassembly, wherein, the picture layer is used for loading and dynamic display vinyl record picture, the one end setting of bar shape subassembly is in the background layer with the non-overlapping area of vinyl record picture, the other end setting is in on the vinyl record picture, control during the song broadcast the tip of bar shape subassembly is located on the vinyl record picture, control during the song pause the tip of bar shape subassembly shifts out the vinyl record picture.
6. The display device of claim 2, wherein the play controls for switching the play interface background comprise a fourth control, a fifth control, and a sixth control, and wherein the controller is further configured to:
when a confirmation instruction of a fourth control is received, acquiring a singer photo picture from a server according to the index data, and controlling the display to display the singer photo picture in a third display area of the playing interface;
when a confirmation instruction of a fifth control is received, acquiring a screen saver picture from the local according to the index data, and controlling the display to display the screen saver picture in a third display area of the playing interface;
and when a confirmation instruction of the sixth control is received, a user-defined picture is locally obtained according to the index data, and the display is controlled to display the user-defined picture in a third display area of the playing interface.
7. The display device according to claim 1, wherein in the step of obtaining a background map by using the index data and controlling the display to display the background map in a third display area of the playback interface, the controller is further configured to:
when the number of the acquired background images is one, controlling the display to display the background images in the third display area;
and when the number of the acquired background images is more than one, controlling the display to alternately broadcast the background images in the third display area at intervals of a second preset time.
8. The display device according to claim 1, wherein in the step of obtaining a background map by using the index data and controlling the display to display the background map in a third display area of the playback interface, the controller is further configured to:
when the number of the obtained background images is multiple, splicing two or more background images into a combined background image;
when the number of the combined background images is one, controlling the display to display the combined background images in the third display area;
and when the number of the combined background images is more than one, controlling the display to alternately broadcast the combined background images in the third display area at preset time intervals.
9. The display device according to claim 6, wherein in the step of locally obtaining a custom picture according to the index data when receiving the confirmation instruction of the sixth control, the controller is further configured to:
when detecting that the self-defined picture does not exist locally, controlling a display to pop up a message prompt box, wherein the message prompt box is used for prompting a user that the self-defined picture does not exist currently, and an uploading control is arranged in the message prompt box;
when a confirmation instruction of the uploading control is received, the display is controlled to display the two-dimensional code, so that a user can upload the picture in the mobile terminal to the display equipment after scanning the two-dimensional code through the mobile terminal.
10. A method for displaying a music playing interface, the method comprising:
responding to the operation of playing music, and sending a media resource request;
receiving media resource information fed back by a server according to the media resource request, wherein the media resource information comprises media resource data and index data;
controlling a display to jump to a playing interface to display the media asset data, wherein the playing interface comprises a first display area and a second display area, the first display area is used for displaying cover data in the media asset data, and the second display area is used for displaying lyric data in the media asset data;
receiving an input switching instruction for switching the display form of the playing interface;
when the switching instruction indicates to switch the background of the playing interface, hiding the display contents of the first display area and the second display area, acquiring a background image by using the index data, controlling the display to display the background image in a third display area of the playing interface, and controlling the lyric data to float on the background image for display.
CN202111036644.2A 2021-09-06 Display equipment and music playing interface display method Active CN115776600B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111036644.2A CN115776600B (en) 2021-09-06 Display equipment and music playing interface display method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111036644.2A CN115776600B (en) 2021-09-06 Display equipment and music playing interface display method

Publications (2)

Publication Number Publication Date
CN115776600A true CN115776600A (en) 2023-03-10
CN115776600B CN115776600B (en) 2024-10-22

Family

ID=

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090018898A1 (en) * 2007-06-29 2009-01-15 Lawrence Genen Method or apparatus for purchasing one or more media based on a recommendation
CN110609649A (en) * 2019-09-25 2019-12-24 北京小米移动软件有限公司 Interface display method, device and storage medium
CN111083538A (en) * 2019-12-03 2020-04-28 聚好看科技股份有限公司 Background image display method and device
CN113115082A (en) * 2020-01-10 2021-07-13 聚好看科技股份有限公司 Display device and historical behavior display method

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090018898A1 (en) * 2007-06-29 2009-01-15 Lawrence Genen Method or apparatus for purchasing one or more media based on a recommendation
CN110609649A (en) * 2019-09-25 2019-12-24 北京小米移动软件有限公司 Interface display method, device and storage medium
CN111083538A (en) * 2019-12-03 2020-04-28 聚好看科技股份有限公司 Background image display method and device
CN113115082A (en) * 2020-01-10 2021-07-13 聚好看科技股份有限公司 Display device and historical behavior display method

Similar Documents

Publication Publication Date Title
CN112492371B (en) Display device
US11425466B2 (en) Data transmission method and device
CN111836109A (en) Display device, server and method for automatically updating column frame
CN113535019B (en) Display device and application icon display method
CN113395556A (en) Display device and method for displaying detail page
CN111770370A (en) Display device, server and media asset recommendation method
CN112188249B (en) Electronic specification-based playing method and display device
CN112135180A (en) Content display method and display equipment
CN111343509A (en) Action control method of virtual image and display equipment
CN111836083B (en) Display device and screen sounding method
CN112380420A (en) Searching method and display device
CN115776585A (en) Display device and content presentation method
CN112203154A (en) Display device
CN112162809B (en) Display device and user collection display method
CN112073787B (en) Display device and home page display method
CN112272331B (en) Method for rapidly displaying program channel list and display equipment
US12056418B2 (en) Content-based voice output method and display apparatus
CN113784198B (en) Display device, intelligent device and program recording control method
CN115776600B (en) Display equipment and music playing interface display method
CN112584210B (en) Display device, video recording method and recorded file display method
CN111787350B (en) Display device and screenshot method in video call
CN115776600A (en) Display device and music playing interface display method
CN114866636B (en) Message display method, terminal equipment, intelligent equipment and server
CN115086771B (en) Video recommendation media asset display method, display equipment and server
CN112199612B (en) Bookmark adding and combining method and display equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant