Highlighted

Equivalent smoothing=true in HTML5 Embedded Video?

New Here ,
Jun 01, 2020

Copy link to clipboard

Copied

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!

TOPICS
Other

Views

193

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Equivalent smoothing=true in HTML5 Embedded Video?

New Here ,
Jun 01, 2020

Copy link to clipboard

Copied

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!

TOPICS
Other

Views

194

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 01, 2020 0
ClayUUID LATEST
Adobe Community Professional ,
Jun 01, 2020

Copy link to clipboard

Copied

The HTML5 video element does not have anything like a smoothing control attribute.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

 

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..

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 01, 2020 0