Decode 10 bit Video to Texture?

gg99 · November 13, 2020, 1:27am

I am using google chrome on windows 10 to decode a 10 color bit depth video encoded with x264. It is played through an html5 video element and sent to THREE.js video texture as the source.

Will the video element compress the 10 bit video down to 8 bit for playback, therefore feeding only 8 bit data to the texture? Or does webgl extract all 10 bits? My results indicate 8 bit, but any feedback on this topic would be very helpful.

Mugen87 · November 13, 2020, 10:27am

Yes since it’s only possible to use 8 bits per color channel. A workaround is the usage of floating point textures. More information in this thread:

github.com/mrdoob/three.js

THREE.UnsignedShortType

opened 08:31AM - 25 Mar 12 UTC

closed 09:01AM - 15 Apr 20 UTC

Pitel

Question

Hi, I'm making a terrain renderer, and I'm using 16bit grayscale pngs as displac…ement maps. When I load them using `THREE.ImageUtils.loadTexture`, it works, but I get noticable rounding errors. So I tried to modifiy it like this: ``` javascript function loadDEM(path, mapping, callback) { var image = new Image(), texture = new THREE.Texture(image, mapping); texture.type = THREE.UnsignedShortType; image.onload = function() { texture.needsUpdate = true; if (callback) { callback(this); } } image.crossOrigin = "anonymous"; image.src = path; return texture; } ``` Just added `texture.type = THREE.UnsignedShortType`, and now I get these errors in console and terrain is flat. ``` WebGL: INVALID_ENUM: texImage2D: invalid texture type index.html:1 WebGL: INVALID_OPERATION: generateMipmap: level 0 not power of 2 or not all the same size ``` So how can I use 16bit images? This is the actual terrain tile: ![Terrain tile](http://dl.dropbox.com/u/1117903/terrain.png)

Topic		Replies	Views
Support for 30 bit displays Questions	4	821	October 4, 2018
Data3DTexture where each pixel is 16 bits precision Questions textures	6	623	March 20, 2023
Is it possible to render a non-FloatType 3D texture? Questions textures , shaders	8	415	February 17, 2024
ThreeJS v155 Safari vs Chrome Video Texture Colors Questions textures , color , browser	3	694	August 12, 2023
Transparent channel on video texture Questions textures , video-texture , transparency	3	3280	November 20, 2018

Decode 10 bit Video to Texture?

Related topics