Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Camera shows white background - no GL context for camera frames - Iphone #79

Open
yondr-agency-15 opened this issue Jan 9, 2023 · 2 comments

Comments

@yondr-agency-15
Copy link

yondr-agency-15 commented Jan 9, 2023

Describe the bug
ERROR: no GL context for camera frames - please call pipeline_gl_context_set
(probably an issue with cameraRef in ZapparCamera )

To Reproduce
Steps to reproduce the behavior:

  • Loading ZapparCanvas & ZapparCamera using loadable
const ZapparCamera = loadable(
  () => import("@zappar/zappar-react-three-fiber"),
  {
    resolveComponent: components => components.ZapparCamera,
  }
  • Allow camera Permissions
  • WebGLRenderingContext is found, but it seems to have issues with the camera
  • You see a white background instead of a camera background

Screenshots
Error1 (Happens on some devices):
image
Error2 :
image
bundlejs:
image
The camera icon dissapears on devices where this issue happens:
image

Smartphone :

  • Device: Iphone 8/ Iphone 7
  • Browser Safari
@yondr-agency-15 yondr-agency-15 changed the title no GL context for camera frames - Iphone 8 and Lower no GL context for camera frames - Iphone Jan 10, 2023
@yondr-agency-15 yondr-agency-15 changed the title no GL context for camera frames - Iphone Camera shows white background - no GL context for camera frames - Iphone Jan 10, 2023
@yondr-agency-15
Copy link
Author

yondr-agency-15 commented Jan 11, 2023

(I am not using the following lines)
It seems that manually asking for permissions inside a component also triggers the same problem:

 useEffect(() => {
    ZapparThree.permissionRequestUI().then(granted => {
      if (granted) document.dispatchEvent(new Event("cameraAccess"))
      console.warn("cameraAccess:", granted)
    })
  }, [])

@yondr-agency-15
Copy link
Author

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant