{"id":9301,"date":"2020-07-13T15:00:59","date_gmt":"2020-07-13T13:00:59","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=9301"},"modified":"2022-01-13T12:39:34","modified_gmt":"2022-01-13T11:39:34","slug":"wordpress-audio-player-plugins","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/wordpress-audio-player-plugins\/","title":{"rendered":"5 Best WordPress Audio Player Plugins"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]For every musician trying to have their voice heard or a music aficionado wanting to share their favorite tunes with the world, having a good audio player on their site is paramount. Even if you run a business that has nothing to do with music, but you\u2019d like to enrich your content with some charming melodies in the background, again, you need an audio player.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The ideal solution would be to install a premium <a href=\"https:\/\/qodeinteractive.com\/theme-category\/music-wordpress-themes\/\">music WordPress theme<\/a> that comes with the features crafted specifically for everyone in the music business. That way you could not only share tracks with your crowd, but also display info about upcoming shows, create album showcases, and more.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, if you\u2019re just looking for a good audio player plugin to add to your site, you\u2019ve come to the right place. We\u2019ll tell you all about the 5 best WordPress audio player plugins on the market:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#mp3-music-player-by-sonaar\">MP3 Music Player by Sonaar<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#audioIgniter\">AudioIgniter<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#music-player-for-woocommerce\">Music Player for WooCommerce<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#html5-audio-player\">HTML5 Audio Player<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#compact-wp-audio-player\">Compact WP Audio Player <\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;31px&#8221;][vc_column_text]But before we delve further into this matter, let\u2019s see if WordPress can play the audio files on its own. [\/vc_column_text][vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">The Default WordPress Audio Player<\/h2>\n<p>[\/vc_column_text][vc_column_text]WordPress comes with a built-in audio player that <strong>can play MP3 files only<\/strong>. You can place it wherever you like, including posts, pages, and widget areas. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add it to your pages, click on the <em><strong>Add Media<\/strong><\/em> button above the page editor (or the <em><strong>Audio<\/strong><\/em> block in Gutenberg) and upload the desired audio file from your media library. If you wish to place the playlist in your widget area, you should go to <em><strong>Appearance &gt; Widgets<\/strong><\/em>. Then, find the <em><strong>Audio<\/strong><\/em> widget, move it to the widget area of your choice, and add the audio file to it.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Using the built-in WordPress audio player requires little effort from your end, however, <strong>the customization options are non-existent<\/strong>. If you\u2019d like to use a more feature-rich WordPress audio player, consider installing one of the following plugins.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"mp3-music-player-by-sonaar\"><\/a>MP3 Music Player by Sonaar<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/MP3-Music-Player-by-Sonaar.jpg\" class=\"attachment-full size-full\" alt=\"MP3 Music Player by Sonaar\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/MP3-Music-Player-by-Sonaar.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/MP3-Music-Player-by-Sonaar-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/MP3-Music-Player-by-Sonaar-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/mp3-music-player-by-sonaar\/\" target=\"_blank\" rel=\"noopener noreferrer\">MP3 Music Player by Sonaar<\/a> is a freemium plugin that can help you <strong>add MP3 files to your WordPress site<\/strong> with no hassle at all.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Upon installing the plugin, the Sonaar Music AudioPlayer icon will appear in the page editor toolbar. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sonaar-Music-AudioPlayer-icon.jpg\" class=\"attachment-full size-full\" alt=\"Sonaar Music AudioPlayer icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sonaar-Music-AudioPlayer-icon.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sonaar-Music-AudioPlayer-icon-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Sonaar-Music-AudioPlayer-icon-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To upload your playlist, simply click on this icon. There\u2019s also a Sonaar widget made for Elementor, but still no specific block for it in Gutenberg. If you\u2019d like to feature your playlist on your site but don\u2019t want to give up Gutenberg, there\u2019s a workaround: first add the <em><strong>Classic<\/strong><\/em> block to your page, to get the Classic Editor options, and then click on the Sonaar AudioPlayer icon.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you opt for the free version of this plugin, you\u2019ll be able to <strong>add as many tracks, albums, and playlists as you like<\/strong>, and also select the store where people can buy tracks (Spotify, Bandcamp, iTunes, Google Play, etc.). For each playlist you have the option to <strong>create categories and slugs, select fonts, colors, add the soundwave bar, and a whole lot more<\/strong>. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Sonaar Music Player Pro allows you to modify sound volume, enable track shuffling, get statistic reports, etc. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The benefits of using this WordPress audio player plugin are:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">It supports ID3 tags<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">You can display a real-time soundwave below each track <\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">There\u2019s a myriad of styling options even in the free version<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"audioIgniter\"><\/a>AudioIgniter<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/AudioIgniter.jpg\" class=\"attachment-full size-full\" alt=\"AudioIgniter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/AudioIgniter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/AudioIgniter-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/AudioIgniter-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/audioigniter\/\" target=\"_blank\" rel=\"noopener noreferrer\">Audio Igniter<\/a> is a terrific, beautifully designed plugin available to download for free from the <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress plugin directory<\/a>. There are also several premium plans to choose from, with the prices going from $34.30 to $174.30.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can use it to create an <strong>unlimited number of playlists<\/strong> and upload as many tracks as you like. It\u2019s great for streaming radio shows, too. Even the free version of the plugin packs a wide selection of options and allows you to <strong>choose the player type, set the starting volume, adjust the track listing height and maximum player width<\/strong>. Furthermore, you can <strong>show track numbers, track covers, display tracks in reverse order, and much more<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add the player to your site, you just have to copy the shortcode (you\u2019ll see it at the bottom of the page where you\u2019ve created your playlist) and paste it to posts, pages, or custom post types where you wish to feature the playlist.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The premium version, on the other hand, lets you customize the colors of the player, change the playback rate, allows you to skip tracks, and much more. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The benefits of using this WordPress audio player plugin are:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">A remarkable set of attributes included in the free version<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Easy playlist creation<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Lovely design<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"music-player-for-woocommerce\"><\/a>Music Player for WooCommerce<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Music-Player-for-WooCommerce.jpg\" class=\"attachment-full size-full\" alt=\"Music Player for WooCommerce\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Music-Player-for-WooCommerce.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Music-Player-for-WooCommerce-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Music-Player-for-WooCommerce-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you wish to launch an online store, no plugin comes close to WooCommerce. It packs a myriad of powerful features that will help you run a successful eCommerce business. To make an absolute most of it, take a look at the <a href=\"https:\/\/qodeinteractive.com\/magazine\/woocommerce-tutorial\/\">comprehensive WooCommerce guide<\/a> that will help you manage your shop with ease. Now, to make your product pages more interesting for users, you can integrate a music player into them. For that, you\u2019ll need the <a href=\"https:\/\/wordpress.org\/plugins\/music-player-for-woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">Music Player for WooCommerce<\/a> plugin. <strong>It supports MP3, WAV, WMA, and OGA formats<\/strong>. Integration with <a href=\"https:\/\/wordpress.org\/plugins\/dokan-lite\/\" target=\"_blank\" rel=\"noopener\">Dokan<\/a> multivendor sites is also an option. Both the free and premium version (\u20ac30) are available.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This plugin includes a shortcode and a widget. That allows you to <strong>add music not only to pages and posts but to your widget areas as well<\/strong>. There\u2019s a specific <em><strong>WooCommerce Music Player Playlist<\/strong><\/em> block you should use to <a href=\"https:\/\/qodeinteractive.com\/magazine\/embed-spotify-playlist-to-wordpress\/\">add a playlist<\/a> in Gutenberg, and a widget for the <a href=\"https:\/\/qodeinteractive.com\/magazine\/elementor-tutorial-for-beginners\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor plugin<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As for the Classic Editor, you should use the <em><strong>[wcmp-playlist]<\/strong><\/em> shortcode. You can also add a bunch of different attributes to it, e.g. if you\u2019d like to include all tracks in the playlist, you should go with:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\"> [wcmp-playlist products_ids=\"*\"]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]You can find some more available attributes on the plugin\u2019s page in the WordPress\u2019 plugin library.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The Music Player for WooCommerce also lets you effortlessly create and customize playlists<\/strong>. You can add track IDs, choose a playlist layout and the style of the play button, etc.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The premium version of the plugin enables you to display your audio files in the secure mode, protect them for illegal downloads, as well as specify the size of the file that you wish to play in the secure mode. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The benefits of using this WordPress audio player plugin are:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">You can add it to pages, posts, and widget areas<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">It lets you create playlists<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">The player has multiple skins so you can choose between several styles<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;43px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"html5-audio-player\"><\/a>HTML5 Audio Player<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Html5-Audio-Player.jpg\" class=\"attachment-full size-full\" alt=\"HTML5 Audio Player\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Html5-Audio-Player.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Html5-Audio-Player-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Html5-Audio-Player-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/html5-audio-player\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5 Audio Player<\/a> is a <strong>freemium plugin that plays MP3, WAV, and OGG files<\/strong>. There are four premium plans available with the prices ranging from $15 to $99.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once you activate the plugin, the new <em><strong>HTML5 Audio Player<\/strong><\/em> option will appear in your WordPress dashboard menu. To create a player and start adding audio files to your site, go to <em>HTML5 Audio Player &gt; Add New Player<\/em> and adjust all the settings to your liking.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Even the free version of the plugin comes with a lot of practical options. You can <strong>set your file to play on repeat (once or multiple times), mute it, enable the autoplay option and also select the player width<\/strong>. This is especially handy as you choose the size that works best with your design.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once you\u2019re done creating your audio player, save the changes, and then choose a page, post, or a widget area to which you wish to add your music.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The premium versions<\/strong> of the plugin allow you to modify the player color, show\/hide the fast forward and rewind button, show\/hide the mute button, and much more. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The one thing you can\u2019t do with this plugin is to create a playlist<\/strong>. If you\u2019d like to add several songs to your site, you need to upload each one separately.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The benefits of using this WordPress audio player plugin are:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">The free version comes with all the basic functions a player needs<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">You can add it to the widget area as well <\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">The player can be customized according to your requirements<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"compact-wp-audio-player\"><\/a>Compact WP Audio Player<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Compact-WP-Audio-Player.jpg\" class=\"attachment-full size-full\" alt=\"Compact WP Audio Player\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Compact-WP-Audio-Player.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Compact-WP-Audio-Player-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/07\/Compact-WP-Audio-Player-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/compact-wp-audio-player\/#description\" target=\"_blank\" rel=\"noopener noreferrer\">Compact WP Audio Player<\/a> is a free and simple plugin combining HTML5 and Flash <strong>that supports MP3 and OGG files<\/strong>. To embed music, all you have to do is add this shortcode to a page or post of your choice:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[sc_embed_player fileurl=\u201dURL_of_your_music_file\u201d]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]For testing purposes, we used an MP3 file from the <a href=\"https:\/\/file-examples.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">File Examples<\/a> library. And this is how the shortcode looks after inserting the link:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[sc_embed_player fileurl=\u201dhttps:\/\/file-examples.com\/wp-content\/uploads\/2017\/11\/file_example_MP3_1MG.mp3\u201d]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]To add the shortcode in Gutenberg, you should use the <em>Custom HTML<\/em> box, whereas in the Classic Editor, you can paste the link in the visual editor field.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once you save your changes, a simple <em><strong>Play<\/strong><\/em> button will appear on your page. As the name of the plugin suggests, this player really is compact as it doesn\u2019t take up a lot of space on your site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019d like to loop an audio file or play it automatically as soon as the page loads, add the following bits to your shortcode:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">loop=true\r\nautoplay=true<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]For instance, we\u2019d like to activate the autoplay option, so now our link looks like this:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[sc_embed_player fileurl=\u201dhttps:\/\/file-examples.com\/wp-content\/uploads\/2017\/11\/file_example_MP3_1MG.mp3\u201d autoplay=true]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]There\u2019s also the possibility of setting up a specific value for the sound volume. To do that, add the volume value to your shortcode, e.g. <em>volume=40<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The benefits of using this WordPress audio player plugin are:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">It\u2019s free and easy to use<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">The play button doesn\u2019t occupy a lot of screen space <\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">It\u2019s a simple solution for adding single audio files to your pages<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_column_text]<strong>The downside of using this plugin is that, sadly, there\u2019s still no option to upload playlists<\/strong>. If you were to share an album with your users, you\u2019d have to embed each file separately, which would result in having multiple play buttons displayed on your page.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Which WordPress Audio Player Should You Go For?<\/h2>\n<p>[\/vc_column_text][vc_column_text]We\u2019ve tested numerous WordPress audio plugins to find out which one is the best, and we\u2019ve narrowed down the choice to the five plugins featured in this roundup. Some of these players come with more features and customization options than others, but at the end of the day, as always, you should choose the one that\u2019s in line with your requirements and the budget.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Are you looking for the ways to enrich your site with some tunes? We bring you the selection of the 5 best WordPress audio player plugins on the market.<\/p>\n","protected":false},"author":4,"featured_media":9307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[15,39,13],"class_list":["post-9301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources","tag-plugins","tag-tools","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/9301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=9301"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/9301\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/9307"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=9301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=9301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=9301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}