9 ms·
Am I the only one having problems to follow .gif "demos"? When I get to the image, it is in the middle of everything and I don't really have an idea what is go
by Sujan 8y ago
Am I the only one having problems to follow .gif "demos"?
When I get to the image, it is in the middle of everything and I don't really have an idea what is going on. Even watching it multiple times, I am not sure where it starts, ends, what the individual steps are.
Or is it because I just don't know enough about this stuff?
- Sujan 8y agoOh, and to make this more than a simple rant/whine, some constructive suggestions that could possibly solve the problem: - Normal video with playback controls? - Add a clearly distinguishable "this is where it starts" screen. - Is there maybe a way to control playback of a gif via JS/HTML? Add a "restart" button. - Add a timeline into the .gif that shows where I am (similar to usual video player).
- piyh 8y agoMake it a webm. Then you can right click from pretty much any browser and click "show controls". See Gyfcat.
- marzell 8y agoYou can view controls on GIFs in many cases as well, I believe. Also, nobody seems to make use of these features, but GIFs do not have to loop, nor do they have to loop by going back to the very beginning of the animation as well. In particular, I find it extremely ineffective where there are GIFs that only show a "final product/scene" for like 1 frame before looping back to the beginning.
- TheDong 8y ago> You can view controls on GIFs in many cases as well, I believe I don't think that's true. Twitter and imgur do convert gifs to mp4, and you can see controls there, but that's because they're not gifs. Do you have a citation or example of controls on actual gifs in any commonly used web browser?
- marzell 8y agoYea I am probably mistaken, this is likely gifv
- Kagerjay 8y agoare you thinking of .gifv which imgur supports?
- marzell 8y agoyea I think you are probably right.
- devmunchies 8y agowebm doesn't work on iOS if that matters
- threeseed 8y agoWebM is not supported on Safari (OSX or iOS) and is listed as only partially supported on Edge. https://caniuse.com/#search=webm https://caniuse.com/#search=webm
- Spooky23 8y agoiOS does not support webm
- legostormtroopr 8y agoEven better - make it an ASCIInema which gives you all that... and the ability to record from bash and copy and paste commands!
- hyperpallium 8y agoAnd save about a million bytes in bandwidth.
- jpeeler 8y agoI've not had the opportunity to use this project yet, but https://github.com/nbedos/termtosvg https://github.com/nbedos/termtosvg seems to be another nice alternative. It provides the option of using templates that have playback controls or a progress bar. Also supports copying from the "terminal" like asciinema does.
- styfle 8y agoYes, termtosvg is a really good solution to this problem! Here's an example with a pause/play button: https://rawgit.com/nbedos/termtosvg/develop/examples/awesome_window_frame_js.svg https://rawgit.com/nbedos/termtosvg/develop/examples/awesome...
- metamet 8y agoWas it intentional to make ASCIInema sound like "ass enema"?
- gcb0 8y agothanks. now I will never be able to unsee that.
- orliesaurus 8y agoOut of curiosity what does the industry best practice dictates between webm and mp4 for this kind of stuff? - Which one is more accessible? - Which one is more "compressed" and mobile ready?
- chrisan 8y agoYou need both formats, mp4 for ios and webm for android Not sure this is "standard" but imgur has their gifv "format" which will serve up the correct underlying format to the device https://help.imgur.com/hc/en-us/articles/208606616-What-is-GIFV- https://help.imgur.com/hc/en-us/articles/208606616-What-is-G...
- orliesaurus 8y agowhy both? Android can do mp4, no?
- Ajedi32 8y agoWebM (or rather, VP8) uses less bandwidth and has better quality.
- epicalex 8y agoI believe technically it requires lower bitrates to maintain the same quality (as mp4 etc), as opposed to just having de facto better quality. The lower bitrate is what results in less bandwidth usage.
- Ajedi32 8y agoWell yeah, you can get lower bitrate with the same perceived quality, or better quality with the same bitrate, or a mixture of both. It all depends on what options you set when encoding.
- kodablah 8y agoChromium browsers compiled without proprietary codecs require webm. It's a small subset of people (I am one), but I just don't play and/or leave sites with mp4 only.
- lvh 8y agoasciinema is open source and does this really cool thing where it actually emulates a terminal. asciinema recordings are tiny compared to real video, and get rendered as text by your browser, so everything is sharp and snappy.
- itaysk 8y agoI share your pain. Need an extension that would add playback controls to gifs, or at least "play from beginning"
- bendavis381 8y agoPeople should really just use .mp4. They're smaller and have native playback controls, including restart, timeline, etc.
- mattigames 8y agohere https://chrome.google.com/webstore/detail/gif-scrubber/gbdacbnhlfdlllckelpdkgeklfjfgcmp?hl=en https://chrome.google.com/webstore/detail/gif-scrubber/gbdac...
- _seemethere 8y agoYeah they should've just used asciinema where you can actually manipulate time, and copy/paste directly from the video.
- eterm 8y agoAnd because it's an actual gif rather than re-badged mp4 (gifv) it's 1.6mb, it doesn't allow you control via browser controls and doesn't have a clear indicator of length.
- jczhang 8y agoTotally feel you on this one, especially when the purpose is to inform/teach. I found this extension that helps: https://chrome.google.com/webstore/detail/play-the-gif/mchecalpedamcfhiadokofgomojakmki/related https://chrome.google.com/webstore/detail/play-the-gif/mchec...
- deleted 8y ago[deleted]
- Kagerjay 8y agoI do alot of gif documentation and its unfortunate that its hard to follow. I only do this because its convenient using shareX and supported at the same levels images (no embedding needed), just traditional `img` tags. Also, it works natively with markdown so its convenient The only suggestion is to download "Gif scrubber" or "Play this gif" or "Videoplayback Controller" off google chrome extensions
- mtrn 8y agoIf it's not overdone, an animated walk-through can give you an impression of how simple something is - here a short animation can be worth a thousand words. For more complex topics I find animations less helpful.
- Rauchg 8y agoThanks a lot for your feedback. I think adding playback controls on hover is going to help a lot. We picked video/gif as the delivery format to give people a real-life impression of performance. (I took the videos myself while using the platform on a regular production plan.)
- reshie 8y agothey do explain it. gifs have there place but this may be too long for a looping gif, i believe a proper stream would have been better to display the commands and process.
- tempodox 8y ago“Don't hold it like that!”