WordPress с проблемой аудиоплеера

Question

Я использую SoundManager2 для воспроизведения аудиофайлов в WordPress. Когда я играю аудио в каком-то браузере, например, Firefox, аудио проигрывается в новом окне. Я не знаю, почему это происходит.

Мой код JS:

<script type="text/javascript" src="script/soundmanager2.js"></script>
<script type="text/javascript" src="demo/index-rollup.js"></script>

Мой HTML-код:

<ul class="graphic">
  <li><a href="demo/_mp3/sample2.mp3" class="exclude">Rain</a></li>
  <li><a href="demo/_mp3/walking.mp3" class="exclude">Walking</a></li>
</ul>

Примечание: получение проблемы после добавления в WordPress.

Я также попробовал другой аудиокод, но столкнулся с той же проблемой.

Есть идеи или предложения? Благодарю.

Answer 1

MP3 не полностью поддерживается в Firefox. Вы должны добавить версию файла OGG. Если не ошибаюсь, я думаю, что сочетание MP3 + OGG достаточно для воспроизведения на всех устройствах / браузерах.

Из этой ветки поддержки:

Например, если вы хотите использовать MP3 и OGG, вы можете указать несколько URL-адресов в виде массива для SM2:

soundManager.createSound({
    id: 'foo',
    url: [
    '/path/to/some.ogg',
    '/path/to/some.mp3'
    ]
});

Когда звуковой объект создан, SM2 возьмет первый URL, который он может воспроизвести, и использует его для свойства URL звукового объекта. Смотрите SMSound.url для большего количества примеров.

В вашем примере вы используете простой <a> элементы. Для большего контроля я бы предложил использовать SM2 API.

Другая возможность иметь только MP3 - это использовать Flash для просмотра на рабочем столе и использовать wp_is_mobile() обслуживать версию HTML5 для мобильных устройств.