I am trying to use the html tool model-viewer by google, which allows the user to upload a 3D file and produce an interactive 3D model on the page. It is in HTML, so I could probably embed it in an index.md file but I am struggling with how to do it.
The html required is listed below:
<model-viewer src="1.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls tone-mapping="neutral" poster="poster.webp" shadow-intensity="1">
<div class="progress-bar hide" slot="progress-bar">
<div class="update-bar"></div>
</div>
<button slot="ar-button" id="ar-button">
View in your space
</button>
<div id="ar-prompt">
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
</div>
</model-viewer>