Model viewer AR trouble on IOS (probably conflict with swiper slider)

[Parambalamba]

Model Viewer built in via js code (replace swiper slide to model-viewer). Play and AR works on android, but AR doesn't work on IOS - looks like after click ar-button model reloaded.

Live Demo

https://superpet.me/urun/tasarimci-seramik-kase-copy/

Version

3.5.0

• model-viewer: v3.5.0

Browser Affected

All browsers on IOS

OS

• Android
• [ X] iOS 17.4.1
• Linux
• MacOS
• Windows

AR

All modes

[danilokrulj]

Do you have a usdz model created for iOS? Because animations don't get converted with the auto-conversion and I feel like the conversion is breaking the app. If you don't, you should create a usdz model manually and set its path in ios-src="path/to/model"

I'm not sure that is the issue but its worth to try :)
Also, you can test with a model that doesn't have animations and see how that works.

[elalish]

Good suggestions, though in any case it shouldn't crash out of our function like that. I can repro, nothing useful in the log. It appears to be crashing while zipping up the output of our USDZExporter, deep in our Three.js internals. The weirdest part is that USDZ export seems to work just fine for that file using https://threejs.org/editor/, which is the same function we use. At least that can be used as an ios-src.

[Parambalamba]

@danilokrulj @elalish I had tried to use ios-src attribute, but it didn't help. Besides, it works on IOS without usdz model - I had checked it. I think the trouble in compatibility between modelviewer and swiper slider. But thanks anyway for your tips!

[rizvinnovate]

I had a similar issue where, after clicking "View in your space," the model would reload, and occasionally an error message appeared stating "a problem occurred with the server." To fix this, I added the ios-src path and downgraded the version to 3.4.0, then cleared the browser cache. This seemed to resolve the problem on ios, while I didn't face such issue with ipad.