A whole lotta GIF Superiority Guys we have here.
Pretty much doesn’t matter what the subject is, there is an incredible amount of talent here... thanks so much for the guiding light comments
so after the good comments I’m deducing that I need high res screen video capture and flexible video editing tools, and then I need to pay attention to the playback format for “universal” compatibility, loading time and bandwidth as well as resolution
so my final format should be some form of MP4 or HTML5?[/b] Is that correct? and the correct use of Jiffing is less than 10 seconds for the loading time and resulting resolution limitations?
Again my goal is super sharp resolution for the final output
Your final format would be both.
.mp4 is a multimedia container format that has the advantage of being one of three HTML5 compatible formats (.ogg and .webm being the other two). HTML5 is a web coding language with
a element that allows for streaming directly without a 3rd party player like Flash.
If you want to load a website and be looking at 4K video (I still have no idea why you would want to do this, as probably fewer than 5% of people browse at anything above 1080), your workflow would be like this:
1.) Clip and render your video using h.264 compression (not as efficient as h.265 but supported by all browsers) and in an .mp4 container.
2.) Add a element to your website. There are many attributes you can assign to make your video behave in the manner you want. If all you want is for your viewer to load the page and see a fullscreen video, you'd use CSS to set the element to 100% height and width. If you hate your viewers and want your viewers to hate you, you set the video to autoplay using the autoplay attribute in the video element (I believe Chrome does not allow autoplay unless muted).
You can add playback controls, playlists, etc. through the attributes. This is totally something you can fight your way through, trust me. Plenty of reading online that'll get you there. HTML/CSS is relatively easy, and there are TONS of references out there to help you. When all else fails, find a site that looks like what you want, copy it wholesale, and edit the CSS to tune to your liking.
Btw, even using video instead of .gif, 4K is going to be YUGE. Like, "Fuck this; I'm not waiting for this to load/play" yuge. You'll still want to do your best to compress your video down to as small as possible. The key measurement here is bitrate. That's the realtime bandwidth your video will take up as it plays. Measured in megabits per second (Mbps). This number is the ultimate determinant of your video's image quality, really. You know what the difference in image quality is between, say, 12 Mbps 4K and 12 Mbps FHD? If the video contains a lot of motion, the FHD will probably look better on most screens, that's what. Without getting into how video compression actually works, just trust me that bitrate is far more important than resolution. Which is to say, don't get hung up on 4K unless you plan on encoding at a bitrate that's at least 20 Mbps. And if you're going to do that, don't expect everybody to be able to even stream that video in realtime. That's a firehose.
For streaming on the web at a rate that expect everybody to be able to view without constant buffering, I target 12 Mbps. 12 Mbps beats 4K video into a bloody pulp, so I don't even bother with it, rendering down to 1080. Don't notice the difference on my 4K TV, as the compression is the limitation.
Lastly, you're going to need a place to host all of these giant video files that you're embedding. These get quite large, hence why most people just upload to YouTube and embed on their site instead of self-hosting. If you're going to host your own video, I recommend
Amazon's AWS S3. Dirt cheap as far as these things go (pennies per GB, IIRC), and plenty fast to stream high quality video. If you want it to be REALLY fast, you can pay extra for media streaming services that store your videos on local servers all over the place to eliminate lag.
Hope this helps.
