Como inserir model-viewer?

Suporte
1

Hi

We have a self hosted discourse for our startup. We are having to view and analyze 3d models as part of our workflow. Model-viewer gives a very simple 360 degree possibility of 3d models. It just takes a CSS, JS and few lines of html as below.

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

<!-- Use it like any other HTML element -->
<model-viewer src="shared-assets/models/Astronaut.glb" alt="A 3D model of an astronaut" auto-rotate camera-controls></model-viewer>

I can customize discourse to include js and css, but how could I use above html to embed? As I learn, the div is banned, and I could not find anything about how to use model-viewer html tag at all here.

After all this, my idea is to upload glb file to discourse in editor, use that link for src tag of model-viewer, to get it embedded as interactive 3d.

Kindly advice.

1 curtida
2

At first glance, this reads like plugin territory, you may have to develop something custom for this.

1 curtida
3

Se mais alguém encontrar este tópico (como eu fiz) ao pesquisar por ‘Discourse 3D model viewer’, saiba que agora criei um componente de tema que suporta isso, portanto, nenhum plugin é necessário. Você pode encontrar detalhes do componente e instruções sobre como usá-lo na categoria Componente de Tema em Insert Model 3D.

4 curtidas