• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Equivalent smoothing=true in HTML5 Embedded Video?

New Here ,
Jun 01, 2020 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

287

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
community guidelines
LEGEND ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

LATEST

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

Votes

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
community guidelines