Model-viewer

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>

Create a shortcode.