Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Жуэль

Жуэль 2.3 доступен в НПМ

Новый Жуэль 2.3 теперь доступен в НПМ:

npm install ilyabirman-jouele

В отличие от сборки с моего сайта, версия в НПМе не содержит в себе Хоулер. Вместо этого он указан в качестве зависимости. Если вы делаете всё правильно, он подключится автоматически.

2017   Жуэль

Жуэль 2.3

Жуэль 2.2

Жуэль — нормальный аудиоплеер для веба. Его развитием занимается Женя Лазарев.

У нас вышла версия 2.3. Жуэль теперь использует Хоулер (встроен, а не идёт отдельным файлом) вместо Джейплеера. Благодаря этому изменению, трафик расходуется умнее, прелоудер работает точнее и ушло много мелких ошибок. Функция data-repeat стала работать у отдельных треков. Если файл недоступен, Жуэль показывает это, а не «висит». Вёрстка лучше смотрится в разных браузерах.

Пример песенки:

Документацию см. на Гитхабе.

Жуэль 2.2

Жуэль 2.2

Жуэль — нормальный аудиоплеер для веба. С прошлого лета его развитием занимается Женя Лазарев.

У нас вышла версия 2.2, и в ней появились плейлисты. Женя объясняет:

Все треки, которые лежат в одном блоке с классом jouele-playlist теперь будут играть друг за другом. Если добавить плейлисту атрибут data-repeat="true", этот плейлист будет играть бесконечно. Естественно, плейлистом можно сделать, в том числе, теги html и body.

В свежей бете Эгеи это используется. Я написал: «Если в заметке есть несколько аудиотреков, они будут играть друг за другом». Это реализовано как раз так, что заметки с аудиофайлами заворачиваются в плейлист. Пример — недавняя заметка про голосовые объявления в метро Стокгольма.

И ещё мы довели до ума управление пробелом. Женя продолжает:

Опции, связанные с пробелом, стали глобальными и управляются одним атрибутом data-space-control="true". Добавив его к любому плейлисту или треку, вы включите перехват нажатия пробела на всей странице. Если ничего не играет, заиграет последний игравший (или первый на странице) трек. Если что-то играет, оно остановится. При этом браузер не будет скроллить страницу, что он обычно делает при нажатии пробела.

Пробел по умолчанию не перехватывается, плейлисты тоже по умолчанию не включаются.

Потанцевать на радостях:

Документацию см. на Гитхабе.

Жуэль 2.1

Жуэль 2.1

Привет, с вами Дед Мороз!

Как вы знаете, у меня есть нормальный аудиоплеер для веба — Жуэль. С лета его развитием занимается Женя Лазарев.

У нас вышла версия 2.1. Теперь на странице всегда один экземпляр Джейплеера, сколько бы треков вы не ставили, поэтому адские аудиопростыни типа моего поста с голосовыми объявлениями лондонского метро не тормозят браузер. Ещё пробел теперь умеет останавливать трек и играть дальше (но только после того, как вы включили хоть какой-то трек мышкой).

Потанцевать на радостях:

Документацию см. на Гитхабе. Отдельное спасибо Саше Годун за перевод на английский.

Жуэль 2.0

Жуэль 2.0

Три года назад я сделал нормальный аудиоплеер для веба — Жуэль.

Женя Лазарев сделал версию 2.0. Плеер избавился от скеоморфизма и стал ещё приятнее на вид. И перекрасить его на свой вкус стало проще. Ещё у плеера теперь динамическая инициализация, и он стал правильным джейквери-плагином с АПИ (это всё типа значит хорошо). Я прикрутил его к сайту, в том числе к разделу «Музыка». Потанцевать на радостях:

Ссылки по теме:

Жуэль 0.6 и Эгея v2849

Недавно у людей перестал работать плеер Жуэль в Хроме. Я подложил в него более новую версию Джейплеера, и он заработал. Пропатченный Жуэль доступен для скачивания под номером версии 0.6.

Поскольку этот плеер встроен в Эгею, то её тоже пришлось обновить — в сборке v2849 лежит починенный. Для обновления достаточно заменить папку /system/library/jouele/.

2014   Жуэль   продукты   релиз   Эгея

Жуэль 0.5

Весной я выпустил свой красивый веб-плеер. Сегодня выложил версию 0.5:

  • дизайн изменился: полоса стала тоньше и переехала под строку с названием и временем, название выровнялось по левому краю, а время переехало в правый конец;
  • иконки стали векторными;
  • если положить плеер в контейнер с классом .jouele-option-progress-when-playing, то прогресс-бар будет отображаться только во время воспроизведения музыки (это удобно, если хочется поставить несколько треков подряд, тогда не будет чересполосицы прогрессбаров);
  • в вёрстке используется меньше элементов;
  • ещё какие-то мелкие мелочи.

Вот послушайте, например, мой последний микс «Сдвиг по фазе»:

Ещё я решил, что правильно будет всё-таки его произносить «Жуэль», а не «Жулё», так как всем это удобнее и склоняется.

Иконки в формате СВГ любезно «сверстал» Вадим Макеев. И пока делал их, написал целую статью о всяких хитростях, связанных с этим — читайте. Спасибо, Вадим!

Почему-то у меня нифига не работает в Опере. Если вы знаете, почему, расскажите, как починить, пожалуйста. Хром тоже непонятный. Иногда работает, иногда вдруг нет (видимо, от фазы Луны зависит, я не понял).

2012   дизайн   Жуэль   проекты

Держите плеер

Теперь мой плеер доступен как самостоятельный продукт и называется Jouele (читается «Жу-лё» «Жуэль»).

В нём много к чему ещё можно придраться, но главное, что он клёвый и работает, — поэтому я его и опубликовал. А ещё его прикрутить проще, чем любой другой плеер в мире. Пользуйтесь на здоровье. Кстати, он есть на Гитхабе, так что, наверное, вы можете как-нибудь там коммитить исправления багов, если хотите.

2012   Жуэль   проекты