Web Player - Browser Support

The Web Player is written in modern javascript ECMAScript 2016 (ECMA-262) and works wonderfully on modern browsers. By default it has no support for older browsers, meaning it doesn't include any polyfills, this to make the library as light-weight as possible.

Older browser support

Luckily, you can use the amazing polyfill service polyfill.io, to polyfill the required features for you based on your browser user-agent.

Example:

<script src="https://cdn.polyfill.io/v2/polyfill.js?features=es6&flags=gated"></script>
<script src="https://unpkg.com/spiritjs/dist/spirit.min.js"></script>

Always test your animations in other browsers to make sure it renders correctly. Checkout the Polyfill.io docs for more info about polyfilling browser features.

Tip: Polyfill javascript only when you need to.

Pascal Klau has created a dynamic-polyfill package on npm, which only polyfill missing features to minimize browser requests.

GSAP and Tweening

The Web Player uses GSAP as the default animation strategy. GSAP does a great job on cross-browser support and performance, yet it might be possible that certain properties are not supported by and can not be animated on older browsers.

Always test you animations in different browsers.

results matching ""

    No results matching ""