Un reproductor pequeño y personalizable similar a YouTube para líneas de tiempo GSAP (GreenSock)
Página de demostración del proyecto: http://s.codepen.io/sdras/debug/Mpjxxq/
El uso más simple posible es cargar gsap-player.js antes de la etiqueta del cuerpo de cierre (no necesita el archivo CSS) e implementar:
gsapPlayer ( { playerTL : yourtimelinehere } ) ; Esto agregará el reproductor a document.body. El nombre de la línea de tiempo predeterminada es tl , si estás usando tl, solo necesitas llamar a gsapPlayer();
GSAP Player utilizará de forma predeterminada un tema oscuro, pero también puedes configurar un tema claro:
gsapPlayer ( { light : true } ) ;De forma predeterminada, el reproductor GSAP tendrá un ancho del 80 % y estará a 40 píxeles de la parte inferior de la ventana gráfica. Puede configurarlo para que sea de ancho completo o al ras hasta el fondo, o ligeramente más alto o más bajo. La parte inferior debe estar en una cuerda.
gsapPlayer ( {
fullWidth : true ,
bottom : '0'
} ) ; Si usa el ancho completo y mantiene el contenedor predeterminado en document.body, debe asegurarse de haber usado un reinicio o colocado margin: 0 en el cuerpo debido a valores predeterminados extraños del navegador.
De forma predeterminada, se crea una instancia del reproductor en el cuerpo, pero si desea cambiar el padre, puede hacer:
gsapPlayer ( { container : '#foo' } ) ;Deberá colocar position: relativa en ese elemento contenedor para encerrar al reproductor espacialmente en ese div. Solo un aviso: esto no colocará la animación en el contenedor también (la configuración se mantiene separada para mayor flexibilidad).
(La licencia MIT)
Copyright (c)2017 Sarah Drasner @sarah_edo Todos los derechos reservados.
Por el presente se otorga permiso, sin cargo, a cualquier persona que obtenga una copia de este software y los archivos de documentación asociados (el 'Software'), para operar con el Software sin restricciones, incluidos, entre otros, los derechos de uso, copia, modificación, fusión. , publicar, distribuir, sublicenciar y/o vender copias del Software, y permitir que las personas a quienes se les proporciona el Software lo hagan, sujeto a las siguientes condiciones:
El aviso de derechos de autor anterior y este aviso de permiso se incluirán en todas las copias o partes sustanciales del Software.
EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE NINGÚN TIPO, EXPRESA O IMPLÍCITA, INCLUYENDO, PERO NO LIMITADO A, LAS GARANTÍAS DE COMERCIABILIDAD, IDONEIDAD PARA UN PROPÓSITO PARTICULAR Y NO INFRACCIÓN. EN NINGÚN CASO LOS AUTORES O TITULARES DE DERECHOS DE AUTOR SERÁN RESPONSABLES DE NINGÚN RECLAMO, DAÑO U OTRA RESPONSABILIDAD, YA SEA EN UNA ACCIÓN CONTRACTUAL, AGRAVIO O DE OTRA MANERA, QUE SURJA DE, FUERA DE O EN RELACIÓN CON EL SOFTWARE O EL USO U OTRAS NEGOCIOS EN EL SOFTWARE.
