This module adds a sticky audio player to your website that allows users to listen to audio content while browsing. It provides a "Listen to Article" button that, when clicked, reveals a modern, responsive audio player at the bottom of the screen with full playback controls. This player stays visible as users navigate the site, similar to popular music streaming services.
Provides a sticky audio player field formatter that displays a "Listen to Article" button. When clicked, a modern sticky audio player appears at the bottom of the screen, similar to Spotify's web player, allowing users to listen to audio content while browsing the page.
Features
- Field formatter for entity reference fields targeting Media entities with audio files
- "Listen to Article" button that triggers the sticky player
- Modern, responsive sticky audio player that slides in from the bottom of the viewport
- Full playback controls including play/pause, seek bar, time display, speed control, and close button
- The player remains visible at the bottom of the screen while users browse, similar to popular music streaming services
Post-Installation
After enabling the module, follow these steps to configure it:
1. Go to your content type's field settings (e.g., `/admin/structure/types/manage/article/fields`). Ensure you have an entity reference field that targets Media entities containing audio files.
2. Go to Manage Display for your content type (e.g., `/admin/structure/types/manage/article/display`)
3. Find your audio field in the format list and change the format dropdown to "Sticky Audio Player"
4. Customise Settings
5. Save Configuration
Similar projects
https://www.drupal.org/project/audio_player - does a similar thing but widget embedded on load.
Community Documentation
A great place to add links to YouTube walkthroughs, external documentation, or a demo site (use DrupalPod!).
You may continue to put additional information below here, if there are other things you think people need to know about your module!
Depends on
Dependencies of the latest stable release
- file Drupal core
- media Drupal core
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.