Copy link to clipboard
I am in the process of creating an HTML5 video player that requires an HD video to be shrunk into a 640x360 web page.
Scaling down the HD video creates a lot of pixelization, especially in onscreen text...
When I created a previous .SWF version, I discovered this code could make the scaling much cleaner with no pixelization:
// Note: Using the Embedded .flv Video Component in a .swf
var vid:VideoPlayer = Video_Section_1.getVideoPlayer(0);
vid.smoothing = true;
I've been trying to find a "smoothing=true" equivalent in the HTML5 Canvas, but haven't had any luck so far...
Does such a feature exist?
Thanks for any help!
The HTML5 video element does not have anything like a smoothing control attribute.
What you should be doing is re-encoding the video at the resolution you need.
And what you're seeing is aliasing,not pixelization. Pixelization is when individual pixels are enlarged beyond the size of a screen pixels, creating large single-colored blocks..