Soundcite

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:

1. Install the module
2. Go to Administration > Configuration > Content authoring > Text formats and editors
   /admin/config/content/formats and edit the format that uses CKEditor 5 (Basic HTML for example)
3. Add the Soundcite button to your toolbar and save

It will be available in your formatted text fields.

For Field Formatter:

1. Create or edit a file field that accepts audio files
2. Go to the display settings for your content type
3. Select "Soundcite Audio Player" as the formatter for your audio file field
4. Configure the formatter settings as needed

Requirements

• Drupal 10 or 11
• File module (required)
• CKEditor 5 (optional, only needed for editor integration)