jeelizFaceFilter: iOS 13 / Android v9 camera resolution flipped and causes zoom-in effect

Describe the bug On iOS 13 it seems like Safari automatically flips cameraWidth and cameraHeight if the camera is opened in portrait mode. Because JeelizResizer is doing a flip as well this causes a double flip and due to that a wrong camera resolution. Which leads to a zoom-in effect.

To Reproduce Steps to reproduce the behavior:

  1. Start Jeeliz with a Resizer
  startJeeliz() {
    window.JeelizResizer.size_canvas({
      canvasId,
      isFullScreen : true,
      callback     : (isError, videoSettings) => {
        this.initFaceFilter(videoSettings)
      },
      onResize: () => {
        if (threeCamera) {
          threeCamera.aspect = CANVAS.width / CANVAS.height
          threeCamera.updateProjectionMatrix()
        }
      }
    })
  }
  1. Pass the video parameters to init
  initFaceFilter(videoSettings) {
    console.log('VideoSettings', videoSettings)
    window.JEEFACEFILTERAPI.init({
      canvasId,
      videoSettings,
  1. Run the app and open the camera stream
  2. See that the video appears to be zoomed in

Expected behavior Camera is opened with correct resolution

Desktop (please complete the following information):

  • OS: iOS 13
  • Browser Safari

Smartphone (please complete the following information):

  • Device: iPhone6s
  • OS: iOS13
  • Browser Safari

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Comments: 15 (14 by maintainers)

Commits related to this issue

Most upvoted comments

Works for me. Thanks @xavierjs

Hi @ThorstenBux I have pushed a workaround for IOS13. I hope it will fix your bug.