Real-time Professional Video Scopes I Built Using Vanilla JavaScript
I worked a lot on HTML5 Canvas at this time, in fact so much that I became the top user in the tag on Stack Overflow (awarded with a mug and tee.) I wanted to see if I could build professional video scopes while processing and playing video at the same time using only JavaScript.
I build video scopes from scratch including 'RGB parade', 'Waveform', 'Vector' and histogram. With a little trickery using bit operation, AND and OR masking and whatnot; learned from my days in 68k asm, I got fully working scopes.
Now, the vector scope is circular while traditionally it would "squeeze" the visual into a more oval shape (like Premiere Pro's vector scope), and it's not able to process HDR video—only 8-bit sRGB, for two reasons: that data is currently not available to us though HDR version of the HTML5 canvas is being worked on (I'm in the W3C group for canvas color which is how I know), and it would require significant more processing which would probably not make it real-time (some WebAsm could probably get around some of that issue.)
I used a video I had made for a client (under my AKA Epistemex) as test video. Not the best in terms of color variety, but good enough to test if the scopes reacts or not.