Да вот этот написан вручную модуль работает без проблем:

<audio id="audioPlayer" src="files/stiralka_0.m4a" preload="auto"></audio>

<img id="audioTrigger" src="images/Semen.png" alt="Кликните для прослушивания" style="cursor:pointer;">

<script>
document.addEventListener('DOMContentLoaded', (event) => {
const audioTrigger = document.getElementById('audioTrigger');
const audio = document.getElementById('audioPlayer');

// Проверяем, если URL содержит параметр, чтобы запустить аудио
const urlParams = new URLSearchParams(window.location.search);
const playAudio = urlParams.get('play');

if (playAudio === 'true') {
audio.play().then(() => {
// После воспроизведения можно убрать параметр из URL
history.replaceState(null, '', location.pathname);
}).catch(error => {
console.error('Ошибка автоматического воспроизведения:', error);
});
}

// Запуск аудио по клику на картинку
audioTrigger.addEventListener('click', () => {
// Воспроизводим аудио
audio.play().catch(error => {
console.error('Ошибка воспроизведения:', error);
});
});
});
</script>

Но ведь очень сложно потом все вручную подгонять, этот рисунок под то место где он должен находиться!

Сделайте что-то со своим модулем! И дайте (в какой части кода копать, чтобы обновить...