Soundcite
This module adds a CKEditor button and a field formatter to embed interactive audio clips called Soundcite into your content. Content editors can easily add audio clips with customizable start and end times, plays, and link text directly within the editor, or display audio files from file fields as Soundcite players.
This module creates a CKEditor5 plugin and field formatter that allows content editors to embed Soundcite clips into their content.
Features
CKEditor 5 Integration
A ckeditor toolbar button will be available to embed soundcite clips into the text.
The plugin accepts:
- Audio URL
- Start Time
- End Time
- Plays
- Link Text
It will then generate the HTML <span class="soundcite" data-url="{url}" data-start="{start}" data-end="{end}" data-plays="{plays}">{link_text}</span> and will load the libraries that will create the clips in the text.
Field Formatter
A field formatter is available for file fields that accept audio files. This allows you to display audio file fields as interactive Soundcite clips with configurable options:
- Start/End times
- Number of plays
- Custom link text or use file description/filename
- Support for multiple audio formats (mp3, wav, ogg, m4a, aac, flac)
Post-Installation
For CKEditor 5 Integration:
- Install the module
- Go to Administration > Configuration > Content authoring > Text formats and editors
/admin/config/content/formatsand edit the format that uses CKEditor 5 (Basic HTML for example) - Add the Soundcite button to your toolbar and save
It will be available in your formatted text fields.
For Field Formatter:
- Create or edit a file field that accepts audio files
- Go to the display settings for your content type
- Select "Soundcite Audio Player" as the formatter for your audio file field
- Configure the formatter settings as needed
Requirements
- Drupal 10 or 11
- File module (required)
- CKEditor 5 (optional, only needed for editor integration)