smoothcdn

Smooth Music Gallery helps you turn ordinary image galleries into rich, interactive experiences with background music, animated effects, and modern presentation styles.
Whether you are building a landing page, an artist portfolio, a wedding gallery, a travel story, or a product showcase, the plugin gives you an easy way to make galleries feel more alive and memorable.
You can use it in two simple ways:
<ul>
<li>Gutenberg block for native block editor workflows.</li>
<li>Shortcode Builder for classic editors and third-party page builders.</li>
</ul>
What you can do with Smooth Music Gallery:
<ul>
<li>Add your own images and background music in a few clicks.</li>
<li>Choose from ready-made gallery themes to match different styles and moods.</li>
<li>Add animated overlay effects and dynamic background effects for a more engaging look.</li>
<li>Create audio-reactive visuals that move with the music.</li>
<li>Adjust gallery size and slide timing to fit your layout.</li>
<li>Build galleries visually and generate a shortcode for any page or builder.</li>
<li>Use media from the WordPress Media Library or optional Smooth CDN assets.</li>
<li>Optionally serve gallery frontend assets through Smooth CDN.</li>
</ul>
Perfect for creators, photographers, musicians, agencies, event sites, and anyone who wants a gallery that feels more premium than a standard slider.
<h3>Source Code</h3>
The source code for this plugin is publicly available in the repository:
https://github.com/Miro0/smooth-music-gallery
<h3>External Services</h3>
Smooth Music Gallery can optionally connect to Smooth CDN to let administrators browse sample assets in the editor.
<ul>
<li>Service: Smooth CDN Asset Picker (<code>https://cdn.smoothcdn.com</code>)</li>
<li>Purpose: Browse and select optional sample image/audio files.</li>
<li>Trigger: Requests are sent only when an administrator selects the Smooth CDN assets source and opens the picker dialog.</li>
<li>Data sent: Standard browser request data (IP address, user agent, referrer) and picker query parameters (for example file type, project slug, version).</li>
<li>Frontend behavior: If a gallery uses external Smooth CDN URLs, visitor browsers request those media files directly from Smooth CDN.</li>
<li>Service: Smooth CDN Gallery Asset Delivery (<code>https://music-gallery.smoothcdn.com</code>)</li>
<li>Purpose: Optional delivery of this plugin’s frontend gallery scripts/styles.</li>
<li>Trigger: Requests are sent only when an administrator enables Serve gallery assets via Smooth CDN in plugin settings.</li>
<li>Data sent: Standard browser request data (IP address, user agent, referrer) when the frontend gallery loads those assets.</li>
<li>Terms of Service: <code>https://smoothcdn.com/terms</code></li>
<li>Privacy Policy: <code>https://smoothcdn.com/privacy</code></li>
</ul>
The external service is optional. The plugin works without it by using only the WordPress Media Library.

Smooth Music Gallery

Create immersive photo galleries with music, stylish visual effects, and Smooth CDN integration for Gutenberg and shortcodes.

codepeople

Music Player for Easy Digital Downloads features:
<ul>
<li>Includes an audio player that supports formats: OGA, MP3, WAV, WMA</li>
<li>Includes multiple skins for the Music Player</li>
<li>Supports all most popular web browsers and mobile devices</li>
<li>Includes a widget to insert a playlist on sidebars</li>
<li>Includes a block to insert the playlists on pages using Gutenberg</li>
<li>Includes a widget to insert the playlists on pages using Elementor</li>
<li>Includes a widget for inserting the playlists on pages with Page Builder by SiteOrigin</li>
<li>Includes a control for inserting the playlists on pages with BeaverBuilder</li>
<li>Includes an element for inserting the playlists on pages with Visual Composer</li>
<li>Includes a module for inserting the playlists on pages with DIVI</li>
</ul>
Note: for the other editors, insert directly the playlists’ shortcodes.
Music Player for Easy Digital Downloads includes the MediaElement.js music player in the pages of the downloads with audio files associated, and in the store’s pages, furthermore, the plugin allows selecting between multiple skins.
MediaElement.js is an music player compatible with all major browsers: Internet Explorer, MS Edge, Firefox, Opera, Safari, Chrome and mobile devices: iPhone, iPad, Android. The music player is developed following the html5 standard. The music player supports the following file formats: MP3, WAV, WMA and OGA.
The basic version of the plugin, available for free from the WordPress Directory, has the features needed to include a music player in the pages of the downloads and the store.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/VWpPpvAKh8o?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Premium Features
<ul>
<li>Allows playing the audio files in secure mode to prevent unauthorized downloading of the audio files.</li>
<li>Allows to define the percent of the audio file’s size to be played in secure mode.</li>
<li>Allows to store the generated audio files in Google Drive (when the truncate feature is enabled).</li>
</ul>
<h3>Interface</h3>
Global Settings of Music Players
The global settings are accessible through the menu option: “Settings/Music Player for Easy Digital Downloads”.
<ul>
<li>Include music player in all all downloads: checkbox to include the music player in all downloads.</li>
<li>Include in: radio button to decide where to display the music player, in pages with a single entry, multiple entries, or both (both cases by default).</li>
<li>Include players in cart: checkbox to include the music players on the cart page or not.</li>
<li>Player layout: list of available skins for the music player.</li>
<li>Preload: to decide if preload the audio files, their metadata, or don’t preload nothing at all.</li>
<li>Play all: play all players in the page (one after the other).</li>
<li>Loop: plays the audio player on the product page in a loop.</li>
<li>Player controls: determines the controls to include in the music player.</li>
<li>Visualizer: For “all controls” mode, display the visualizer component over the player.</li>
<li>Display the player’s title: show/hide the name associated to the downloadable file.</li>
<li>Protect the file: checkbox to playback the songs in secure mode (only available in the pro version of the plugin).</li>
<li>Percent of audio used for protected playbacks: integer number from 0 to 100, that represents the percent of the size of the original audio file that will be used in the audio file for demo (only available in the pro version of the plugin).</li>
<li>Apply the previous settings to all downloads pages in the website: tick the checkbox to apply the previous settings to all downloads overwriting the downloads’ settings.</li>
</ul>
Google Analytics Integration
<ul>
<li>Tracking id: Enter the tracking id in the property settings of Google Analytics account.</li>
</ul>
Setting up the Music Players through the downloads’ pages
The Music Players are configured from the downloads pages.
Settings Interface
<ul>
<li>Include music player: checkbox to include the music player in the download’s page, or not.</li>
<li>Include in: radio button to decide where to display the music player, in pages with a single entry, multiple entries, or both (both cases by default).</li>
<li>Player layout: list of available skins for the music player.</li>
<li>Preload: to decide if preload the audio files, their metadata, or don’t preload nothing at all.</li>
<li>Play all: play all players in the page (one after the other).</li>
<li>Loop: plays the audio player on the product page in a loop.</li>
<li>Player controls: determines the controls to include in the music player.</li>
<li>Visualizer: For “all controls” mode, display the visualizer component over the player.</li>
<li>Display the player’s title: show/hide the name associated to the downloadable file.</li>
<li>Protect the file: checkbox to playback the songs in secure mode (only available in the pro version of the plugin).</li>
<li>Percent of audio used for protected playbacks: integer number from 0 to 100, that represents the percent of the size of the original audio file that will be used in the audio file for demo (only available in the pro version of the plugin).</li>
<li>Select my own demo files: checkbox to use different audio files for demo, than the audio files for selling (only available in the pro version of the plugin).</li>
<li>Demo files: section similar to the audio files for selling, but in this case it allows to select different audio files for demo, and their names (only available in the pro version of the plugin).</li>
</ul>
How the Pro version of the Music Player for Easy Digital Downloads protect the audio files?
If the “Protect the file” checkbox was ticked in the download’s page, and was entered an integer number through the attribute: “Percent of audio used for protected playbacks”, the plugin will create a truncated copy of the audio files for selling (or the audio files for demo) into the “/wp-content/plugins/eddmp” directory, to be used as demo. The sizes of the audio files for demo are a percentage of the sizes of the original files (the integer number entered in the player’s settings). So, the users cannot access to the original audio files, from the public pages of website.
Music Player for Easy Digital Downloads – Playlist Widget
The widget allows to include a playlist on sidebars, with the downloadable files associated to all downloads with the music player enabled, or for only some of the downloads.
The widget settings:
<ul>
<li>Title: the title of the widget on sidebar.</li>
<li>Downloads IDs: enter the ids of downloads to include in the playlist, separated by comma, or the * symbol to include all downloads.</li>
<li>Player layout: select the layout of music players (the widget uses only the play/pause control)</li>
<li>Preload: to decide if preload the audio files, their metadata, or don’t preload nothing at all. This attribute has a global scope, and will modify the default settings.</li>
<li>Play all: play all players in the page (one after the other). This attribute has a global scope, and will modify the default settings.</li>
<li>Highlight the current download: if the checkbox is ticked, and the user is in the page of a download, and it is included in the playlist, the corresponding item would be highlighted in the playlist.</li>
<li>Continue playing after navigate: if the checkbox is ticked, and there is a song playing when navigates, the player will continue playing after loading the webpage, in the same position.</li>
</ul>
Note: In mobiles devices (and some browsers) where the direct action of user is required for playing audios and videos, the plugin cannot start playing dynamically.
Music Player for Easy Digital Downloads – <code>[eddmp-playlist]</code> shortcode
The <code>[eddmp-playlist]</code> shortcode allows to include a playlist on the pages’ contents, with all downloads, or for some of them.
The shortcode attributes are:
<ul>
<li>
downloads_ids: define the ids of downloads to include in the playlist, separated by comma, or the * symbol to include all downloads:
<pre><code>[eddmp-playlist downloads_ids="*"]
</code></pre>
</li>
<li>
player_style: select the layout of music players (the playlist displays only the play/pause control):
<pre><code>[eddmp-playlist downloads_ids="*" player_style="mejs-classic"]
</code></pre>
</li>
<li>
highlight_current_download: if the playlist is included in a download’s page, the corresponding item would be highlighted in the playlist:
<pre><code>[eddmp-playlist downloads_ids="*" highlight_current_download="1"]
</code></pre>
</li>
<li>
cover: allows to include the featured images in the playlist. The possible values are: 0 or 1, 0 is the value by default:
<pre><code>[eddmp-playlist downloads_ids="*" cover="1"]
</code></pre>
</li>
<li>
continue_playing: if there is a song playing when navigates, the player will continue playing after loading the webpage in the same position:
<pre><code>[eddmp-playlist downloads_ids="*" continue_playing="1"]
</code></pre>
</li>
<li>
controls: allows to define the controls to be used with the players on playlist. The possible values are: track or all, to include only a play/pause button or all player’s controls respectively.
</li>
</ul>
Note: In mobiles devices where the direct action of user is required for playing audios, the plugin cannot start playing dynamically.
Hooks (actions and filters)
<ul>
<li>eddmp_before_player_shop_page: action called before the players containers in the shop pages.</li>
<li>eddmp_after_player_shop_page: action called after the players containers in the shop pages.</li>
<li>eddmp_before_players_download_page: action called before the players containers in the downloads pages.</li>
<li>
eddmp_after_players_download_page: action called after the players containers in the downloads pages.
</li>
<li>
eddmp_audio_tag: filter called when the audio tag is generated. The callback function receives three parameters: the audio tag, the download’s id, and the file’s id;
</li>
<li>
eddmp_file_name: filter called when the file’s name is included with the player. The callback function receives three parameters: the file’s name, the download’s id, and the file’s id;
</li>
<li>
eddmp_widget_audio_tag: filter called when the audio tag is generated as a widget on sidebars. The callback function receives three parameters: the audio tag, the download’s id, and the file’s id;
</li>
<li>
eddmp_widget_file_name: filter called when the file’s name is included with the player as a widget on sidebars. The callback function receives three parameters: the file’s name, the download’s id, and the file’s id;
</li>
<li>
eddmp_purchased_download: filter called to know if the download was purchased or not. The callback function receives two parameters: false and the download’s id.
</li>
<li>
eddmp_ffmpeg_time: filter called to determine the duration of truncated copies of the audio files for demos when the FFmpeg application is used to generate them.
</li>
</ul>
Other recommended plugins
<ul>
<li><a href="https://wordpress.org/plugins/music-player-for-woocommerce/" title="Music Player for WooCommerce" rel="ugc">Music Player for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/music-store/" title="Music Store - WordPress eCommerce" rel="ugc">Music Store – WordPress eCommerce</a></li>
<li><a href="https://wordpress.org/plugins/audio-and-video-player/" title="CP Media Player - Audio Player and Video Player" rel="ugc">CP Media Player – Audio Player and Video Player</a></li>
</ul>

Music Player for Easy Digital Downloads

Music Player for Easy Digital Downloads includes the MediaElement.js music player in the pages of the downloads with audio files associated.

Smooth Music Gallery vs Music Player for Easy Digital Downloads