{"id":8452,"date":"2026-02-26T08:12:29","date_gmt":"2026-02-26T01:12:29","guid":{"rendered":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/"},"modified":"2026-02-27T11:41:15","modified_gmt":"2026-02-27T04:41:15","slug":"webar-three-js-tutorial-devs","status":"publish","type":"post","link":"https:\/\/inrealitysolutions.com\/id\/webar-three-js-tutorial-devs\/","title":{"rendered":"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer"},"content":{"rendered":"<h1 id=\"webar-threejs-webxr-tutorial-praktis-untuk-developer\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-8475\" src=\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg\" alt=\"\" width=\"1080\" height=\"1080\" srcset=\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg 1080w, https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-300x300.jpg 300w, https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-1024x1024.jpg 1024w, https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-150x150.jpg 150w, https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-768x768.jpg 768w, https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-12x12.jpg 12w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>WebAR Three.js \u2014 WebXR Tutorial Praktis untuk Developer<\/h1>\n<p>webar three.js adalah pendekatan langsung untuk menghadirkan pengalaman augmented reality di browser tanpa perlu aplikasi terinstal, memanfaatkan <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/WebXR_Device_API\">WebXR Device API<\/a> untuk sesi AR, hit\u2011testing, dan rendering 3D interaktif. Artikel ini ditujukan untuk technical lead dan developer yang ingin membuat prototype WebAR menggunakan three.js, sekaligus membandingkan alternatif seperti webar babylon.js dan webar a-frame (<a href=\"https:\/\/threejs.org\">three.js<\/a>, <a href=\"https:\/\/arvrjourney.com\/develop-your-first-webar-app-using-webxr-and-three-js-7a437cb00a92\">tutorial arvrjourney<\/a>, <a href=\"https:\/\/www.youtube.com\/watch?v=BlBj2KgHmoM\">video demo<\/a>, dan studi perbandingan <a href=\"https:\/\/inrealitysolutions.com\/id\/a-frame-vs-three-js-comparison\/\">A\u2011Frame vs Three.js<\/a>).<\/p>\n<section class=\"key-takeaways\">\n<h2 id=\"ringkasan-cepat\">Ringkasan Cepat<\/h2>\n<ul>\n<li>three.js + WebXR memberikan fleksibilitas penuh untuk pipeline rendering dan integrasi GLTF\/GLB saat membangun WebAR.<\/li>\n<li>Langkah inti: setup project, aktifkan <em>renderer.xr<\/em>, tambahkan <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">ARButton<\/a> dan gunakan <a href=\"https:\/\/threejs.org\/docs\/#manual\/en\/introduction\/Loading-3D-models\">GLTFLoader<\/a> untuk model.<\/li>\n<li>Optimasi asset (Draco, LOD, texture atlas) dan fallback UX penting untuk pengalaman produksi di berbagai perangkat.<\/li>\n<li>Pilih framework sesuai kebutuhan: three.js untuk kustomisasi visual, Babylon.js untuk fitur WebXR terintegrasi, A\u2011Frame untuk prototyping cepat.<\/li>\n<\/ul>\n<\/section>\n<nav class=\"toc\" aria-label=\"Daftar Isi\">\n<h2 id=\"daftar-isi\">Daftar Isi<\/h2>\n<ul>\n<li><a href=\"#target-audiens-intent\">Target audiens &amp; intent<\/a><\/li>\n<li><a href=\"#tldr-apa-yang-akan-anda-pelajari\">TL;DR \u2014 Apa yang akan Anda pelajari<\/a><\/li>\n<li><a href=\"#latar-belakang-contoh-webar-webxr\">Latar belakang &amp; konsep WebAR \/ WebXR<\/a><\/li>\n<li><a href=\"#mengapa-memilih-threejs-untuk-webar\">Mengapa memilih three.js untuk WebAR<\/a><\/li>\n<li><a href=\"#step-by-step-webar-threejs\">Step\u2011by\u2011step WebXR tutorial \u2014 Membangun prototype WebAR (webar three.js)<\/a><\/li>\n<li><a href=\"#code-snippets-demo\">Code snippets &amp; demo yang dapat dijalankan<\/a><\/li>\n<li><a href=\"#alternatif-perbandingan\">Alternatif &amp; Perbandingan<\/a><\/li>\n<li><a href=\"#performance-best-practices-optimasi\">Performance, best practices &amp; optimasi<\/a><\/li>\n<li><a href=\"#testing-debugging-tools\">Testing &amp; Debugging Tools<\/a><\/li>\n<li><a href=\"#contoh-proyek-use-cases\">Contoh proyek &amp; use cases (B2B Indonesia)<\/a><\/li>\n<li><a href=\"#resources-learning-path\">Resources &amp; learning path<\/a><\/li>\n<li><a href=\"#common-pitfalls-faq\">Common pitfalls &amp; FAQ<\/a><\/li>\n<li><a href=\"#project-checklist-sebelum-rilis\">Project checklist sebelum rilis<\/a><\/li>\n<li><a href=\"#mengapa-inreality-solutions-cocok\">Mengapa InReality Solutions cocok untuk proyek AR Anda<\/a><\/li>\n<li><a href=\"#konsultasi-demo-cta\">Konsultasi &amp; Demo Solusi AR \u2014 CTA<\/a><\/li>\n<\/ul>\n<\/nav>\n<h2 id=\"target-audiens-intent\">Target audiens &amp; intent<\/h2>\n<p>Ditujukan untuk: developer frontend, technical lead, dan pengambil keputusan B2B (marketing\/produk\/ops) yang butuh membuat proof\u2011of\u2011concept WebAR atau mengevaluasi pilihan teknologi. Outcome: pilih framework yang sesuai dan bangun prototype WebAR fungsional sebagai bukti konsep.<\/p>\n<h2 id=\"tldr-apa-yang-akan-anda-pelajari\">TL;DR \u2014 Apa yang akan Anda pelajari<\/h2>\n<ul>\n<li>Dasar WebXR dan tipe AR (marker\/markerless\/location) \u2014 lihat <a href=\"https:\/\/arvrjourney.com\/develop-your-first-webar-app-using-webxr-and-three-js-7a437cb00a92\">tutorial arvrjourney<\/a> dan <a href=\"https:\/\/www.youtube.com\/watch?v=BlBj2KgHmoM\">video demo<\/a>.<\/li>\n<li>Langkah\u2011per\u2011langkah membuat prototype WebAR dengan three.js (setup, ARButton, GLTFLoader, hit\u2011test) \u2014 contoh resmi: <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">three.js AR hit\u2011test<\/a>.<\/li>\n<li>Perbandingan singkat dengan webar babylon.js dan webar a-frame \u2014 referensi: <a href=\"https:\/\/doc.babylonjs.com\/features\/webxr\">Babylon.js WebXR<\/a> dan <a href=\"https:\/\/aframe.io\">A\u2011Frame<\/a>, serta studi perbandingan <a href=\"https:\/\/inrealitysolutions.com\/id\/a-frame-vs-three-js-comparison\/\">A\u2011Frame vs Three.js<\/a>.<\/li>\n<li>Best practices optimasi asset, deployment, dan testing.<\/li>\n<\/ul>\n<h2 id=\"latar-belakang-contoh-webar-webxr\">Latar belakang &amp; konsep WebAR \/ WebXR<\/h2>\n<h3 id=\"definisi-webar-webarx-device-api\">Definisi WebAR &amp; WebXR Device API<\/h3>\n<p>WebAR mem-plot konten digital ke dunia nyata melalui kamera browser; <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/WebXR_Device_API\">WebXR Device API<\/a> mengelola lifecycle sesi AR\/VR, pose tracking, dan hit\u2011testing untuk penempatan objek. Untuk penjelasan konsep dan kompatibilitas browser lihat dokumentasi MDN.<\/p>\n<h3 id=\"tipe-ar-singkat\">Tipe AR singkat<\/h3>\n<ul>\n<li>Marker\u2011based: menggunakan gambar\/QR untuk lokalisasi.<\/li>\n<li>Markerless (plane\/anchor): penempatan pada permukaan nyata via hit\u2011test.<\/li>\n<li>Location\u2011based: konten dipasang berdasarkan GPS\/kompas.<\/li>\n<\/ul>\n<p>Lihat demo konsep dan implementasi pada <a href=\"https:\/\/www.youtube.com\/watch?v=BlBj2KgHmoM\">video<\/a>.<\/p>\n<h3 id=\"pipeline-rendering-asset-umum\">Pipeline rendering &amp; asset umum<\/h3>\n<p>Alur umum: tangkap video kamera \u2192 tracking\/pose \u2192 render model GLTF\/GLB + tekstur\/animasi \u2192 komposit ke video. three.js memiliki loader dan helper untuk GLTF\/GLB; dokumentasi loader tersedia di <a href=\"https:\/\/threejs.org\/docs\/#manual\/en\/introduction\/Loading-3D-models\">three.js docs<\/a>.<\/p>\n<h2 id=\"mengapa-memilih-threejs-untuk-webar\">Mengapa memilih three.js untuk WebAR<\/h2>\n<p>three.js menawarkan kontrol rendering penuh, ekosistem besar (examples, loaders), dan integrasi GLTF yang matang \u2014 cocok bila butuh custom pipeline atau shader untuk visualisasi 3D interaktif dan filter AR. three.js juga menyediakan helper seperti WebXRManager, <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">ARButton<\/a>, dan GLTFLoader untuk mempercepat setup AR. Untuk keputusan MVP vs produksi, lihat perbandingan teknis <a href=\"https:\/\/inrealitysolutions.com\/id\/a-frame-vs-three-js-comparison\/\">A\u2011Frame vs three.js<\/a>.<\/p>\n<h3 id=\"helper-spesifik\">Helper spesifik<\/h3>\n<p>Contoh sumber: AR hit\u2011test example resmi three.js untuk alur hit\u2011testing dan penempatan model \u2014 <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">three.js AR hit\u2011test<\/a>.<\/p>\n<h2 id=\"step-by-step-webar-threejs\">Step\u2011by\u2011step WebXR tutorial \u2014 Membangun prototype WebAR (webar three.js)<\/h2>\n<h3 id=\"prasyarat\">Prasyarat<\/h3>\n<ul>\n<li>Browser modern dengan dukungan WebXR (Chrome Android paling lengkap); pastikan HTTPS\/secure context \u2014 lihat <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/WebXR_Device_API#browser_compatibility\">compatibility MDN<\/a>.<\/li>\n<li>Pengetahuan dasar JS\/three.js; Node\/npm untuk workflow lokal.<\/li>\n<\/ul>\n<h3 id=\"project-setup-ringkas\">Project setup (ringkas)<\/h3>\n<p>Gunakan bundler ringan seperti <a href=\"https:\/\/vitejs.dev\/\">Vite<\/a> untuk dev server cepat. Contoh alur: init project, install three, serve via HTTPS untuk akses kamera saat testing. Ada tutorial singkat pada <a href=\"https:\/\/www.youtube.com\/watch?v=QCS1DOu2IzU\">video setup Vite<\/a>.<\/p>\n<h3 id=\"library-yang-dibutuhkan\">Library yang dibutuhkan<\/h3>\n<ul>\n<li>three (core), GLTFLoader, ARButton (three.js examples).<\/li>\n<li>Opsional: AR.js atau MindAR untuk marker\u2011based (<a href=\"https:\/\/github.com\/AR-js-org\/AR.js\">AR.js<\/a>, <a href=\"https:\/\/hiukim.github.io\/mind-ar-js-doc\/\">MindAR<\/a>).<\/li>\n<\/ul>\n<p>Preferensi: gunakan native WebXR bila tersedia \u2014 panduan implementasi pada <a href=\"https:\/\/arvrjourney.com\/develop-your-first-webar-app-using-webxr-and-three-js-7a437cb00a92\">tutorial arvrjourney<\/a>.<\/p>\n<h3 id=\"minimal-working-example-inti\">Minimal working example (inti)<\/h3>\n<p>Kunci: scene, camera (PerspectiveCamera), <code>renderer.xr.enabled = true<\/code>, <code>ARButton.createButton(renderer,{ requiredFeatures:['hit-test']})<\/code>, GLTFLoader untuk model, <code>requestHitTestSource<\/code> untuk plane placement. Referensi implementasi: <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">three.js AR hit\u2011test example<\/a>.<\/p>\n<pre><code>\/\/ Contoh potongan singkat (adaptasi)\nimport * as THREE from 'three';\nimport { ARButton } from 'three\/addons\/webxr\/ARButton.js';\nimport { GLTFLoader } from 'three\/addons\/loaders\/GLTFLoader.js';\n\/\/ inisialisasi scene, camera, renderer.xr.enabled = true\ndocument.body.appendChild(ARButton.createButton(renderer, { requiredFeatures: ['hit-test'] }));\n\/\/ load GLTF, handle hit-test pada session\n<\/code><\/pre>\n<h3 id=\"event-handling-gestures\">Event handling &amp; gestures<\/h3>\n<p>Gunakan session <code>select<\/code> dan <code>XRInputSource<\/code> untuk interaksi dasar; gesture scale\/rotate dapat diimplementasikan pada layer input. Dokumentasi input WebXR ada di MDN dan contoh interaksi di <a href=\"https:\/\/threejs.org\/examples\/#webxr_vr_dragging\">three.js examples<\/a>.<\/p>\n<h3 id=\"fallback-ux\">Fallback UX<\/h3>\n<p>Jika WebXR tidak tersedia, sediakan preview 2D (gambar atau 360 viewer) atau link \u201cLihat di App\u201d sebagai opsi. Untuk panduan keamanan &amp; privasi pada fallback, lihat panduan kepatuhan data AR di <a href=\"https:\/\/inrealitysolutions.com\/id\/privacy-ar-panduan-kepatuhan-ar\/\">InReality Solutions<\/a>.<\/p>\n<h2 id=\"code-snippets-demo\">Code snippets &amp; demo yang dapat dijalankan<\/h2>\n<p>Tautkan ke contoh resmi three.js AR hit\u2011test (<a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">three.js AR hit\u2011test<\/a>) dan tutorial langkah\u2011demi\u2011langkah <a href=\"https:\/\/arvrjourney.com\/develop-your-first-webar-app-using-webxr-and-three-js-7a437cb00a92\">arvrjourney<\/a>. Untuk repo starter gunakan StackBlitz atau deploy ke Vercel dengan HTTPS.<\/p>\n<h2 id=\"alternatif-perbandingan\">Alternatif &amp; Perbandingan \u2014 webar babylon.js vs webar a-frame vs webar three.js<\/h2>\n<ul>\n<li>three.js: kontrol penuh dan ekosistem besar \u2014 <a href=\"https:\/\/threejs.org\">three.js<\/a>.<\/li>\n<li>Babylon.js: fitur WebXR matang, inspector, integrasi physics lebih mudah \u2014 <a href=\"https:\/\/doc.babylonjs.com\/features\/webxr\">Babylon.js WebXR<\/a>.<\/li>\n<li>A\u2011Frame: deklaratif dan cepat prototipe, cocok untuk proof\u2011of\u2011concept non\u2011developer \u2014 <a href=\"https:\/\/aframe.io\">A\u2011Frame<\/a>.<\/li>\n<\/ul>\n<p>Panduan pemilihan: gunakan three.js untuk visualisasi kustom\/try\u2011on; Babylon.js untuk simulasi fisika; A\u2011Frame untuk prototyping cepat. Untuk pembanding praktis lihat juga studi <a href=\"https:\/\/inrealitysolutions.com\/id\/a-frame-vs-three-js-comparison\/\">A\u2011Frame vs Three.js<\/a>.<\/p>\n<h2 id=\"performance-best-practices-optimasi\">Performance, best practices &amp; optimasi<\/h2>\n<ul>\n<li>Optimasi GLTF\/GLB: compress dengan <a href=\"https:\/\/github.com\/google\/draco\">Draco<\/a> dan gunakan LOD\/texture atlas.<\/li>\n<li>Rendering: minimalisir draw calls, gunakan frustum culling dan batasi post\u2011processing \u2014 dokumentasi material: <a href=\"https:\/\/threejs.org\/docs\/#api\/en\/materials\/MeshStandardMaterial\">three.js materials<\/a>.<\/li>\n<li>Mobile: turunkan resolusi tekstur, nonaktifkan efek berat untuk menjaga memori dan baterai.<\/li>\n<\/ul>\n<h2 id=\"testing-debugging-tools\">Testing &amp; Debugging Tools<\/h2>\n<p>Gunakan <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/remote-debugging\/\">Chrome DevTools remote debugging<\/a> untuk mobile. Gunakan inspector framework (three.js inspector \/ examples) untuk inspeksi scene. Untuk checklist QA WebAR sebelum rilis lihat panduan maintenance di <a href=\"https:\/\/inrealitysolutions.com\/id\/webar-maintenance-panduan-teknis\/\">InReality Solutions<\/a>.<\/p>\n<h2 id=\"contoh-proyek-use-cases\">Contoh proyek &amp; use cases (B2B Indonesia)<\/h2>\n<ul>\n<li>AR product try\u2011on untuk e\u2011commerce (sepatu\/aksesoris) \u2014 solusi: try\u2011on 3D interaktif (stack: three.js + WebXR + analytics). Lihat panduan eyewear: <a href=\"https:\/\/inrealitysolutions.com\/id\/webar-eyewear-panduan-teknis\/\">webar eyewear<\/a> dan studi ROI: <a href=\"https:\/\/inrealitysolutions.com\/id\/roi-augmented-reality-footwear\/\">ROI footwear<\/a>.<\/li>\n<li>Tur Virtual 360 dengan anchor AR untuk properti\/hospitality \u2014 studi kasus: <a href=\"https:\/\/inrealitysolutions.com\/id\/studi-kasus-ar-hospitality\/\">AR hospitality<\/a>.<\/li>\n<li>Training interaktif untuk manufaktur\/healthcare \u2014 integrasi LMS + analytics untuk tracking sesi: <a href=\"https:\/\/inrealitysolutions.com\/id\/webar-training-panduan-teknis-lengkap\/\">panduan training<\/a>.<\/li>\n<\/ul>\n<h2 id=\"resources-learning-path\">Resources &amp; learning path<\/h2>\n<ul>\n<li><a href=\"https:\/\/threejs.org\/docs\/\">three.js docs<\/a> &amp; <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">AR examples<\/a>.<\/li>\n<li><a href=\"https:\/\/arvrjourney.com\/develop-your-first-webar-app-using-webxr-and-three-js-7a437cb00a92\">Tutorial arvrjourney<\/a>.<\/li>\n<li><a href=\"https:\/\/doc.babylonjs.com\/features\/webxr\">Babylon.js WebXR<\/a> dan <a href=\"https:\/\/aframe.io\">A\u2011Frame<\/a> docs.<\/li>\n<\/ul>\n<h2 id=\"common-pitfalls-faq\">Common pitfalls &amp; FAQ<\/h2>\n<section class=\"faq\" aria-labelledby=\"faq-title\">\n<h3 id=\"faq-title\">FAQ<\/h3>\n<div>\n<h4 id=\"faq-kamera-tidak-muncul\">Q: Kamera tidak muncul?<\/h4>\n<p>A: Pastikan situs disajikan via HTTPS, aplikasi meminta izin kamera, dan periksa ketersediaan API dengan <code>navigator.xr<\/code>. Dokumentasi WebXR pada MDN membantu diagnosis: <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/WebXR_Device_API\">WebXR Device API<\/a>.<\/p>\n<\/div>\n<div>\n<h4 id=\"faq-hit-test-gagal\">Q: Hit\u2011test gagal?<\/h4>\n<p>A: Periksa fitur yang diminta saat membuat session (mis. <code>requiredFeatures: ['hit-test']<\/code>) dan reference space yang digunakan. Lihat contoh implementasi di <a href=\"https:\/\/threejs.org\/examples\/#webxr_ar_hittest\">three.js AR hit\u2011test<\/a>.<\/p>\n<\/div>\n<div>\n<h4 id=\"faq-model-ukuran\">Q: Model terlalu besar atau terlalu kecil di scene?<\/h4>\n<p>A: Normalisasi unit pada GLTF (meter\/kontrol skala) dan atur properti <code>scale<\/code> saat memuat model. Dokumentasi loading model: <a href=\"https:\/\/threejs.org\/docs\/#manual\/en\/introduction\/Loading-3D-models\">three.js loaders<\/a>.<\/p>\n<\/div>\n<div>\n<h4 id=\"faq-webxr-tidak-tersedia\">Q: Apa yang harus dilakukan jika WebXR tidak tersedia di perangkat pengguna?<\/h4>\n<p>A: Sediakan fallback UX seperti preview 2D, 360 viewer, atau panduan \u201cLihat di App\u201d. Untuk kebijakan privasi &amp; kepatuhan pada fallback, lihat panduan di <a href=\"https:\/\/inrealitysolutions.com\/id\/privacy-ar-panduan-kepatuhan-ar\/\">InReality Solutions<\/a>.<\/p>\n<\/div>\n<div>\n<h4 id=\"faq-performance\">Q: Bagaimana menjaga performa pada perangkat mobile?<\/h4>\n<p>A: Kompres model (Draco), gunakan LOD, turunkan resolusi tekstur, batasi efek post\u2011processing, dan minimalkan draw calls. Rujuk best practices three.js untuk materials dan optimasi.<\/p>\n<\/div>\n<\/section>\n<h2 id=\"project-checklist-sebelum-rilis\">Project checklist sebelum rilis<\/h2>\n<ul>\n<li>HTTPS + daftar device untuk testing.<\/li>\n<li>GLTF\/GLB tercompress &amp; LOD.<\/li>\n<li>Fallback UX (2D preview).<\/li>\n<li>Analytics events untuk session start\/time\/conversion.<\/li>\n<li>QA pada perangkat nyata (Android &amp; iOS WebXR support).<\/li>\n<\/ul>\n<h2 id=\"mengapa-inreality-solutions-cocok\">Mengapa InReality Solutions cocok untuk proyek AR Anda<\/h2>\n<ul>\n<li>Keahlian teknis WebAR &amp; app\u2011based AR (WebXR, ARCore\/ARKit).<\/li>\n<li>Kualitas aset 3D dan realisme visual untuk try\u2011on &amp; visualisasi.<\/li>\n<li>Integrasi E\u2011commerce\/CMS\/analytics untuk konversi.<\/li>\n<li>Pengalaman end\u2011to\u2011end: konsep \u2192 produksi \u2192 deployment.<\/li>\n<\/ul>\n<p>Lihat layanan pengembangan AR\/VR kustom kami: <a href=\"\/id\/layanan-ar-vr-kustom\/\">\/layanan-ar-vr-kustom<\/a> dan portofolio WebAR: <a href=\"\/id\/portofolio\/webar\/\">\/portofolio\/webar<\/a>.<\/p>\n<h2 id=\"konsultasi-demo-cta\">Konsultasi &amp; Demo Solusi AR \u2014 CTA<\/h2>\n<p>Ingin bukti konsep WebAR dengan three.js untuk produk atau properti Anda? Jadwalkan demo teknis dan konsultasi POC bersama tim kami di InReality Solutions: <a href=\"\/id\/kontak-konsultasi\/\">\/kontak-konsultasi<\/a>.<\/p>\n<h2 id=\"penutup-ringkasan-manfaat\">Penutup \/ Ringkasan manfaat<\/h2>\n<p>webar three.js memberi fleksibilitas teknis untuk membuat pengalaman AR kustom dan interaktif di browser. Mulai dari prototype hingga deployment produksi, fokus pada optimasi asset, fallback UX, dan pengukuran analytics akan menentukan keberhasilan proyek. Hubungi kami untuk demo POC dan estimasi teknis.<\/p>","protected":false},"excerpt":{"rendered":"<p>WebAR Three.js \u2014 WebXR Tutorial Praktis untuk Developer webar three.js adalah pendekatan langsung untuk menghadirkan pengalaman augmented reality di browser tanpa perlu aplikasi terinstal, memanfaatkan WebXR Device API untuk sesi AR, hit\u2011testing, dan rendering 3D interaktif. Artikel ini ditujukan untuk technical lead dan developer yang ingin membuat prototype WebAR menggunakan three.js, sekaligus membandingkan alternatif seperti [&hellip;]<\/p>","protected":false},"author":16,"featured_media":8475,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[22],"tags":[],"class_list":["post-8452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-augmented-reality"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.5 (Yoast SEO v23.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WebAR Three.js: WebXR Tutorial Praktis untuk Developer<\/title>\n<meta name=\"description\" content=\"WebAR three.js: tutorial WebXR langkah-demi-langkah dengan three.js, GLTF, hit-test, optimasi performa, dan perbandingan Babylon.js &amp; A-Frame.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inrealitysolutions.com\/id\/webar-three-js-tutorial-devs\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer\" \/>\n<meta property=\"og:description\" content=\"WebAR three.js: tutorial WebXR langkah-demi-langkah dengan three.js, GLTF, hit-test, optimasi performa, dan perbandingan Babylon.js &amp; A-Frame.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inrealitysolutions.com\/id\/webar-three-js-tutorial-devs\/\" \/>\n<meta property=\"og:site_name\" content=\"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InRealitySolutions\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-26T01:12:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-27T04:41:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Maya Ananta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maya Ananta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/\"},\"author\":{\"name\":\"Maya Ananta\",\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#\/schema\/person\/8bf31cc88af0e2066d9d0f57dd52a80a\"},\"headline\":\"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer\",\"datePublished\":\"2026-02-26T01:12:29+00:00\",\"dateModified\":\"2026-02-27T04:41:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/\"},\"wordCount\":1353,\"publisher\":{\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#organization\"},\"image\":{\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg\",\"articleSection\":[\"Augmented Reality\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/\",\"url\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/\",\"name\":\"WebAR Three.js: WebXR Tutorial Praktis untuk Developer\",\"isPartOf\":{\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg\",\"datePublished\":\"2026-02-26T01:12:29+00:00\",\"dateModified\":\"2026-02-27T04:41:15+00:00\",\"description\":\"WebAR three.js: tutorial WebXR langkah-demi-langkah dengan three.js, GLTF, hit-test, optimasi performa, dan perbandingan Babylon.js & A-Frame.\",\"breadcrumb\":{\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage\",\"url\":\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg\",\"contentUrl\":\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg\",\"width\":1080,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/inrealitysolutions.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#website\",\"url\":\"https:\/\/inrealitysolutions.com\/id\/\",\"name\":\"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia\",\"description\":\"Transforming Businesses Through AR\/VR, Virtual Tours &amp; AI Innovation\",\"publisher\":{\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/inrealitysolutions.com\/id\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#organization\",\"name\":\"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia\",\"url\":\"https:\/\/inrealitysolutions.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2021\/09\/Inreality-Solutions-logo.png\",\"contentUrl\":\"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2021\/09\/Inreality-Solutions-logo.png\",\"width\":1006,\"height\":319,\"caption\":\"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia\"},\"image\":{\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InRealitySolutions\/\",\"https:\/\/www.linkedin.com\/company\/inreality-solutions\/\",\"https:\/\/www.instagram.com\/inreality_solutions\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#\/schema\/person\/8bf31cc88af0e2066d9d0f57dd52a80a\",\"name\":\"Maya Ananta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/inrealitysolutions.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/48f96fb33f8c03241bdaccaf1a39bbc773261c3363a2dc04d2d46adccd9b6c70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/48f96fb33f8c03241bdaccaf1a39bbc773261c3363a2dc04d2d46adccd9b6c70?s=96&d=mm&r=g\",\"caption\":\"Maya Ananta\"},\"url\":\"https:\/\/inrealitysolutions.com\/id\/author\/mayaananta\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WebAR Three.js: WebXR Tutorial Praktis untuk Developer","description":"WebAR three.js: tutorial WebXR langkah-demi-langkah dengan three.js, GLTF, hit-test, optimasi performa, dan perbandingan Babylon.js & A-Frame.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/inrealitysolutions.com\/id\/webar-three-js-tutorial-devs\/","og_locale":"id_ID","og_type":"article","og_title":"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer","og_description":"WebAR three.js: tutorial WebXR langkah-demi-langkah dengan three.js, GLTF, hit-test, optimasi performa, dan perbandingan Babylon.js & A-Frame.","og_url":"https:\/\/inrealitysolutions.com\/id\/webar-three-js-tutorial-devs\/","og_site_name":"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia","article_publisher":"https:\/\/www.facebook.com\/InRealitySolutions\/","article_published_time":"2026-02-26T01:12:29+00:00","article_modified_time":"2026-02-27T04:41:15+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg","type":"image\/jpeg"}],"author":"Maya Ananta","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Maya Ananta","Estimasi waktu membaca":"6 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#article","isPartOf":{"@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/"},"author":{"name":"Maya Ananta","@id":"https:\/\/inrealitysolutions.com\/id\/#\/schema\/person\/8bf31cc88af0e2066d9d0f57dd52a80a"},"headline":"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer","datePublished":"2026-02-26T01:12:29+00:00","dateModified":"2026-02-27T04:41:15+00:00","mainEntityOfPage":{"@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/"},"wordCount":1353,"publisher":{"@id":"https:\/\/inrealitysolutions.com\/id\/#organization"},"image":{"@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage"},"thumbnailUrl":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg","articleSection":["Augmented Reality"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/","url":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/","name":"WebAR Three.js: WebXR Tutorial Praktis untuk Developer","isPartOf":{"@id":"https:\/\/inrealitysolutions.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage"},"image":{"@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage"},"thumbnailUrl":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg","datePublished":"2026-02-26T01:12:29+00:00","dateModified":"2026-02-27T04:41:15+00:00","description":"WebAR three.js: tutorial WebXR langkah-demi-langkah dengan three.js, GLTF, hit-test, optimasi performa, dan perbandingan Babylon.js & A-Frame.","breadcrumb":{"@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#primaryimage","url":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg","contentUrl":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg","width":1080,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/inrealitysolutions.com\/webar-three-js-tutorial-devs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inrealitysolutions.com\/id\/"},{"@type":"ListItem","position":2,"name":"WebAr Three.js \u2014 WebXR Tutorial Praktis untuk Developer"}]},{"@type":"WebSite","@id":"https:\/\/inrealitysolutions.com\/id\/#website","url":"https:\/\/inrealitysolutions.com\/id\/","name":"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia","description":"Transforming Businesses Through AR\/VR, Virtual Tours &amp; AI Innovation","publisher":{"@id":"https:\/\/inrealitysolutions.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inrealitysolutions.com\/id\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/inrealitysolutions.com\/id\/#organization","name":"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia","url":"https:\/\/inrealitysolutions.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/inrealitysolutions.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2021\/09\/Inreality-Solutions-logo.png","contentUrl":"https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2021\/09\/Inreality-Solutions-logo.png","width":1006,"height":319,"caption":"InReality Solutions \u2014 AR\/VR, Virtual Tours &amp; AI Automations Indonesia"},"image":{"@id":"https:\/\/inrealitysolutions.com\/id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InRealitySolutions\/","https:\/\/www.linkedin.com\/company\/inreality-solutions\/","https:\/\/www.instagram.com\/inreality_solutions\/"]},{"@type":"Person","@id":"https:\/\/inrealitysolutions.com\/id\/#\/schema\/person\/8bf31cc88af0e2066d9d0f57dd52a80a","name":"Maya Ananta","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/inrealitysolutions.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/48f96fb33f8c03241bdaccaf1a39bbc773261c3363a2dc04d2d46adccd9b6c70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/48f96fb33f8c03241bdaccaf1a39bbc773261c3363a2dc04d2d46adccd9b6c70?s=96&d=mm&r=g","caption":"Maya Ananta"},"url":"https:\/\/inrealitysolutions.com\/id\/author\/mayaananta\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg",1080,1080,false],"thumbnail":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-150x150.jpg",150,150,true],"medium":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-300x300.jpg",300,300,true],"medium_large":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-768x768.jpg",768,768,true],"large":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-1024x1024.jpg",1024,1024,true],"1536x1536":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg",1080,1080,false],"2048x2048":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53.jpg",1080,1080,false],"trp-custom-language-flag":["https:\/\/inrealitysolutions.com\/wp-content\/uploads\/2026\/02\/Prod-53-12x12.jpg",12,12,true]},"uagb_author_info":{"display_name":"Maya Ananta","author_link":"https:\/\/inrealitysolutions.com\/id\/author\/mayaananta\/"},"uagb_comment_info":0,"uagb_excerpt":"WebAR Three.js \u2014 WebXR Tutorial Praktis untuk Developer webar three.js adalah pendekatan langsung untuk menghadirkan pengalaman augmented reality di browser tanpa perlu aplikasi terinstal, memanfaatkan WebXR Device API untuk sesi AR, hit\u2011testing, dan rendering 3D interaktif. Artikel ini ditujukan untuk technical lead dan developer yang ingin membuat prototype WebAR menggunakan three.js, sekaligus membandingkan alternatif seperti&hellip;","_links":{"self":[{"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/posts\/8452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/comments?post=8452"}],"version-history":[{"count":2,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/posts\/8452\/revisions"}],"predecessor-version":[{"id":8476,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/posts\/8452\/revisions\/8476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/media\/8475"}],"wp:attachment":[{"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/media?parent=8452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/categories?post=8452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inrealitysolutions.com\/id\/wp-json\/wp\/v2\/tags?post=8452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}