Now let’s style the player container, we will set the width to 400px and height to 120px. You can set some settings too, for more info read the “MediaElement.js” documentation.įeatures: ,įirst let’s add some reset styles for all the elements that we will use in the container. Also we need to add the same id as we used in the tag to load the player. To finish we need to add this code before the ending of the tag. With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Then we will add the tag that will link to our song and we’ll also set the id to “audio-player”. Let’s add a tag for the song title and for the cover. This div will be the container for our player elements. To create the player we will add a width the class “audio-player”. All this three files need to be inside of the tag. Then we need to link to “” script file and the CSS file. Now, we need to link to the jQuery Library, we can host it locally or use the one hosted by Google. Then copy all these three files to the same directory, I will copy for my “js” folder. Then from the “build” folder we need three files: Search or See in Common Block Category and select Html5 Audio Player.Download Audio Player Step 1 – Downloading MediaElement.jsįirst we need to download the “MediaElement.js” script and extract it.Click the plus button in the top left corner or in the body of the post/page.Go to your WordPress Admin interface and open a post or page editor. ![]() This plugin add a Gutenberg Block Called Html5 Audio Player Under Common Category.if you want to publish a player in template file use Past the shortcode in post, page, widget areas To publish them.Copy Shortcode for the player you wanna publish.You will get Shortcode for every player On the player list.After installation, you can see a sidebar menu in the dashboard called “Html5 Audio Player “.Control the audio speed by setting button.Show / Hide Setting button in the Player.Hide / Show audio duration in the player.Increase Page load speed by changing Preload Options.The plugin will play the appropriate one based on the device. Ability to specify both the mp3 and ogg version of your audio files.Use the autoplay option to play an audio/mp3 file as soon as the page loads.If you are selling audio files from your site then you can use this plugin to offer a preview. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |