прослушивание mp3 на сайте

[BorisK]

может, сделать, чтобы из заданий можно было прослушать звуковые загадки не скачивая, а прямо на странице? могу поделиться js-скриптом: его надо вставить в любое место страницы, а он заменит все mp3-ссылки на флэш-плеер. у кого js отключен - ссылка останется без изменений

[Mouse]

Спасибо!
Можно делиться

[Lorien]

А у кого флэш отключен? Я его везде где можно отключаю.

[BorisK]

пример можно посмотреть в КП 104 http://www.formula-ot.ru/events/season0910/stage6/370/

1. скопировать файл на свой сервер и поменять ссылку
script type="text/javascript" src=" /static/flowplayer/flowplayer-3.2.2.min.js"


2. ссылкам с mp3 прописать class=flowplayer (можно другой или вообще ничего не прописывать, но тогда п. 3 надо доработать)

3. добавить в body onload
flowplayer('a.flowplayer', '/static/flowplayer/flowplayer-3.2.2.swf');

[Lorien]

[BorisK]

могу написать на jquery более интеллектуальную замену, но проще сделать две ссылки: одну, как и раньше, на скачивание. а вторую такую же с class=flowplayer для плеера

[xyz]

[Lorien]

Adblock не всегда работает, и если что-то проскочит, то сразу дикие тормоза на линуксных машинах. До 40% CPU может сожрать, особенно на старых процессорах. Проще вырубить этот флэш нафиг.

Да и на смартфонах нет нормального флэша.

[BorisK]

а ты думаешь, на смартфоне этот сайт хорошо смотрится?

[Lorien]

В NetFront Access - вполне себе нормально смотрится. В Opera Mobile тоже ничего. И там и там штаб нормально работает.

На самом деле меня уговаривать не надо, так как выкладыванием задание, а также правил занимаюсь не я. Тут я высказывал только свое мнение.

[rasst]

А мп3 только флэшплеер ест? Раньше, вроде, без него обходились.

[Lorien]

rasst поднял вполне логичный вопрос, что а собственно нафига нам флэш, можно же все сделать на HTML5, там даже тег audio есть. И большинство современных браузеров уже этот HTML5 поддерживает. А кто не поддерживает, тот пусть и скачивает mp3.

2rasst JavaScript не может сам проиграть mp3 файл, нужны флэш компоненты для этого . JS используется для манипуляций, чтобы уменьшить нагрузку.

[Lorien]

Вот кстати набросал для проверки кода:
http://sledopyt-moscow.ru/audio.html

FF 3.5 - passed
Opera 10.60 - passed
IE 6 - предложение скачать аудио-файл по ссылке, так как html5 не поддерживается. У кого под рукой есть более новые IE - проверьте, как с ними дела.

Один тег, никакого флэша, никакого JS, полное управление в браузере. То есть минимум трафика, минимум ресурсов.

[Mouse]

IE7 - аналогично IE6.

[Lorien]

IE8 также не поддерживает HTML5, ну что еще ждать от MS? Обещают в 9 версии.

[rasst]

Давным-давно был тэг <embed>, который без джавы грузил любой установленный аудио-плагин. Чем он не подходит?

[Lorien]

Это хорошо для IE и Windows. Какой плагин грузить в линуксе под Konqueror?

[BorisK]

тогда можно универсально сделать так: тег audio, а внутри него тег a с файлом. если браузер поддерживает html5 - будет его встроенный плеер, иначе - ссылка на файл, которая с помощью вышеуказанного кода заменится на флэш-плеер (или так и останется ссылкой на скачивание)

[Lorien]

Ну я так и сделал в примере Собственно у кого HTML5 не поддерживается, предлагается скачать файл. Для "счастливых" владельцев IE можно даже embed поставить. Или прикрутить флэш, как сделано у вас.

А вообще давно пора сажать банер, что ваш браузер полностью не поддерживается, давайте обновляйтесь. Чем мы хуже гугла?