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.

Jordy Meow

Thomas

Very simple, unique and exciting plugin that allows the bloggers to link an image to an audio file through the Media Library. Automatically, a little play icon will be added on your images in your posts. That way, you can give another dimension to your images thanks to sounds, music or voice-over. Here is a very simple example.
BETA. This plugin was just created. We are waiting for the first feedbacks of our users to decide which way to go. We have many ideas for it but we prefer to hear from you first. We will keep it clean, consistent and excellent.
BE KIND. Again, this plugin is new. Please don’t attack us. We are starting it. Please help us 🙂
IDEAS. Tell an audio story behind each image rather than text (the text should focus on SEO instead, be an excerpt of the story). Use cinemagraphs instead of normal images and have the audio track synchronized with it. Write a post with photos taken around your home, with the associated background audio. Write a post with portraits, each of them will say a simple sentence with their own voice. Etc…
More information available on https://meowapps.com/audio-story-images/.
<h4>Features</h4>
<ul>
<li>Link images to audio files through the Media Library</li>
<li>Audio Story meta box in the attachment edit sidebar</li>
<li>Autoplay when images come into view (with smart browser compatibility)</li>
<li>Visual play/pause controls on images</li>
<li>Support for MP3 and WAV audio formats</li>
<li>Support for JPEG, PNG and GIF image formats</li>
</ul>
<h4>How Audio Story Works</h4>
Linking Audio to Images: 
1. Go to Media Library (list view) or edit any media file 
2. Use the “Audio Story” column or meta box to attach files 
3. Images can be linked to audio files, and vice versa 
4. Once linked, a play button appears on the image in your posts
Autoplay Feature: 
* Enable autoplay by checking “Autoplay when image comes into view” in the attachment edit screen 
* When visitors scroll and the image becomes visible, audio plays automatically 
* Due to browser security policies: 
 – If the visitor has already interacted with your site, audio plays immediately 
 – On first visit, a subtle notice appears: “Click anywhere to enable audio” 
 – After any click/tap, all autoplay audio will work normally 
 – The play button pulses to indicate audio is ready
<h4>Quickstart</h4>
<ol>
<li>Upload audio files and image files to your Media Library</li>
<li>In the Media Library list view, use the Audio Story column to link files</li>
<li>Or edit any image/audio file and use the Audio Story meta box in the sidebar</li>
<li>Optionally enable autoplay for automatic playback when images come into view</li>
<li>Your images now have audio! Visitors can click the play button or experience autoplay</li>
</ol>

Audio Story Images

Add a new dimension to your images by using audio. This plugin let you link images with audio.

Smooth Music Gallery vs Audio Story Images