digital_video_introduction VS caniuse

There's a great introduction to video tech, including codecs, at https://github.com/leandromoreira/digital_video_introduction

A couple of AV centric scenarios I'd explore: - Set up two speakers fed with a mono signal, flip the phase on one and have students move around the area. From this introduce constructive and destructive interference and some basic acoustics. - Using an oscilloscope (or just prepped graphics) show a sine wave on an unbalanced line, how this is paired with an inverted copy of itself on a balanced line, and how this works to cancel transmission noise. - With an analogue signal now pictured, introduce analogue to digital conversion and what sample rate and bit depth mean. From this you can also start to introduce why gain staging is important in both pure analogue systems and those where you're bouncing between analogue and digital domains. - Introduce video: colour channels, different ways of representing colour and some (very surface level) compression basics like chroma subsampling. Really good resource for that here. - Introduce base patterns for getting any signals arounds: dedicated circuits (analogue audio, HDMI video, RS-232 control, logic IO) and network based (again for audio, video, and control). Dive intro signal flow, how to read a schematic and where reasoning about each of these modes differs.

If you want to keep digging from there, get familiar with the compression on NVX, JPEG-XS, and how it behaves. intoPIX are the upstream vendor that do some of the NVX internals and have some great resources on that here: https://www.intopix.com/jpeg-xs. For a guide on all things digital video I also highly recommend https://github.com/leandromoreira/digital_video_introduction.

Edit: After finishing writing the comment, I realized that it was more technical than I intended, and assumes that the reader has a basic to medium understanding of video compression. If not, I recommend this writeup/tutorial of digital video, especially the section about frame types.

A good high-level breakdown of H.264: https://sidbala.com/h-264-is-magic/

Associated HN post (although there have been a few): https://news.ycombinator.com/item?id=30710574

More technical: https://github.com/leandromoreira/digital_video_introduction...

For those interested in this topic, I highly recommend the approachable but more extensive technical introduction at https://github.com/leandromoreira/digital_video_introduction

Go look at this. https://github.com/leandromoreira/digital_video_introduction

Can I X, is a question about the readiness/compliance of a certain thing at time = now. Can I use CSS version X was the iconic early meme.

https://caniuse.com/?search=css3

For a generalized example, if you wanted to know if the basketball courts were ready for you to “ball it up” in a certain city, it’d be caniball.com

If you want to know if you can use a certain frontend technology, the idea is like: canwefigma?

It’s a glorified feature matrix, and usually a project of a passionate community. I approve, even if some of the memes are a bit dank.

https://caniuse.com/ is a popular tool to check what web features are working across different browsers - "can you use this and assume that it will work for others".

The article uses custom css @properties which are awesome and have 88% browser support [1].

One thing to watch out for is differences in how browsers handle setting the fallback initial-value. Chrome will use initial-value if CSS variable is undefined OR set to an invalid value. Firefox will only use initial-value if the variable is undefined. For most projects, this won't be an issue, but for a recent project, I ended up needing to use javascript to set default values in Firefox to iron out the inconsistency between browser implementations.

[1] https://caniuse.com/?search=%40property

Safari is the only browser that doesn't support extending HTML element

https://caniuse.com/?search=Custom%20Elements

You forgot to mention (Web)Workers. This is explicit creation, management, and communication with additional threads within JavaScript. What's more, they've been around in JavaScript longer than the V8 engine has even existed!

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers...

https://caniuse.com/?search=webworkers

Do you happen to know where can I check out the cutoff version for each browser? https://caniuse.com/?search=wasm doesn't have it (or other things like WasmGC for that matter)

(https://caniuse.com/) A handy tool for checking the browser compatibility of HTML, CSS, and JavaScript features. Can I Use provides up-to-date support tables for various web technologies across different browsers.

Caniuse