afterglow | graph visualization tool | Data Visualization library

I see several issues:

1. The input has DTS audio. Although it is supported in MP4 I guess it doesn't work with HTML5. You'll have to convert to AAC. Add -c:a aac after the -c copy.

2. Your ffmpeg is old. The FFmpeg AAC encoder had improvements that your version is missing. Avoid any other potential issues by downloading a recent version.

3. Add -movflags +faststart. This will move some info in the file after encoding so it can begin playback quicker; otherwise it will have to download the whole video before playing.

Example command:

You need to use HTML to render your video:

The color scheme that you're using is set as the color_scheme setting in your user preferences and the menu item Preferences > Color Scheme (which is under Sublime Text if you're on MacOS) allows you to more easily set that preference by showing you a list of all all most available color schemes along with letting you preview what they look like.

The short answer to your question is No, but the longer answer to your question is Yes.

The No is because unless you have your Preferences.sublime-settings file backed up somewhere (say if you use Dropbox to sync it) or under version control of some sort, then the value of the setting is gone now and the only way to get it back is to figure out what color scheme you were using so that you can reset it.

The Yes is because Sublime will only allow you to use color schemes that you have installed locally, and using the menu item outlined above allows you to pick between those you have installed (changing the setting as appropriate) but it doesn't remove any installed color schemes.

That means that unless you uninstalled a package in between when you were playing and noticed that your color scheme is no longer listed, that color scheme is still present even if the list isn't displaying it (and if you did uninstall a package, re-installing the package will bring it back). So all you need to do is figure out what it was.

There's a strikethrough in the first paragraph because Sublime hides some color schemes from you, so if you were using one of those it won't appear in the list and you need other means to find it.

The first thing to try is to add the following setting to your user settings (if it's not already there) to tell Sublime that legacy color schemes should also be listed:

You should use absolute path in your src tag then. E.g.

Given that you are already using Cloudfront, which is getting the content as close as possible to your users. I'd suggest one of the following:

1. Create less resolutions of the same video file, which would be quick to load on slow internet connections.
2. Add those resolutions to the player so users can pick which resolution to stream.

OR

1. Create a Dynamic Adaptive Streaming over HTTP (DASH) version of the file, like: "Auto Resolution" in Youtube.com by using Amazon Elastic Transcoder to create such a file and save it on AWS S3.
2. Point AWS Cloudfront to the Amazon Elastic Transcoder destination S3 Bucket to server that file to your users.

3. Change afterglow with a HTML5 Video player that supports DASH (e.g. mediaelement.js and others).

   This is a very helpful guide: Step by step on stream DASH on S3

You could read just the header first, to find which columns have oid in their name. Then set classes accordingly:

Basically, you experience performance lags due to not optimised code. Consider following changes:

1. You don't want to use exactly the same mask individually for every segment; use one mask instead and apply it to all segments
2. Create second mask for animation
3. Create clone of your 'crystal' and set its fill to second mask
4. Hide cloned crystals by default
5. When hovered, apply a new image to second mask and show cloned crystals
6. Apply transition time to mask fading for better experience
7. Don't use separate JQuery functions for every crystal - do it at once for all

After applying all of it - you won't notice lags in Firefox anymore

Use position: 'fixed'. This will keep the spinner in the center of the page, no matter if it is scrolled or not.

The spinner is present on your second example, but it is absolutely positioned at the top of your page.