28-6.WebARはChromeでしか動かない!?

やること

MindARを使用して、マーカーを認識すると3Dモデルが表示されるWebARを作成しました。
下記4種類のブラウザで動作確認をしたところ、 正常に動作したのはChromeのみでした。

• Chrome
• Safari
• Edge
• Firefox

原因は特定できていませんが、各ブラウザでの挙動をまとめます。

各ブラウザでの挙動

正常に動作した場合、以下のような挙動をします。

1. マーカー（猫の画像）を認識すると3Dモデル（マーカーと同じ猫の画像）が表示される
2. 3Dモデルのアニメーションが再生される

Chrome

機種：Android (Redmi Note 9S)
ブラウザバージョン：111.0.5563.116

唯一正常動作したブラウザです。

【検証】WebAR – Android – Chrome

Safari

機種：iPhone SE2
ブラウザバージョン： 604.1

マーカーがカメラに映った際にスキャンマークが消えていることから、マーカーは認識されているようです。しかし、かなり近づかないと3Dモデルが表示されず、表示された3Dモデルもチラついています。

【検証】WebAR – iPhone – Safari

Edge

機種：Android (Redmi Note 9S)
ブラウザバージョン：118.0.2088.58
挙動はSafariと同様です。

【検証】WebAR – Android – Edge

Firefox

機種：Android (Redmi Note 9S)
ブラウザバージョン：118.2.0
挙動はSafariと同様です。

【検証】WebAR – Android – Firefox

まとめ

原因が特定出来たら追記したいと思います。