iPod Touch - Safari 12 - WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL - iPod Toch Safari #85

GlenHughes · 2019-02-19T13:53:46Z

Describe the bug
When running the face detector on an iPod touch in Safari 12 the following error is logged in the console.

WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL
texImage2D
b — jeelizFaceFilterES6.js:85:430
p — jeelizFaceFilterES6.js:86:406
l — jeelizFaceFilterES6.js:87:404
l — jeelizFaceFilterES6.js:42:214
zc — jeelizFaceFilterES6.js:50
sa — jeelizFaceFilterES6.js:131:453
(anonymous function) — jeelizFaceFilterES6.js:140:144
(anonymous function) — jeelizFaceFilterES6.js:131:316
onreadystatechange — jeelizFaceFilterES6.js:19:153
f — jeelizFaceFilterES6.js:64:487```

The face detector still works though. I am also passing in the canvas as an object rather than the id as a string.

**To Reproduce**
Run the detector on an iPod touch in Safari 12

**Expected behavior**
No errors to be shown in the console

**Smartphone (please complete the following information):**
 - Device: iPod Touch
 - OS: iOS 12
 - Browser Safari
 - Version 12

Thanks :)

The text was updated successfully, but these errors were encountered:

xavierjs · 2019-02-19T15:29:19Z

Hi,

Thank you for this report.
This error is normal, and it is catch.
I don't trust the values returned by GL.getParameter() or the specifications. I always do quick real tests on the device to evaluate the WebGL capabilities and to choose the best way to do GPGPU with WebGL (with WebGL1 or WebGL2 ? With 16bits precisions or 32 bits ? Can we fill half float texture with Uint16Arrays ?). By experience it is worth it :). But it almost always generate some warning and errors in the console.

best,
Xavier

slytter · 2019-02-24T01:20:05Z

I have this issue as well. Both on Safari 12.0.1 and I think on Chrome mobile version 72.0.3226.101
Any ideas on how to fix this issue @xavierjs ?

xavierjs · 2019-02-24T18:46:58Z

On IOS Chrome mobile is based on a Safari webview.
The access to the camera using WebRTC is blocked. It should work on Safari.
Apple is currently the Microsoft of the 2000's, they just slow down the standardization process over the Internet technologies.

slytter · 2019-02-24T21:40:09Z

Alright, it does work on safari mobile. But it crashes on desktop Safari 12 due to the same WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES error :(

xavierjs · 2019-02-24T22:22:25Z

This is strange, I will test it tomorrow on a deskop safari computer... But since it uses WebRTC/WebGL it can also depend on MacOSX/driver of the webcam/graphic drivers.
The INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES is not a blocking error, it is just because we force some tests at the initialization.
Can you give me 2 screenshots or copy/pastes of:

http://webglreport.com/?v=1 (for webgl1)
http://webglreport.com/?v=2 (for webgl2)

(the bottom of the page with the supported extensions is very helpful, so please send the content of the whole page)

Thx

slytter · 2019-02-24T22:43:26Z

Thank you very much! Here you go:

xavierjs · 2019-02-25T18:03:07Z

Hi,

I have tested with an imac with the same configuration (Safari 12).
(this demo, the three.js boilerplace: https://jeeliz.com/demos/faceFilter/demos/threejs/cube/ )
I have the same error but this error is handled by Jeeliz FaceFilter.

It occurs at the initialization tests, when we test the real WebGL capabilities (especially to do render to texture to float or half float precision textures).

Did the browser ask to access the webcam?
I think it may come from webcam access.
Maybe the camera is used by another process (Skype, google hangout, another Safari session or whatever).

Best,
Xaver

slytter · 2019-02-25T18:20:03Z

Safari does ask for webcam permissions, and the webcam is transmitted to the canvas. There are just not occurring any 3D objects. The camera is not used by any other process. And works with no problem on Chrome.

slytter · 2019-04-01T09:03:38Z

Hey @xavierjs, I hope all is well!
We are still having this problem. Only on Safari 12.
Did you have any solutions? Or any way for me to quick-fix or work around the problem?

xavierjs · 2019-04-01T14:40:54Z

Hi @neheren
I tested both on Iphone6 and Ipad, but I cannot reproduce the problem.
As long as I can reproduce it, I cannot fix it. Does it work with Chrome/Firefox with the same computer ?
I will try again this afternoon (I don't have a mac so I have to borrow another computer).
I guess other webrtc demo work ? Like this one: https://webrtc.github.io/samples/src/content/getusermedia/gum/

mschiano · 2019-04-02T11:03:35Z

Your library won’t work in Chrome on iPhone? Is that correct?

slytter · 2019-04-02T11:17:18Z

Maybe i should create a new ticket, since I am not talking about mobile support (I know iOS chrome is not working). But I get the same INVALID_OPERATION: texImage2D error, just on Safari Desktop version 12.0.1.
I don't know if you can reproduce?
Sincerely Nikolaj

xavierjs · 2019-04-06T04:51:59Z

@mschiano yes since Chrome for IOS is a Safari webview and Apple does not allow camera access in webview.

xavierjs · 2019-04-06T04:54:30Z

@neheren I cannot reproduce, even on Safari desktop. As I said INVALID_OPERATION: texImage2D is not the problem, it is only when we test the app capabilities at the initialization (because some WebGL implementation like Apple's one are so crappy that we have to check the real capabilities even when the extensions are here). This error is handled. Unfortunately it can also depends on the mac and especially on the GPU and Apple uses several kinds of GPUs...

slytter · 2019-07-10T14:47:51Z

Hey @xavierjs,
Okay so I guess you're right - the problem is GPU based, I think we are experiencing the same problem - Some mac's cannot run the program on Safari while some can. We have tested it on a lot of macs using Safari, and especially the older models are not able to initialize.
Is there anything to be done about this problem?
Sincerely Nikolaj

xavierjs · 2019-07-10T14:54:47Z

Hi @neheren

I don't personnally have a mac, I can access to 3 different mac configurations (5 yo high end macbook pro, 2 yo highend macbook pro and imac). Do you have the configuration of some of these old macs?
Especially for the graphic card and the IOS version?
Unfortunately I am not very optimistic, WebGL2 is currently not implemented properly on macs (no way to do render to texture with HALF_FLOAT precision as specified in the standard) so I have to fallback on WebGL1, but with WebGL1 some WebGL extensions need to be here...

Best,
Xavier

slytter · 2019-07-10T15:07:08Z

This is my mac configuration:

My Safari configuration:

And the error:

I think i can get more info on other macs that does not support the program if you want?
I really hope that there is a solution.

Sincerely Nikolaj

xavierjs · 2019-07-10T15:37:19Z

This computer seems too old.
The problem comes from the graphic card, it badly supports HALF FLOAT and FLOAT textures.
Even if the OS and the browser are updated the graphic card capacities remain the same...

slytter · 2019-07-10T15:38:56Z

Aha, but why does it work on Chrome and Firefox then?

xavierjs · 2019-07-10T15:41:55Z

Hugh this is really strange

xavierjs · 2019-07-10T15:48:14Z

I may have an idea. I think Safari triggers an error where it should only trigger a warning... I will come back with a potential fix in 10 minutes

slytter · 2019-07-10T15:49:09Z

That would make my day!

xavierjs · 2019-07-10T16:01:28Z

@neheren Can you try with the latest commit? I hope it will work. Thank you very much!

xavierjs · 2019-07-10T16:02:05Z

(I don't have updated the online live demos hosted on jeeliz.com yet)

slytter · 2019-07-10T16:12:58Z

Unfortunately it didn't work...
But now It's failing on line 419 where before it was 357:

I don't know if that helps.

xavierjs · 2019-07-10T17:52:47Z

I have checked and this error is catched (by a try{} catch).
It is when FaceFilter test the real render to texture capabilities.
Do you get an error from callbackReady function? Among these ones: https://github.com/jeeliz/jeelizFaceFilter#error-codes

slytter · 2019-07-11T12:30:52Z

No I don't get any errorcode:

slytter · 2019-07-11T12:35:49Z

I get the error right after webcam access has been requested, I don't know if that helps:

And the webcam works.

xavierjs · 2019-07-16T19:19:23Z

Hi @neheren

Thank you for your detailed bug report.
I had taken a few days off. I really want to discover why this bug happens because it is not normal.
Can you give me your email or send me an email to xavier__at__jeeliz.com
I will give you the URL of a debug version with a very detailed log level

Best,
Xavier

slytter · 2019-07-17T08:55:50Z

Perfect, I have sent you a mail!

xavierjs · 2019-08-06T22:05:29Z

Seems related to mrdoob/three.js#16041
(Intel Iris 1536 bug).
It is a problem with specific neural network version.
For sure it comes from the graphic driver.

The bug has been reported on Chromium support here: https://bugs.chromium.org/p/chromium/issues/detail?id=886970 and seems pretty active.
I guess a fix will be proposed soon.
Otherwise it is possible to use an old version of the neural network instead of the current NNC.json.

… real fix of the graphic driver...

xavierjs · 2019-08-22T19:10:33Z

I close the issue since it is not directly a bug from Jeeliz Facefilter, but a graphic driver bug.
Futhermore a workaround was proposed.
Feel free to re-open it if a similar problem happens.

Best,
Xavier

* commit '6bb4f14ccc20f4dd477898104fc16c318161e4a7': [FIX] Bug in JeelizThreeJSHelper with Y offset when rotating head around X with different camera aspectRatios - see jeeliz#114 [QUAL] Add set_videoOrientation method - jeeliz#113 [FIX] repair toogle_slow() method - jeeliz#112 [FIX] Correct a bug with MacOSX10.15 (Catalina) beta (set lame WebGL2) [DOC] add default alphaRange value in readme [FIX] add neural network model to fix this issue: jeeliz#85 , waiting for a real fix of the graphic driver...

…lter#85 , waiting for a real fix of the graphic driver...

xavierjs added a commit that referenced this issue Jul 10, 2019

[FIX] (potential) #85

ec9e93d

This was referenced Jul 31, 2019

iOS 13 >> Still getting error WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL #107

Closed

Safari Version 13.0 (15608.1.24.40.4) Error jeeliz/jeelizWeboji#18

Closed

xavierjs added a commit that referenced this issue Aug 7, 2019

[FIX] add neural network model to fix this issue: #85 , waiting for a…

afa404b

… real fix of the graphic driver...

xavierjs closed this as completed Aug 22, 2019

xavierjs mentioned this issue Sep 5, 2019

Error on iOS / Cordova builds jeeliz/jeelizWeboji#27

Closed

jennifer39barbourtui added a commit to jennifer39barbourtui/reactnative that referenced this issue Feb 3, 2024

[FIX] (potential) jeeliz/jeelizFaceFilter#85

8d4e947

jennifer39barbourtui added a commit to jennifer39barbourtui/reactnative that referenced this issue Feb 3, 2024

[FIX] add neural network model to fix this issue: jeeliz/jeelizFaceFi…

bd4755e

…lter#85 , waiting for a real fix of the graphic driver...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

iPod Touch - Safari 12 - WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL - iPod Toch Safari #85

iPod Touch - Safari 12 - WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL - iPod Toch Safari #85

GlenHughes commented Feb 19, 2019

xavierjs commented Feb 19, 2019

slytter commented Feb 24, 2019

xavierjs commented Feb 24, 2019

slytter commented Feb 24, 2019

xavierjs commented Feb 24, 2019

slytter commented Feb 24, 2019

xavierjs commented Feb 25, 2019

slytter commented Feb 25, 2019

slytter commented Apr 1, 2019

xavierjs commented Apr 1, 2019

mschiano commented Apr 2, 2019

slytter commented Apr 2, 2019 •

edited

Loading

xavierjs commented Apr 6, 2019

xavierjs commented Apr 6, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019 •

edited

Loading

xavierjs commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 11, 2019

slytter commented Jul 11, 2019 •

edited

Loading

xavierjs commented Jul 16, 2019

slytter commented Jul 17, 2019

xavierjs commented Aug 6, 2019 •

edited

Loading

xavierjs commented Aug 22, 2019

iPod Touch - Safari 12 - WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL - iPod Toch Safari #85

iPod Touch - Safari 12 - WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL - iPod Toch Safari #85

Comments

GlenHughes commented Feb 19, 2019

xavierjs commented Feb 19, 2019

slytter commented Feb 24, 2019

xavierjs commented Feb 24, 2019

slytter commented Feb 24, 2019

xavierjs commented Feb 24, 2019

slytter commented Feb 24, 2019

xavierjs commented Feb 25, 2019

slytter commented Feb 25, 2019

slytter commented Apr 1, 2019

xavierjs commented Apr 1, 2019

mschiano commented Apr 2, 2019

slytter commented Apr 2, 2019 • edited Loading

xavierjs commented Apr 6, 2019

xavierjs commented Apr 6, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019

This is my mac configuration:

My Safari configuration:

And the error:

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019 • edited Loading

xavierjs commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 10, 2019

xavierjs commented Jul 10, 2019

slytter commented Jul 11, 2019

slytter commented Jul 11, 2019 • edited Loading

xavierjs commented Jul 16, 2019

slytter commented Jul 17, 2019

xavierjs commented Aug 6, 2019 • edited Loading

xavierjs commented Aug 22, 2019

slytter commented Apr 2, 2019 •

edited

Loading

slytter commented Jul 10, 2019 •

edited

Loading

slytter commented Jul 11, 2019 •

edited

Loading

xavierjs commented Aug 6, 2019 •

edited

Loading