JavaScript - тасование аудио - PullRequest
       16

JavaScript - тасование аудио

1 голос
/ 07 октября 2011

Я создаю веб-страницу, которая использует JavaScript, чтобы перетасовать ряд вопросов об аудиофайлах и соответствующие им ответы перетаскивания. Я успешно реализовал это, используя собственные аудио-теги HTML5, но у меня также есть запасной раздел для IE 7/8, так как эти браузеры не могут читать аудио-теги. Этот запасной раздел использует условные комментарии вокруг тегов объекта и параметра, как показано в конце этой статьи здесь .

Он работает в том смысле, что в IE он тасуется, но к тому же он отображает уродливые элементы управления в стиле Media Player, которые я специально скрыл, так как в этом упражнении вместо элементов управления аудиопроигрывателем используются кнопки воспроизведения звука.

Если кому-то нужно увидеть определенные части кода, просто дайте мне знать.

Заранее большое спасибо!

Ответы [ 2 ]

1 голос
/ 11 октября 2011

Мне удалось разрешить вторую проблему со звуком в IE - чтобы скрипт shuffle работал со звуком в IE, вам нужно вызвать shuffle ДО аудиокода - в моем случае я переместил все условные комментарии ниже .shuffle(); и все работает, не беспокойтесь!

1 голос
/ 07 октября 2011

Две мысли (извините, я сейчас на Mac, поэтому тестирование в IE - не лучший вариант):

  1. Я вижу параметры, в которых вы пытаетесь скрыть элементы управления, но пытались ли вы также применить css к тегу объекта или к контейнеру, обернутому вокруг него? Это может быть так же просто, как присвоить div-обертке стиль display: none или visibility: hidden.

  2. Это не прямой ответ на ваш вопрос, но вы исследовали какие-либо плагины, такие как SoundManager 2 ? Он использует аудио HTML5 с запасным вариантом Flash; Я использовал это раньше и имел успех. Очевидно, что для старых браузеров требуется Flash, но если это не проблема, это может быть проще, чем попытаться выяснить, как скрыть элементы управления.

Кстати, это милая маленькая страница. Удачи!

Чтобы ответить на ваш второй вопрос / комментарий: использование тега object / embed означает, что вы полагаетесь на то, что браузер / ОС решает, какой плагин будет использоваться для воспроизведения аудио. У некоторых Googling возникают проблемы с IE и quicktime, и одно из возможных решений:

Надеюсь, это поможет. SoundManager 2, возможно, стоит попробовать, если вы продолжаете бить по стенам, просто имейте в виду, что использование SM2 потребует, чтобы пользователи с более старыми браузерами установили и разблокировали Flash.

...