Добавить тексту звука поможет сервис Soundcite. Он бесплатный и простой в освоении — вставить аудио в текстовую цитату можно за три шага.
Сервис Soundcite разработан Knight Lab, а потому очень похож на другие созданные лабораторией приложения — StoryMap (сторимэп), Timeline JS (лента времени) и Juxtapose (фотослайдер).
Подготовьте аудиоцитату — это может быть чья-то речь, музыка или тематический звук. Аудио ОБЯЗАТЕЛЬНО должно быть опубликовано в интернете. Откажитесь использовать для этих целей облачные хранилища Google Drive или DropBox. Например, аудио можно загрузить в в библиотеку медиафайлов вашего сайта. Сервис поддерживает и считывает аудиофайлы форматов MP3, M4A, WAV или Ogg.
Старайтесь не загружать на сервис длинное аудио. Отметить нужную часть можно непосредственно в Soundcite. Или сделать это заранее с помощью сервиса mp3cut.ru.
Откройте сервис Soundcite. Регистрироваться в нем не нужно. Нажмите на зеленую кнопку «Make a Clip» (Создать клип).
Вставьте в поле ссылку на аудиофайл и нажмите на синюю кнопку «load» (загрузить).
При необходимости установите время начала (Start time) и окончания (End time) аудиоцитаты (если вы не проделали эту работу раньше). В поле «Link text» впишите текст, который будет сопровождать аудиоцитата. Старайтесь не писать длинный текст.
Нажмите на синюю кнопку «Created clips» (создать клип).
Ниже появится код на аудиоцитату. Его надо добавить внутрь текста, в котором он должен звучать.
Рядом с цифрой «3» — дополнительный код, его надо добавить перед текстом, в который встроен аудиофайл.
Обязательно вставляйте код на сайт в текстовом редакторе (НЕ визуальном).
Сервис «не считывает» аудиофайлы с аудиохостинга SoundCloud. Чтобы оттуда использовать файлы для создания аудиоцитат, на сервисе рекомендуют дополнительно подключить идентификатор клиента SoundCloud.
Для этого надо:
Инструкция актуальна на январь 2022 года.