- 1
Thêm khung
Dán một iframe trỏ đến Any3D và đặt địa chỉ mô hình vào truy vấn src. Khung chỉ hiển thị vùng vẽ, kèm nút ở góc dưới bên phải để mở trình xem đầy đủ. Dưới đây là ví dụ.
<iframe src="https://any3d.cc/vi-VN/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb" title="Mô hình 3D" style="width:100%;height:480px;border:0" loading="lazy" allow="fullscreen" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" ></iframe>Mẹo: Bạn có thể sao chép lời nhắc bên dưới và gửi cho trợ lý AI (như Cursor, Claude hoặc ChatGPT) để tạo mã nhúng và tích hợp nhanh chóng.Lời nhắc tích hợp AI (nhấp để mở rộng/thu gọn)
Vui lòng tạo đoạn mã <iframe> để nhúng trình xem 3D Any3D vào trang web. Nếu bạn đang chỉnh sửa một trang hoặc thành phần có sẵn, hãy đặt <iframe> vào đúng vị trí cần hiển thị mô hình 3D. URL trang nhúng cơ sở: https://any3d.cc/vi-VN/embed Quy tắc URL và tham số: - Tham số bắt buộc: `src` phải là địa chỉ HTTPS của mô hình, được mã hóa phần trăm (encodeURIComponent) và truyền dưới dạng tham số truy vấn độc lập (ví dụ: https://any3d.cc/vi-VN/embed?src=...). Không nối trực tiếp địa chỉ thô vào đường dẫn. Đối với 3D Tiles, hãy dùng địa chỉ của tệp tileset.json. - Tham số tùy chọn (bỏ qua nếu không cần): - `autorotate=1`: tự động xoay mô hình. Bỏ qua để mô hình đứng yên. - `theme=light`, `theme=dark` hoặc `theme=system`: đặt giao diện cho trình xem. - `bg=transparent`: dùng nền trong suốt. - `controls`: chọn bố cục điều khiển chuột. Để trống hoặc chọn `auto` để hệ thống tự chọn theo định dạng tệp; hoặc chỉ định `standard`, `cad`, `solidworks`, `blender`, `splat`, `custom`. Thao tác chuột: - auto: tệp CAD dùng điều khiển CAD, Gaussian Splatting dùng quỹ đạo mượt, các tệp khác dùng quỹ đạo chuẩn. - standard: quỹ đạo. Kéo chuột trái để xoay, kéo chuột phải để dịch chuyển, con lăn để thu phóng. - cad: kiểu AutoCAD. Kéo chuột giữa để dịch chuyển, Shift+chuột giữa để xoay quanh, con lăn thu phóng về phía con trỏ, không quán tính. Kéo chuột trái cũng có thể xoay, chuột phải dịch chuyển. - solidworks: kiểu SolidWorks. Chuột giữa để xoay, Ctrl hoặc Command+chuột giữa để dịch chuyển, Shift+chuột giữa để thu phóng. Lăn chuột về phía trước để thu nhỏ tại con trỏ, không quán tính. - blender: kiểu Blender. Chuột giữa để xoay, Shift+chuột giữa để dịch chuyển, Ctrl hoặc Command+chuột giữa để thu phóng. Con lăn thu phóng vào tâm khung nhìn, không quán tính. - splat: quỹ đạo mượt cho các cảnh Gaussian Splatting lớn. Kéo để xoay mượt mà, nhấp đúp để đặt lại tiêu điểm. - custom: giống standard. Yêu cầu iframe và lưu ý: - Thuộc tính và kiểu dáng: bao gồm loading="lazy" và style="width:100%;height:480px;border:0" (điều chỉnh kích thước theo khung chứa). - Quyền hạn: bắt buộc phải có allow="fullscreen", allowfullscreen và referrerpolicy="strict-origin-when-cross-origin". - Sandbox: nếu trang cha áp dụng sandbox cho iframe, cần thêm allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox để nút ở góc dưới bên phải có thể mở trình xem đầy đủ trong tab mới. - Máy chủ và CORS: máy chủ lưu trữ mô hình phải cho phép CORS từ https://any3d.cc. Trình xem chỉ tải một tệp duy nhất (như GLB, STL, OBJ, FBX, PLY); kết cấu ở tệp ngoài riêng lẻ sẽ bị thiếu trừ khi đã được đóng gói sẵn vào mô hình (như tệp GLB). Ví dụ tham khảo: <iframe src="https://any3d.cc/vi-VN/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb" title="Mô hình 3D" style="width:100%;height:480px;border:0" loading="lazy" allow="fullscreen" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" ></iframe> Lưu ý: Địa chỉ mô hình trong ví dụ chỉ là chỗ giữ tạm thời. Khi tạo mã, hãy thay src bằng địa chỉ HTTPS thật đã mã hóa phần trăm. Nếu muốn thao tác chuột tự động chọn theo tệp, đừng thêm tham số controls. - 2
Mô hình nằm ở đâu
Địa chỉ phải là https, và máy chủ phải cho phép https://any3d.cc đọc tệp. Trình duyệt của người xem tải đúng một tệp đó, chẳng hạn GLB, STL, OBJ, FBX hoặc PLY. Với 3D Tiles, hãy dùng địa chỉ tileset.json. Any3D không lưu một bản sao. Kết cấu và dữ liệu nằm ở tệp riêng sẽ thiếu, trừ khi đã được đóng gói trong mô hình như GLB.
- 3
Tùy chọn trang
Các truy vấn dưới đây là tùy chọn. Nút mở trình xem đầy đủ luôn hiển thị.
Tham số Giá trị Tác dụng autorotate1Xoay mô hình. Bỏ qua thì mô hình đứng yên. themelight | dark | systemĐặt giao diện trang. bgtransparentLàm nền trong suốt. controlsauto | standard | cad | solidworks | blender | splat | customThao tác chuột. Để trống là auto và theo tệp. https://any3d.cc/vi-VN/embed ?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb &autorotate=1 &theme=dark &bg=transparent - 4
Mở trình xem đầy đủ
Nút này mở trình xem Any3D tương ứng trong tab mới và chuyển cùng địa chỉ mô hình. Gaussian splats, 3D Tiles, cùng bản vẽ DWG hoặc DXF dùng trình xem riêng. Tệp khác dùng trình xem mô hình 3D. Nếu trang cha đặt sandbox cho iframe, cần allow-popups và allow-popups-to-escape-sandbox thì nút mới mở được tab.
Nhúng trình xem
Đặt trình xem Any3D vào trang của bạn. Khung tải mô hình từ địa chỉ https, có nút mở trình xem đầy đủ.