USDZ+HTML

USDZ Inhalte in WordPress mittels „individuelles HTML“ verwendbar machen

  1. MIME Typ USDZ von WordPress als Upload akzeptieren lassen (einmalig einzustellen)
  2. USDZ Datei durch WordPress hochladen
  3. Bildvorschau Datei durch WordPress hochladen (mit Textbanner tippen für AR?)
  4. USDZ Datei Link „https://website.de/wp-content/uploads/2022/04/Designmodell.usdz (gleichbleibender Link!)
  5. In WordPress mittels eines + „individuelles HTML“ Block hinzufügen
  6. Code Beispiel kopieren, Link, Vorschaubild und Bildgröße anpassen
  7. Optional: QR Code von USDZ Link erstellen und auf das Vorschaubild einsetzen oder als eigenständiges Bild auf die Seite

HTML Code Beispiel für WordPress (kann sofort ohne Plugin verwendet werden):

<p>
<a rel="ar" href="Designmodell.usdz">
    <img src="Designmodell_Vorschaubild.jpg"  alt=" width="250" height="250"></a>
</p>

Beispiel mit funktionalen URL´s verweisen:

<p>
<a rel="ar" href="https://devimages-cdn.apple.com/ar/photogrammetry/AirForce.usdz">
    <img src="https://developer.apple.com/augmented-reality/quick-look/models/nike-air-force/nike-air-force.png"  alt=" width="250" height="250"></a>
</p>

width=

Aktueller Code auf der Website

<p>
Michael Zimmermann &#8222;Waterskipper&#8220;, Massstab 1:10:
<a href="https://produktdesign-studium.de/wp-content/uploads/1580712_Zimmermann_FIVR_Wise202122_Waterskipper1_10.usdz" rel="ar"><br />
<img src="https://produktdesign-studium.de/wp-content/uploads/view-in-ar.png" /></a>
</p>

Michael Zimmermann „Waterskipper“, Massstab 1:10:

Direkt in die AR Ansicht (funktionaler mit Vorschau Icon)

<p>
Michael Zimmermann &#8222;Waterskipper&#8220;, Massstab 1:10:
<br />
<a href="https://produktdesign-studium.de/wp-content/uploads/1580712_Zimmermann_FIVR_Wise202122_Waterskipper1_10.usdz" rel="ar">
<img src="https://produktdesign-studium.de/wp-content/uploads/view-in-ar.png" /></a>
</p>

Michael Zimmermann „Waterskipper“, Massstab 1:10: