Integrations Guides
Mozilla Hubs
9min
sense of space streaming technology can be integrated to mozilla hubs with our mozilla hubs component wrapper, you are able to stream large models inside any mozilla hubs based applications or projects, being able to showcase and stream large 3d models in both web desktop and vr to see it in action, see https //sensehubs com the wrapper is based on the tutorial here https //github com/mozilla/spoke/blob/master/docs/creating custom elements md limitations the mozilla hubs plugin package from https //platform senseofspace io/ does not support model preview in spoke our enterprise customers have an access to a version that has a preview of the models in spoke too prerequisites custom mozilla hubs client (available in https //github com/mozilla/hubs ) custom mozilla hubs spoke (available in https //github com/mozilla/spoke ) sense of space mozilla hubs plugin package from https //platform senseofspace io/ installation (hubs) https //docs senseofspace io/mozilla hubs#8d installation copy the latest (0 0 11) version of the sense of space streamable model aframe component (e g https //assets senseofspace io/streamablemodel/0 0 11/sosstreamablemodelaframe js ) to your hubs components folder (e g c /dev/hubs/hubs/src/components/sosstreamablemodelaframe js ) add the following line to scene components js in the same folder import " /sosstreamablemodelaframe"; add the following line to the file gltf component mappings js in your hubs source files ( hubs/src/gltf component mappings js ) aframe gltfmodelplus registercomponent("sosstreamablemodel", "sosstreamablemodel"); installation (spoke) copy the files from the sense of space mozilla hubs plugin package folder in the spoke directory to the corresponding subdirectory of your own custom spoke add the following lines to imports of src/config js in your custom spoke repository import sosstreamablenode from " /editor/nodes/sosstreamablenode"; import sosstreamablenodeeditor from " /ui/properties/sosstreamablenodeeditor"; also, add the following line later in the code of src/config js editor registernode(sosstreamablenode, sosstreamablenodeeditor); deploy your newly modified hubs and spoke versions and test now you should see a new element type (sense of space streamable model) in the elements menu below the viewport in spoke