SuperViz for Autodesk Platform Services

Enhance your BIM Software with our SDK and API for easy integration of advanced collaboration features

For developers, by developers

Our straightforward, feature-complete API and SDK integrates into your project with minimal code

1import { Presence3D } from "@superviz/autodesk-viewer-plugin";
2import { createRoom, Room } from '@superviz/room';
3import { useCallback, useEffect, useRef } from "react";
4import { v4 as generateId } from "uuid";
5
6// Replace with your actual keys
7const SUPERVIZ_KEY = "sv_YOUR_SUPERVIZ_KEY";
8
9export function AutodeskWithSuperViz() {
10  const room = useRef<Room | null>(null);
11  const loaded = useRef<boolean>(false);
12  const autodesk = useRef<Presence3D>();
13  const viewerDiv = useRef<HTMLDivElement>();
14  const viewer = useRef<Autodesk.Viewing.GuiViewer3D | null>(null);
15
16  const initializeSuperViz = useCallback(async () => {
17    const participantId = generateId();
18
19    room.current = await createRoom({
20      developerToken: SUPERVIZ_KEY,
21      roomId: 'superviz-demo-autodesk-viewer',
22      participant: {
23        name: "Participant",
24        id: participantId,
25        avatar: {
26          imageUrl: 'https://production.cdn.superviz.com/static/default-avatars/1.png',
27        }
28      },
29      group: {
30        name: 'superviz-demo',
31        id: 'superviz-demo',
32      },
33    });
34
35    autodesk.current = new Presence3D(viewer.current as Autodesk.Viewing.GuiViewer3D, {
36      isAvatarsEnabled: true,
37      isLaserEnabled: true,
38      isNameEnabled: true,
39      avatarConfig: {
40        height: 0,
41        scale: 1,
42        laserOrigin: { x: 0, y: 0, z: 0 },
43      },
44    });
45
46    room.current.addComponent(autodesk.current);
47  }, []);
48
49  const initializeAutodesk = useCallback(async () => {
50    if (loaded.current) return;
51    loaded.current = true;
52
53    // Replace with your actual Autodesk options
54    const options = {
55      env: "AutodeskProduction2",
56      api: "streamingV2",
57      accessToken: "YOUR_AUTODESK_TOKEN",
58    };
59
60    Autodesk.Viewing.Initializer(options, async () => {
61      viewerDiv.current = document.getElementById("forge-viewer") as HTMLDivElement;
62      viewer.current = new Autodesk.Viewing.GuiViewer3D(viewerDiv.current);
63
64      await viewer.current!.start();
65      viewer.current!.setTheme("dark-theme");
66      
67      // Load your model
68      const documentId = "urn:YOUR_MODEL_URN";
69      
70      Autodesk.Viewing.Document.load(
71        documentId,
72        async (document) => {
73          // Document loaded successfully
74          const viewable = document.getRoot().getDefaultGeometry();
75          if (!viewable) return;
76
77          try {
78            await viewer.current!.loadDocumentNode(document, viewable, {
79              applyScaling: 'meters'
80            });
81            
82            // Initialize SuperViz after model is loaded
83            await initializeSuperViz();
84          } catch (error) {
85            console.error('Failed to load document node:', error);
86          }
87        },
88        (error) => {
89          console.error('Failed to load document:', error);
90        }
91      );
92    });
93  }, [initializeSuperViz]);
94
95  useEffect(() => {
96    initializeAutodesk();
97
98    return () => {
99      // Clean up when component unmounts
100      room.current?.leave();
101    };
102  }, []);
103
104  return (
105    <div className="h-screen w-full">
106      <div id="forge-viewer" className="w-full h-full" />
107    </div>
108  );
109}

1import { Presence3D } from "@superviz/autodesk-viewer-plugin";
2import { createRoom } from '@superviz/room';
3import { ref, onMounted, onBeforeUnmount } from 'vue';
4import { v4 as generateId } from "uuid";
5
6export default {
7  setup() {
8    const room = ref(null);
9    const loaded = ref(false);
10    const viewer = ref(null);
11
12    async function initializeSuperViz() {
13      const participantId = generateId();
14      
15      room.value = await createRoom({
16        developerToken: "YOUR_SUPERVIZ_KEY",
17        roomId: "superviz-demo-autodesk-viewer",
18        participant: {
19          name: "Participant",
20          id: participantId,
21          avatar: {
22            imageUrl: 'https://production.cdn.superviz.com/static/default-avatars/1.png',
23          }
24        },
25        group: {
26          name: "superviz-demo",
27          id: "superviz-demo",
28        },
29      });
30
31      const autodeskPresence = new Presence3D(viewer.value, {
32        isAvatarsEnabled: true,
33        isLaserEnabled: true,
34        isNameEnabled: true,
35      });
36
37      room.value.addComponent(autodeskPresence);
38    }
39
40    async function initializeAutodesk() {
41      if (loaded.value) return;
42      loaded.value = true;
43
44      const options = {
45        env: "AutodeskProduction2",
46        api: "streamingV2",
47        accessToken: "YOUR_AUTODESK_TOKEN",
48      };
49
50      Autodesk.Viewing.Initializer(options, async () => {
51        const viewerDiv = document.getElementById('forge-viewer');
52        viewer.value = new Autodesk.Viewing.GuiViewer3D(viewerDiv);
53
54        await viewer.value.start();
55        
56        // Load your model
57        const documentId = "urn:YOUR_MODEL_URN";
58        
59        Autodesk.Viewing.Document.load(
60          documentId,
61          async (document) => {
62            const viewable = document.getRoot().getDefaultGeometry();
63            if (!viewable) return;
64
65            try {
66              await viewer.value.loadDocumentNode(document, viewable);
67              await initializeSuperViz();
68            } catch (error) {
69              console.error('Failed to load document node:', error);
70            }
71          },
72          (error) => {
73            console.error('Failed to load document:', error);
74          }
75        );
76      });
77    }
78
79    onMounted(() => {
80      initializeAutodesk();
81    });
82
83    onBeforeUnmount(() => {
84      if (room.value) {
85        room.value.leave();
86      }
87    });
88
89    return {
90      initializeAutodesk
91    };
92  },
93};

1import { Presence3D } from "@superviz/autodesk-viewer-plugin";
2import { createRoom } from '@superviz/room';
3
4// Replace with your actual SuperViz key
5const SUPERVIZ_KEY = "YOUR_SUPERVIZ_KEY";
6
7let room;
8let viewer;
9
10async function initializeSuperViz() {
11  // Generate a random participant ID
12  const participantId = 'user-' + Math.random().toString(36).substring(7);
13  
14  room = await createRoom({
15    developerToken: SUPERVIZ_KEY,
16    roomId: 'superviz-demo-autodesk-viewer',
17    participant: {
18      name: "Participant",
19      id: participantId,
20      avatar: {
21        imageUrl: 'https://production.cdn.superviz.com/static/default-avatars/1.png',
22      }
23    },
24    group: {
25      name: 'superviz-demo',
26      id: 'superviz-demo',
27    },
28  });
29
30  const autodeskPresence = new Presence3D(viewer, {
31    isAvatarsEnabled: true,
32    isLaserEnabled: true,
33    isNameEnabled: true,
34  });
35
36  room.addComponent(autodeskPresence);
37}
38
39async function initializeAutodesk() {
40  // Replace with your actual Autodesk options
41  const options = {
42    env: "AutodeskProduction2",
43    api: "streamingV2",
44    accessToken: "YOUR_AUTODESK_TOKEN",
45  };
46
47  Autodesk.Viewing.Initializer(options, async () => {
48    const viewerDiv = document.getElementById('forge-viewer');
49    viewer = new Autodesk.Viewing.GuiViewer3D(viewerDiv);
50
51    await viewer.start();
52    
53    // Load your model
54    const documentId = "urn:YOUR_MODEL_URN";
55    
56    Autodesk.Viewing.Document.load(
57      documentId,
58      async (document) => {
59        const viewable = document.getRoot().getDefaultGeometry();
60        if (!viewable) return;
61
62        try {
63          await viewer.loadDocumentNode(document, viewable);
64          await initializeSuperViz();
65        } catch (error) {
66          console.error('Failed to load document node:', error);
67        }
68      },
69      (error) => {
70        console.error('Failed to load document:', error);
71      }
72    );
73  });
74}
75
76// Clean up function to be called when the application is closed
77function cleanup() {
78  if (room) {
79    room.leave();
80  }
81}

Read the docs

Why Choose SuperViz

Create your first proof of concept in minutes! Our tutorials and demos are here to guide you.

Intuitive documentation and a free account - The ideal combination to run your first tests.

We love collaboration! Our Discord community is open for feedback and support.

Get access to a demos and samples to build even faster.

See the docs

A screen from SuperViz for React Flow shows a collaborative coding session. On the left, a comments panel displays discussions. In the center, a code editor highlights SuperViz integration. On the right, a video call panel shows live feeds of Jane, Paul, and Olivia, with labels pointing to their avatars

Extend Autodesk Platform Services with a complete set of features

A collaborative interface using SuperViz and Autodesk Platform Services shows multiple users co-editing a 3D model in real-time with colored cursors and chat bubbles, highlighting active participation and seamless teamwork.

Real-time Co-Editing

Boost productivity by letting users collaboratively edit and work on documents,designs, or content in real-time. Witness the magic of multiple users bringing ideas to life simultaneously.

Contextual Comments

Add threaded comments for direct feedback on your Autodesk Platform Services dashboard. Add pins to specific notes to reduce miscommunication and ensure faster resolutions

Three mouse pointers with names indicating real-time collaboration using SuperViz for Autodesk Platform Services. The names are Olivia, Paul, and Jane, each with a colored pointer next to their names

Real-time mouse pointers

Enhance user engagement. Real-time mouse pointers seamlessly adapt, providing intuitive interactions inside your Autodesk Platform Services based dashboard.

See who's online

Add avatars, badges, profile images to your application to quickly see who is online inside the same room.

A collaborative interface using SuperViz and Autodesk Platform Services includes a video huddle panel with live video feeds of participants, enabling face-to-face communication alongside real-time 3D model editing.

Video Huddle SDK

Integrate high-quality video conferencing directly into your app, allowing users to connect face-to-face for clearer communication, co-working and productivity.

AI Transcripts API

Easily bring AI to your video conference meetings with our AI Transcript API . Obtain essential meeting insights, generate concise summaries, pinpoint crucial decisions and much more.

A video call interface using SuperViz and Autodesk Platform Services shows three participants: Jane, Paul, and Olivia. Jane is speaking and asking Olivia for an overview, as displayed in a chat bubble. Olivia's response is shown in another chat bubble. The interface includes options for muting and unmuting microphones

Why extend your Autodesk Platforms Services Solution?

Real-Time Issue Resolution

Our tools allow for immediate identification and resolution of issues. Teams can address problems as they arise during the design and construction process, preventing delays and reducing the need for costly post-construction fixes.

Improved Risk Management

Collaborative BIM environments help in better identifying and managing risks. Teams can collectively assess potential risks in the design and construction phases, allowing for proactive mitigation strategies.

Comprehensive Documentation and Traceability

Enhance the documentation process, ensuring all changes and decisions are recorded. This traceability is crucial for accountability and future reference.

Remote Accessibility and Flexibility

Teams can collaborate from anywhere, breaking down geographical barriers. This flexibility is especially beneficial in today's global and often remote working environments.

Enhanced Team Synergy and Productivity

Enable teams to work more cohesively, leading to increased productivity. The seamless exchange of ideas and information fosters a more efficient and effective working environment.

Client and End-user Involvement

Remote Collaboration features can facilitate client and end-user involvement during the design phase, ensuring the final product meets or exceeds expectations.

Get started for free

What is SuperViz?

SuperViz offers developers a comprehensive SDK for building interactive, real-time features. Ideal for enhancing design and data workflows, it provides a collection of collaboration components that integrates into modern web-applications.

What is AutoDesk APS?

Autodesk Platform Services, is a set of evolving APIs and services to help you customize solutions, create innovative workflows, and integrate other tools and data with our platform.