Плеер Жуэль (Jouele) – добавление иконки Pause

Недавно наткнулся на очень приятный минималистичный web-плеер Жуэль, разработанный дизайнером Ильёй Бирманом. Плеер использует библиотеку jQuery и основан на jPlayer.

Жуэль мне сразу понравился минималистичным дизайном тем, при том, что он обладает всеми необходимыми функциями: есть поддержка плейлистов, управление с клавиатуры, возможность изменить стиль при помощи стилей. Единственное, что меня удивило – то, что при нажатии на кнопку “Play” при начале воспроизведения иконка не меняется на стандартную “Pause”.

Я написал автору, почему реализовано именно таким образом и нельзя ли сделать поведение плеера стандартным (чтобы при нажатии на кнопку Play при воспроизведении она менялась на Pause)? На что получил ответ Ильи, что он так делать не хочет. Позицию свою он пояснил при помощи ссылки на статью, где крутые дизайнеры обсуждают так называемую “проблему настенного переключателя”. “Ну нет, так нет – подумал я, – поменяю сам”, тем более код плеера выложен на GitHub. Скачал плеер, разобрался каким образом отрисовываются иконки и поправил. Теперь работает так:

Было:

jouele player with play/pause buttons example

Стало:

jouele player with play/pause buttons example

Изменения сделаны только в файле jouele.js. Правки сделал в актуальной на текущий момент версии плеера

v.2.2.2.

Скачать доработанный файл jouele.js

Жуэль, наверное, прикручу к блогу для выкладывания музыки. На мой взгляд смотрится здорово, намного приятнее стандартного плеера WordPress:

Survivor – Eye of The Tiger

Добавить комментарий

Ваш e-mail не будет опубликован.