gsap player

? GSAP-плеер?

Небольшой настраиваемый проигрыватель в стиле YouTube для GSAP (GreenSock) Timelines.

Демо-страница проекта: http://s.codepen.io/sdras/debug/Mpjxxq/

Использование

Простейшее возможное использование — загрузка gsap-player.js перед закрывающим тегом body (файл CSS вам не нужен) и реализация:

 gsapPlayer ( { playerTL : yourtimelinehere } ) ;

Это добавит плеер в document.body. Имя временной шкалы по умолчанию — tl . Если вы используете tl, вам нужно только вызвать gsapPlayer();

Конфигурации

Светлая тема

По умолчанию в GSAP Player используется темная тема, но вы также можете настроить светлую тему:

 gsapPlayer ( { light : true } ) ;

Позиция

По умолчанию проигрыватель GSAP будет иметь ширину 80 % и высоту 40 пикселей от нижней части области просмотра. Вы можете настроить его на всю ширину или вровень с низом, а также немного выше или ниже. Снизу должна быть строка.

 gsapPlayer ( {
  fullWidth : true ,
  bottom : '0'
} ) ;

Если вы используете полную ширину и сохраняете для контейнера значение по умолчанию document.body, вы должны быть уверены, что вы либо использовали сброс, либо поместили margin: 0 в тело из-за странных настроек браузера по умолчанию.

Контейнер

По умолчанию экземпляр плеера создается в теле, но если вы хотите изменить родительский элемент, вы можете сделать:

 gsapPlayer ( { container : '#foo' } ) ;

Вам нужно будет поместить позицию: относительно содержащего элемента, чтобы пространственно заключить игрока в этот элемент div. Внимание: при этом анимация также не будет помещена в контейнер (конфигурация хранится отдельно для гибкости.

Лицензия

(Лицензия MIT)

Copyright (c)2017 Сара Драснер @sarah_edo Все права защищены.

Настоящим бесплатно любому лицу, получившему копию этого программного обеспечения и связанных с ним файлов документации («Программное обеспечение»), предоставляется разрешение на использование Программного обеспечения без ограничений, включая, помимо прочего, права на использование, копирование, изменение, объединение. публиковать, распространять, сублицензировать и/или продавать копии Программного обеспечения, а также разрешать лицам, которым предоставлено Программное обеспечение, делать это при соблюдении следующих условий:

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

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ, ГАРАНТИЯМИ ТОВАРНОЙ ЦЕННОСТИ, ПРИГОДНОСТИ ДЛЯ ОПРЕДЕЛЕННОЙ ЦЕЛИ И НЕНАРУШЕНИЯ ПРАВ. НИ ПРИ КАКИХ ОБСТОЯТЕЛЬСТВАХ АВТОРЫ ИЛИ ОБЛАДАТЕЛИ АВТОРСКИХ ПРАВ НЕ НЕСУТ ОТВЕТСТВЕННОСТИ ЗА ЛЮБЫЕ ПРЕТЕНЗИИ, УБЫТКИ ИЛИ ДРУГУЮ ОТВЕТСТВЕННОСТЬ, БУДЬ В ДЕЙСТВИЯХ ПО КОНТРАКТУ, ПРАВОНАРУШЕНИЮ ИЛИ ДРУГИМ ОБРАЗОМ, ВОЗНИКАЮЩИЕ ОТ, ИЗ ИЛИ В СВЯЗИ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ИЛИ ДРУГИМИ СДЕЛКАМИ, ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ.