Supporto per contenuti AR incorporati come file USDZ con Apple Quick Look

Oggi il caricamento file supporta questi tipi di file:
jpg, jpeg, png, gif, pdf, csv, gz, json, svg, mp4, txt, docx, mov, tex, zip, webm, heic, heif)

È possibile aggiungere USDZ (file di realtà aumentata per iPhone) come tipo di file supportato? E incorporarlo con Quick Look?

…e forse glTF (Android)

Sarebbe utile in un forum Discourse per la modellazione CAD 3D.

Testato con questo fantastico altoparlante da https://gear.bethesda.net/products/t-51-power-armor-speaker:

Il markup:

File caricato tramite composer: [t51-helmet.usdz|attachment](upload://jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz)
![image|333x500](upload://qQegjCDy8rUuyvmMRaWpXCxSFHz.jpeg)

Immagine collegata con HTML:

<a href="https://meta.discourse.org/uploads/short-url/jFx1C6poHlvJtfHUSK4TLCQ1I8P.usdz">
<img src="https://d11a6trkgmumsb.cloudfront.net/original/3X/b/c/bc1ff8b759367e3ebc904966a3820743cb3f1c11.jpeg" alt="image" class="resizable" width="333" height="500">
</a>

diventa

File caricato tramite composer: t51-helmet.usdz

Immagine collegata con HTML:

image

Funziona sul mio iPad:

Quindi funziona già in una certa misura se abiliti l’estensione usdz nelle impostazioni del tuo sito!

Per migliorare l’esperienza utente, i nostri TODO qui sarebbero:

Servire i file .usdz con il corretto MIME-type, ovvero model/vnd.usdz+zip.

Consentire l’attributo rel="ar" negli elementi a.

Aggiungere automaticamente rel="ar" per i caricamenti di file .usdz.

I punti 2 e 3 possono essere aggirati utilizzando un tema-componente, mentre il punto 1 richiede supporto nel core.

Detto questo:

Sembra che sarebbe più semplice impacchettare questo componente web https://modelviewer.dev/ come un tema-componente di Discourse, rendendolo una soluzione cross-platform per tutti.

5 Mi Piace