مرحباً
لدينا منصة Discourse مستضافة ذاتياً لبدء عملنا. نحن بحاجة إلى عرض وتحليل نماذج ثلاثية الأبعاد كجزء من سير عملنا. يوفر Model-viewer إمكانية بسيطة لعرض النماذج ثلاثية الأبعاد بزاوية 360 درجة. يتطلب الأمر فقط ملف CSS وملف JS وبعض سطور HTML كما هو موضح أدناه.
<!-- استيراد المكون -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<!-- استخدامه كأي عنصر HTML آخر -->
<model-viewer src="shared-assets/models/Astronaut.glb" alt="نموذج ثلاثي الأبعاد لرائد فضاء" auto-rotate camera-controls></model-viewer>
أستطيع تخصيص Discourse لتشمل ملفات JS و CSS، لكن كيف يمكنني استخدام كود HTML أعلاه للتضمين؟ كما تعلمت، فإن وسم div محظور، ولم أجد أي معلومات حول كيفية استخدام وسم model-viewer هنا على الإطلاق.
بعد كل هذا، فكرتي هي رفع ملف GLB إلى Discourse عبر المحرر، ثم استخدام الرابط الخاص به في وسم src الخاص بـ model-viewer، لتضمينه كنموذج ثلاثي الأبعاد تفاعلي.
نرجو التوجيه.