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.

10up

Jeffrey Paul

Mel Choyce-Dwan

Darin Kotter

Tung Du

Fabian Kaegy

Do you miss the days of filling up your computer’s harddrive with MP3 files, burning CDs with your favorite party mixes, the glam and grunge fashion styles, waiting every week for the latest episodes of Friends and Sex and the City (sorry, no binging on streaming episodes), and all that came with the 90s? Do you wish the WordPress core blocks offered you more styles to match your interests? Then look no further, because this plugin transforms a bland audio block into a llama-riffic Winamp-stlyed audio block!
Disclaimer: <a href="https://en.wikipedia.org/wiki/Winamp" rel="nofollow ugc">Winamp</a> and the Winamp logo are property of <a href="https://en.wikipedia.org/wiki/Nullsoft" rel="nofollow ugc">Nullsoft Inc.</a> and its owner <a href="https://en.wikipedia.org/wiki/Radionomy" rel="nofollow ugc">Radionomy Group</a> (now defunct). This project also leverages the <a href="https://github.com/captbaritone/webamp/blob/master/LICENSE.txt" rel="nofollow ugc">MIT-licensed</a> <a href="https://webamp.org/" rel="nofollow ugc">Webamp player</a>, many thanks to Jordan Eldredge for his efforts there.
<h3>Changing Player Skins</h3>
In order to select alternate player skins, browse <a href="https://skins.webamp.org/" rel="nofollow ugc">the Winamp Skin Museum</a> and find a preferred skin, copy the URL of the specific skin (e.g., <a href="https://skins.webamp.org/skin/bb0bf8064d108271afea419308dcb6ea/NES_Duck_Hunt.wsz/" rel="nofollow ugc">https://skins.webamp.org/skin/bb0bf8064d108271afea419308dcb6ea/NES_Duck_Hunt.wsz/</a>), and paste that URL in the <code>Skin URL</code> field in the Winamp Block Skin settings.

Retro Winamp Block

A Winamp-styled audio block for all your retro music player needs.

Smooth Music Gallery vs Retro Winamp Block