Я изо всех сил пытаюсь создать следующие основные функции для моего сайта.Мне нужно иметь возможность воспроизводить и приостанавливать звук (mp3) при нажатии на одно и то же отдельное изображение (jpg), при этом курсор над изображением меняется, чтобы отобразить «кликабельный элемент».С точки зрения контекста, я в основном использую платформу wordpress и вставляю элементы html на отдельные страницы.И аудио, и изображение хранятся в моей медиатеке WordPress.До сих пор я нашел следующий код, который отображает изображение, меняет курсор мыши (на стандартный указательный палец) и воспроизводит звук, но, к сожалению, он не приостанавливает звук (очевидно, потому что эта функция отсутствует).
<!DOCTYPE html>
<html>
<script>
var audio = new Audio("WP AUDIO LINK");
audio.oncanplaythrough = function(){}
audio.onended = function(){}
</script>
<input type="image" id="myimage"style="height:200px;width:200px;"src="WP IMAGE LINK"
onclick="audio.play()">
</html>
Код был получен из: Как сделать изображение, которое воспроизводит звук при нажатии
Я пытался на всю жизнь включить паузуфункциональность но безрезультатно.Любые предложения будут высоко оценены, и, пожалуйста, примите мою наивность здесь, так как я учусь по ходу дела.