model viewer

3D Modellvorschau und AR Funktion mittels Google´s model-viewer Javascript.
https://modelviewer.dev/

HTML Beispiel:

<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<style>
model-viewer {
width: 600px;
height: 400px;
margin: 0 auto;
}
</style>

<model-viewer
src="https://website.de/wp-content/uploads/2022/04/Designmodell.glb" camera-controls="" auto-rotate="" disable-zoom="" shadow-intensity="1" ar="" alt="Designmodell 3D Ansicht"
ios-src="https://website.de/wp-content/uploads/2022/04/Designmodell.usdz">
</model-viewer>