У меня есть страница с SoundManager2 для воспроизведения файла MP3. Когда я открываю страницу, код HTML выглядит так, как показано ниже, и я слышу звук файла MP3.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Free, open song contest</title>
<meta name="viewport" content="width=device-width" />
</head>
<body>
<section id="content">
<h2>Free, open song contest</h2>
<div id="sm2-container">
<!-- SM2 flash goes here -->
</div>
<script src="/js/soundmanagerv297a-20150601/script/soundmanager2.js"></script>
<script>
soundManager.setup({
url: '/js/soundmanagerv297a-20150601/swf/',
onready: function() {
var mySound = soundManager.createSound({
url: 'http://localhost:3000/songs/Sleep%20Away.mp3'
});
mySound.play();
}
});
</script>
</section>
</body>
</html>
Вот как это выглядит:
Почему не отображаются элементы управления (воспроизведение, пауза и т. д.)? Как мне нужно изменить свой код, чтобы они были видны?
Я не вижу проблем с "неправильным URL" в консоли разработчика:
Я также не вижу никаких ошибок в консоли JS:
Обновление 1 (20.02.2016 07:55 МСК): я адаптировал файл, чтобы теперь я мог начать воспроизведение определенной песни. Вот как страница выглядит сейчас:
Однако есть ошибка: Когда я нажимаю кнопку "Воспроизвести" второй раз, воспроизведение не ставится на паузу (как я ожидаю). Явных ошибок в консоли не вижу.