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!