Есть готовая адаптивная вёрстка, нужно её натянуть на PrestaShop 1.7. Нужно создать шаблоны и разместить блоки в соответствии с вёрсткой. Настроить функционал по вёрстке. Примеры макетов дизайна приложил к заданию. У Вас должен быть опыт работы с PrestaShop!
Встроить JS скрипт аудиоплеера на страницу
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Прошу помощи в подключении JS аудиоплеера howler.js в html страницу.
Howler - https://github.com/goldfire/howler.js#documentation
После пары часов изучения JS и немного танцев, я смог оживить верхнюю кнопку Play, Pause, и вывод информации о первом треке.
Лучше один раз взглянуть: https://codepen.io/Useryourname/project/editor/ZyNzNV
howler.js - Сам howler.
player.js - Логика работы на странице. Здесь не должно быть ссылок на треки.
songs.js - Список ссылок на треки, пока не работает.
Требуется доделать остальное:
- Переключать треки по нажатию на кнопки Вперёд\Назад.
- Выводить сверху текущую позицию трека(в секундах и графически) с возможностью перемотки.
-Выводить сверху текущие имя артиста и песню.
- При нажатии на знак динамика выключать звук, при повторном нажатии возвращать обратно.
- При изменении ползунка уровня громкости, менять эту громкость.
- При клике на Play выбранной песни - проигрывать её.
- У песни, которая проигрывается в данный момент, менять кнопку Play на Pause.
- Когда песня заканчивает проигрываться, включать следующую за ней.
Всё это базовые функции и они в большинстве реализованы в демке howler'a - https://howlerjs.com/#player . Её можно скачать на Github'e.
Без использования jQuery. Не срочно. Бюджет, к сожалению, не высокий. Если у вас есть отзывы и вы здесь не первый месяц, готов на полную предоплату.
- Похожие заказы
- Веб-программирование4 заявкиЗакрыт6 лет назад
Привет всем! Надо реализовать платная подписка опенкарт 2 Пример [url=http://prntscr.com/hn1qy1]prntscr.com/hn1qy1[/url] Пишите цена Антибот 21 + 12 =
Веб-программирование3 заявкиЗакрыт6 лет назадНужно добавить возможность создавать дочерних производителей
Веб-программирование3 заявкиЗакрыт6 лет назадСайт находится на demo8.star-media.by, работы нужно выполнить до 20:00 14.12.2017г. 1) Настроить навигацию по странице "Меню". При клике на один из разделов меню, например, на "Супы" – страница должна скроллиться к разделу "Супы". На Главной странице навигация ...
Веб-программирование3 заявкиЗакрыт6 лет назад- $1500
В финансовую компанию Требуется .Net разработчик для развитие микросервисной архитектуры компании. Удаленная работа, полный рабочий день. Уверенное знание: - C# - .Net Framework 4.5 Понимание принципов: - ООП - Микросервисной архитектуры - MVC - Многопоточного программирования - Функционирования очередей сообщений - Работы с базами данных Базовые ...
Веб-программирование4 заявкиЗакрыт6 лет назад В самом низу лендинга [url=http://inetsv.ru/]inetsv.ru/[/url] есть карта покрытия интернетом. Ее необходимо скопировать и встроить на новый сайт. Пишите стоимость и время.
Веб-программирование4 заявкиЗакрыт6 лет назадНеобходимо разработать одностраничный сайт на основе шаблона wordpress. Шаблон будет предоставлен. ТЗ https://yadi.sk/i/Yx1DFsDc3QW2CG
Веб-программирование5 заявокЗакрыт6 лет назадЗдравствуйте, уважаемые фрилансеры! Ищу [b]Joomla[/b]-программиста для доработки сайта-визитки. Ссылку на сайт отправлю лично тем, кто заинтересовался. [b]Задачи:[/b] [list=1][*]Перенести сайт на тестовый поддомен для выполнения всех работ на нём.[*]Удалить вирус с сайта (генерирует скрытые от пользователя ссылки на внешние ...
Веб-программирование7 заявокЗакрыт6 лет назад1. Должна быть возможность корректировки карточек клиентов менеджерами (контактных данных, статуса заказа и одобрения отсрочки). 2. Должна быть ссылка выгрузки товаров (с картинками хорошего качества обязательно) в другие магазины. 3. Панель внизу должна быть на всех страницах ...
Веб-программирование4 заявкиЗакрыт6 лет назадНужно разработать прелоадер для загрузки страницы сайта, используя изображение логотипа.
Веб-программирование3 заявкиЗакрыт6 лет назад