Use filters, relationships and contextual values to configure more complex views according to your requirements.įlush Drupal cache to make sure the audioplayer works properly.
It's important to configure the relation for all four fieldsĬreate Block or page views according to your needs. Remember to set a field of each of the four fields title, song writer, lyrics and audio file. Indicate what fields from the view configuration you have customized are used for each of the simple audio player plugin values. Set the relation of each field with its corresponding element at the audioplayer song list record. Drupal Drag Drop Builder is awesome Module for Drupal CMS. For each resolution there is various set configuration options which will allow you to create nice grids on any kind of devices. Go to the views Audio player format Settings at the view. Bootstrap Grid is a Drupal 7 Plugin for Views which allows you to create grid displays based on Bootstrap 3 fast and with ease. Note: The field used for the audio file must be set to formater 'URL to File'. Add the four fields created previusly to the view. No need to set Items per page and Use a Pager. In Amazing Audio Player, create an audio player, in step 3 Publish dialog, select the option Publish as Drupal module, select a folder to save the module. Select to create a page or a block, which ever you like. 
Next go to Structure > Views > Click on (+ Add View) The react audio player component comes from including the package in the HTML5 header. Further, the native audio player provides the control to the user for music player while providing an easy to use react audio player UI. For this exponation we are assuming that this fields are all in a custom content type called Songs. The audio tag allows inclusion of multiple audio source for playing locally or for streaming services. The important aspect is to gather them in the view configuration. Or you can have this four fields separated in different content types.
a file field for the song file reference, this file field must accept. a long text with format field for the song lyrics. another text field for the name of the singer. Select one of the skins for the player (Circular Player, Black Player and Text Based Player) Establish whether the player will have the auto-play. A form is displayed to perform the following actions: Include the url of the audio you want to play. To configureįirst you need a content type that has the following fields: Go to 'Configuration' > 'Media' > 'Audio Streaming Player' to configure the module. Please change the name of the folder from "drupal-custom-audioplayer" to just "audioplayer". To installĪs usual as with any module, place the module in any of your drupal project module directories and enable using any of the available methods. AMAZING AUDIO PLAYER PLUGIN FOR DRUPAL HOW TO
This module constitutes a good example on how to build a Views style plugin for Drupal 8.
This module was originally intended to be used to solve a client use case who needed a player that showed the lyrics of the song that was playing. Drupal Custom Audio Player with Song LyricsĪ customized very simple audio player that features a playlist and shows the lyrics of songs.įeatures two buttons, one for handling the playlist and another one to show song lyrics.
0 kommentar(er)
