Comments (9)
this is a good idea, i'll get working on it and add to the docs. thanks for the suggestion!
from freezeframe.js.
Awesome!
The reason I got excited with freezeframe.js is that it seems to support browsers that other libs out there don't. That is Safari. If we are going to use it for a BBC page we would like a list of browsers you know you can support, etc.
Thank you @chrisantonellis !
from freezeframe.js.
Freezeframe is working in current versions of Chrome, Firefox and Safari, and I plan to support those browsers and IE from the version where they started supporting the HTML5 Canvas API ( http://caniuse.com/#search=canvas ) That looks like IE9+, almost all version of Chrome and Firefox, and Safari 5+. I also intend on supporting IOS Safari and Android Chrome. I have not done any previous version testing, only current versions.
I also just found bugs in IE 11 IOS Chrome that i'm working on. I'll add the browser support table to the docs ASAP, but i wanted to get you the info sooner!
from freezeframe.js.
Ah, that sounds quite a good list @chrisantonellis !
If on unsupported browsers there is no error, or at least nothing very intrusive, and the GIF doesn't play automatically I think we can use it!
This last one (fallback to no animation) is an accessibility constraint. Animations might be disruptive to some users.
Thank you for this!
from freezeframe.js.
@tsouk currently these are features I would have to add but will be working on this week (browser feature detection and graceful degradation if features are unsupported). There is however no "easy" way to provide a fallback for unsupported browsers where the GIF will not play, as the pausing of the GIF is a result of freezeframe working correctly. I can however figure out a way to specify a "fallback image" per GIF if this is something that would be of use to you. Please let me know! This would provide the functionality you describe.
from freezeframe.js.
The "fallback image" option sounds like a good idea!
Uncontrollable animations are the reason we cannot do GIFs yet. Having a paused fallback gets us over the biggest accessibility concern. When I get some examples going, I will enlist our accessibility experts to look at this, and will give you detailed feedback.
That is, if you want this feature (and probably not much else) to make freezeframe.js a fully accessible GIF library. I believe it is worth it!
from freezeframe.js.
@tsouk this is being actively worked on :) expect updates very soon!
from freezeframe.js.
awesome @chrisantonellis !
I'll spike a prototype for our new website as soon as possible. I'll get the a11y team to approve and might come up with a pull request for you if we need any changes.
(This could have been in the ABC's of motion article if we had it back in August... no worries, we'll get there)
from freezeframe.js.
Closing because we aren't maintaining 3.x anymore
from freezeframe.js.
Related Issues (20)
- ReactFreezeframe not working with Server-Side Rendering HOT 5
- Is it possible to play the animation a single time (no loop) ? HOT 1
- Is it possible to have the GIF play and then stopped on trigger? HOT 3
- Is something like this even possible? HOT 1
- Problem with Freezeframe.js inside Bootstrap 5 Modal HOT 1
- Size & color of play button
- No callbacks on trigger:'click' HOT 2
- destroy should completely remove all traces of freezeframe.js from DOM
- freezeframe.js should have a method to refresh calculations of DOM element HOT 1
- freezeframe should have a "ready" event listener HOT 1
- Could not find a declaration file for module 'react-freezeframe'
- Please support WebP format
- Project 'angular-freezeframe' does not exist
- Freezframe Gifs are not resizing in react js HOT 1
- Plugin not recognizing img attributes HOT 1
- Unminified Version
- Unminified Release and dismounting method
- Does it really support Typescript? HOT 1
- GIFS resize to be huge HOT 1
- Static image is blurry on high device pixel ratio screens. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from freezeframe.js.