تضمين العارض

ضع عارض Any3D في صفحتك. يحمّل الإطار النموذج من عنوان https، مع زر يفتح العارض الكامل.

  1. 1

    إضافة الإطار

    الصق iframe يشير إلى Any3D وضع عنوان النموذج في معلمة src. يعرض الإطار مساحة الرسم فقط، مع زر في الزاوية السفلية يفتح العارض الكامل. يوجد نموذج أدناه.

    <iframe
      src="https://any3d.cc/ar-SA/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb"
      title="نموذج ثلاثي الأبعاد"
      style="width:100%;height:480px;border:0"
      loading="lazy"
      allow="fullscreen"
      allowfullscreen
      referrerpolicy="strict-origin-when-cross-origin"
    ></iframe>
    نصيحة: يمكنك نسخ الموجه أدناه ولصقه في مساعد الذكاء الاصطناعي (مثل Cursor أو Claude أو ChatGPT) لإنشاء رمز التضمين بسرعة.
    موجه تكامل الذكاء الاصطناعي (انقر للتوسيع/الطي)
    يرجى إنشاء رمز <iframe> لتضمين عارض Any3D ثلاثي الأبعاد في صفحة ويب. إذا كنت تعدل صفحة أو مكونًا موجودًا، فضع <iframe> في الموضع المخصص لعرض النموذج ثلاثي الأبعاد. عنوان URL الأساسي للتضمين: https://any3d.cc/ar-SA/embed قواعد العناوين والمعاملات: - معامل إلزامي: يجب أن يكون `src` عنوان HTTPS للنموذج، مرمّزًا بنسبة مئوية (encodeURIComponent)، ويُمرر كمعامل استعلام مستقل (مثل https://any3d.cc/ar-SA/embed?src=...). لا تدمج عنوان النموذج المباشر في المسار. لتنسيق 3D Tiles، استخدم عنوان ملف tileset.json. - معاملات اختيارية (احذف ما لا تحتاج إليه): - `autorotate=1`: تدوير النموذج تلقائيًا. احذفه للإبقاء على النموذج ثابتًا. - `theme=light` أو `theme=dark` أو `theme=system`: تعيين المظهر اللوني للعارض. - `bg=transparent`: استخدام خلفية شفافة. - `controls`: تحديد نمط التحكم بالفأرة. اتركه فارغًا أو عينه على `auto` للاختيار التلقائي وفق نوع الملف؛ أو حدد `standard` أو `cad` أو `solidworks` أو `blender` أو `splat` أو `custom`. أنماط التحكم بالفأرة: - auto: ملفات CAD تستخدم تحكم CAD، وطريقة Gaussian Splatting تستخدم مدارًا سلسًا، وبقية الملفات تستخدم المدار القياسي. - standard: مدار. السحب بالزر الأيسر للتدوير، والزر الأيمن للتحريك، والعجلة للتكبير والتصغير. - cad: أسلوب AutoCAD. السحب بالزر الأوسط للتحريك، وShift+الزر الأوسط للدوران المداري، والعجلة تقرب نحو المؤشر دون قصور ذاتي. السحب بالأيسر يدور أيضًا، وبالأيمن يحرك. - solidworks: أسلوب SolidWorks. الزر الأوسط يدور مداريًا، وCtrl أو Command+الزر الأوسط يحرك، وShift+الزر الأوسط يكبر ويصغر. تحريك العجلة للأمام يصغر عند المؤشر دون قصور ذاتي. - blender: أسلوب Blender. الزر الأوسط يدور مداريًا، وShift+الزر الأوسط يحرك، وCtrl أو Command+الزر الأوسط يكبر ويصغر. العجلة تكبر نحو مركز العرض دون قصور ذاتي. - splat: مدار سلس للمشاهد الكبيرة بتقنية Gaussian Splatting. اسحب للتدوير بسلاسة، وانقر نقرًا مزدوجًا لإعادة ضبط نقطة التركيز. - custom: يطابق standard. متطلبات وملاحظات <iframe>: - الخصائص والتنسيق: تضمين loading="lazy" وstyle="width:100%;height:480px;border:0" (مع ضبط الحجم حسب الحاوية). - الأذونات والسياسات: يجب تضمين allow="fullscreen" وallowfullscreen وreferrerpolicy="strict-origin-when-cross-origin". - بيئة Sandbox: إذا كانت الصفحة الرئيسية تطبق sandbox على iframe، فيجب إضافة allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox حتى يتمكن الزر الموجود في الزاوية السفلية من فتح العارض الكامل في علامة تبويب جديدة. - الاستضافة وCORS: يجب أن يسمح خادم استضافة النموذج بطلبات CORS من https://any3d.cc. ينزل العارض ملفًا واحدًا فقط (مثل GLB أو STL أو OBJ أو FBX أو PLY)؛ ولن تُحمّل ملفات الإكساء الخارجية المنفصلة ما لم تكن مدمجة داخل ملف النموذج (كما في GLB). مثال مرجعي: <iframe src="https://any3d.cc/ar-SA/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb" title="نموذج ثلاثي الأبعاد" style="width:100%;height:480px;border:0" loading="lazy" allow="fullscreen" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" ></iframe> ملاحظة: عنوان النموذج في المثال هو عنصر نائب. عند إنشاء الرمز، استبدل قيمة src بعنوان HTTPS الحقيقي المرمز بنسبة مئوية. وإذا أردت أن يتبع التحكم بالفأرة نوع الملف تلقائيًا، فلا تضف معامل controls.
  2. 2

    أين يوجد النموذج

    يجب أن يكون العنوان https، وأن يسمح المضيف لـ https://any3d.cc بقراءة الملف. ينزّل متصفح الزائر ذلك الملف الواحد، مثل GLB أو STL أو OBJ أو FBX أو PLY. لـ 3D Tiles استخدم عنوان tileset.json. لا يحتفظ Any3D بنسخة. الخامات والبيانات الموجودة في ملفات منفصلة لا تظهر إلا إذا كانت مضمّنة داخل النموذج، كما في GLB.

  3. 3

    خيارات الصفحة

    المعلمات أدناه اختيارية. يظل زر فتح العارض الكامل ظاهرًا.

    المعاملالقيمةالأثر
    autorotate1يدير النموذج. بدون هذا المعامل يبقى ساكنًا.
    themelight | dark | systemيحدد سمة الصفحة.
    bgtransparentيجعل الخلفية شفافة.
    controlsauto | standard | cad | solidworks | blender | splat | customتخطيط الفأرة. القيمة الفارغة تعني auto وتتبع الملف.
    https://any3d.cc/ar-SA/embed
      ?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb
      &autorotate=1
      &theme=dark
      &bg=transparent
  4. 4

    فتح العارض الكامل

    يفتح الزر عارض Any3D المناسب في علامة تبويب جديدة ويمرر عنوان النموذج نفسه. ملفات Gaussian Splatting و 3D Tiles ورسومات DWG أو DXF تستخدم عارضها الخاص. تستخدم الملفات الأخرى عارض النماذج ثلاثية الأبعاد. إذا وضعت الصفحة الحاوية iframe داخل sandbox، يحتاج الزر إلى allow-popups و allow-popups-to-escape-sandbox لفتح علامة تبويب.