Форум

 
 
Войдите сюда для управления командой, регистрации на соревнования, подачи апелляции.


β поиск команд


Подписка на рассылку:

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

 
Начать новую тему   Ответить на тему    Список форумов Следопыт -> Работа сайта и форума
Предыдущая тема :: Следующая тема  
Автор Сообщение
BorisK
Бывалый следопыт


Зарегистрирован: 27.01.2009
Сообщения: 772

СообщениеДобавлено: Пн Июл 05, 2010 11:27 am 
Заголовок: прослушивание mp3 на сайте
Ответить с цитатой

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


Зарегистрирован: 07.01.2008
Сообщения: 820
Откуда: Катуар (МО)

СообщениеДобавлено: Пн Июл 05, 2010 12:20 pm 
Заголовок:
Ответить с цитатой

Спасибо!
Можно делиться Smile
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора ICQ Number
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 12:54 pm 
Заголовок:
Ответить с цитатой

А у кого флэш отключен? Я его везде где можно отключаю.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
BorisK
Бывалый следопыт


Зарегистрирован: 27.01.2009
Сообщения: 772

СообщениеДобавлено: Пн Июл 05, 2010 1:05 pm 
Заголовок:
Ответить с цитатой

пример можно посмотреть в КП 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 писал(а):
А у кого флэш отключен? Я его везде где можно отключаю.

смотря как отключить. если просто запретить - останется ссылка на mp3, а если интеллектуально типа плагина noscript для ff, то по клику будет спрашивать разрешения на воспроизведение
К началу
Посмотреть профиль Отправить личное сообщение
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 1:36 pm 
Заголовок:
Ответить с цитатой

BorisK писал(а):
Lorien писал(а):
А у кого флэш отключен? Я его везде где можно отключаю.

смотря как отключить. если просто запретить - останется ссылка на mp3, а если интеллектуально типа плагина noscript для ff, то по клику будет спрашивать разрешения на воспроизведение


Проверил на указанной ссылке. Без флэша не работает. Предлагает скачать новый флэш. Браузер опера, с выключенным плагином флэша.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
BorisK
Бывалый следопыт


Зарегистрирован: 27.01.2009
Сообщения: 772

СообщениеДобавлено: Пн Июл 05, 2010 1:55 pm 
Заголовок:
Ответить с цитатой

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


Зарегистрирован: 19.02.2008
Сообщения: 381
Откуда: не содержит ГМО...

СообщениеДобавлено: Пн Июл 05, 2010 3:24 pm 
Заголовок:
Ответить с цитатой

Lorien писал(а):
А у кого флэш отключен? Я его везде где можно отключаю.
я включил его полгода назад в связи переходом на FF+Adblock.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора ICQ Number
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 3:33 pm 
Заголовок:
Ответить с цитатой

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

Да и на смартфонах нет нормального флэша.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
BorisK
Бывалый следопыт


Зарегистрирован: 27.01.2009
Сообщения: 772

СообщениеДобавлено: Пн Июл 05, 2010 3:58 pm 
Заголовок:
Ответить с цитатой

а ты думаешь, на смартфоне этот сайт хорошо смотрится?
К началу
Посмотреть профиль Отправить личное сообщение
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 4:13 pm 
Заголовок:
Ответить с цитатой

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

На самом деле меня уговаривать не надо, так как выкладыванием задание, а также правил занимаюсь не я. Тут я высказывал только свое мнение.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
rasst
Победитель
Победитель


Зарегистрирован: 06.03.2008
Сообщения: 264
Откуда: Королёв

СообщениеДобавлено: Пн Июл 05, 2010 5:44 pm 
Заголовок:
Ответить с цитатой

А мп3 только флэшплеер ест? Раньше, вроде, без него обходились.
К началу
Посмотреть профиль Отправить личное сообщение
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 6:13 pm 
Заголовок:
Ответить с цитатой

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

2rasst JavaScript не может сам проиграть mp3 файл, нужны флэш компоненты для этого Sad. JS используется для манипуляций, чтобы уменьшить нагрузку.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 6:33 pm 
Заголовок:
Ответить с цитатой

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

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

Один тег, никакого флэша, никакого JS, полное управление в браузере. То есть минимум трафика, минимум ресурсов.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Mouse
Модератор
Модератор


Зарегистрирован: 07.01.2008
Сообщения: 820
Откуда: Катуар (МО)

СообщениеДобавлено: Пн Июл 05, 2010 8:05 pm 
Заголовок:
Ответить с цитатой

IE7 - аналогично IE6.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора ICQ Number
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Пн Июл 05, 2010 8:18 pm 
Заголовок:
Ответить с цитатой

IE8 также не поддерживает HTML5, ну что еще ждать от MS? Обещают в 9 версии.
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
rasst
Победитель
Победитель


Зарегистрирован: 06.03.2008
Сообщения: 264
Откуда: Королёв

СообщениеДобавлено: Пн Июл 05, 2010 10:24 pm 
Заголовок:
Ответить с цитатой

Давным-давно был тэг <embed>, который без джавы грузил любой установленный аудио-плагин. Чем он не подходит?
К началу
Посмотреть профиль Отправить личное сообщение
Lorien
Web-мастер-Следопыт


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Вт Июл 06, 2010 6:49 am 
Заголовок:
Ответить с цитатой

Это хорошо для IE и Windows. Какой плагин грузить в линуксе под Konqueror?
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
BorisK
Бывалый следопыт


Зарегистрирован: 27.01.2009
Сообщения: 772

СообщениеДобавлено: Вт Июл 06, 2010 4:07 pm 
Заголовок:
Ответить с цитатой

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


Зарегистрирован: 26.08.2008
Сообщения: 486
Откуда: Маньяки-Приключенцы

СообщениеДобавлено: Вт Июл 06, 2010 4:45 pm 
Заголовок:
Ответить с цитатой

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

А вообще давно пора сажать банер, что ваш браузер полностью не поддерживается, давайте обновляйтесь. Чем мы хуже гугла? Laughing
К началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов Следопыт -> Работа сайта и форума Часовой пояс: GMT + 3
Страница 1 из 1

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
 


Бегущий Город - городское ориентирование ОТрыв Ё-game Формула ОТ
 
На главную Новости Все соревнования О проекте Контакты Форум