[{"data":1,"prerenderedAt":398},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/collaborator-demo":3},{"data":4,"headers":374},{"story":5,"cv":356,"rels":357,"links":373},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":348,"full_slug":349,"sort_by_date":30,"position":350,"tag_list":351,"is_startpage":199,"parent_id":352,"meta_data":30,"group_id":353,"first_published_at":354,"release_id":30,"lang":310,"path":30,"alternates":355,"default_full_slug":30,"translated_slugs":30},"Collaborator Demo","2026-03-23T19:45:48.783Z","2026-04-23T12:28:57.636Z","2026-04-23T12:28:57.658Z",158128327867478,"a7291551-5b19-4ad2-9738-98f5ee4421cf",{"_uid":13,"body":14,"date":255,"fold":256,"intro":313,"title":326,"gallery":327,"category":328,"metadata":330,"component":334,"demo_link":335,"thumbnail":337,"github_link":343,"last_updated":345,"open_graph_image":346,"include_open_graph":63,"block_search_engines":199},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,246],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":245,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,75,79,154,188,229],{"_uid":22,"body":23,"alignment":61,"component":62,"is_full_width":63},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Übersicht","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"Diese Demo zeigt, wie ",{"text":45,"type":34,"marks":46},"HOOPS Visualize",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":55,"type":34}," for Web (ehemals HOOPS Communicator) verwendet werden kann, um eine kollaborative Bildschirmspiegelanwendung zur Ansicht von 3D-Ingenieurdaten zu erstellen. Diese Demo überwacht, wie viele Benutzer gleichzeitig verbunden sind, und verwendet Socket.io, um die Bildschirme der aktiven Benutzer der Demo zu verwalten. Über Socket.io wird die Ansicht über alle verbundenen Bildschirme hinweg gespiegelt, unabhängig davon, wie das Modell oder die Umgebung von jedem der Benutzer verändert wird.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"Sie können diese Demo betreiben, indem Sie zur Demo-URL auf zwei oder mehr verschiedenen Bildschirmen navigieren. Diese beiden Bildschirme können auf demselben Gerät oder auf mehreren Geräten sein. Sobald die Demo auf mehreren Bildschirmen geöffnet ist, sollten Sie bemerken, dass das Modell auf jedem genau gleich aussieht. Sie können dann beginnen, das Modell auf einem der Bildschirme zu manipulieren, und Sie sollten sehen, dass die gleiche Aktion auf dem gegenüberliegenden Bildschirm ausgeführt wird. Dies gilt für alle Interaktionen mit der Demo, einschließlich Rendering-Änderungen, Markups, Explosionen, Isolierungen usw.","align-left","copy",true,{"_uid":65,"body":66,"alignment":61,"component":62,"is_full_width":63},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":67},[68],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"Demo-Durchgang",[74],{"type":37},{"_uid":76,"code":77,"component":78},"6d1ac756-634d-401a-bc7c-4bf015dd38b7","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/X-48jAOQ7PA?si=Q1KpIhLW_OPEXEY1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":80,"body":81,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":82},[83,95],{"type":27,"attrs":84,"content":85},{"level":29,"textAlign":30},[86,88],{"text":87,"type":34},"Erfahren Sie mehr über ",{"text":89,"type":34,"marks":90},"HOOPS Visualize for Web (ehemals HOOPS Communicator)",[91],{"type":48,"attrs":92},{"href":93,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://www.techsoft3d.com/products/hoops/communicator","url",{"type":96,"content":97},"bullet_list",[98,114,128,141],{"type":99,"content":100},"list_item",[101],{"type":39,"attrs":102,"content":103},{"textAlign":30},[104,106,112],{"text":105,"type":34},"Verweisen Sie auf die HOOPS Visualize for Web (ehemals HOOPS Communicator) ",{"text":107,"type":34,"marks":108},"Dokumentation",[109],{"type":48,"attrs":110},{"href":111,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://docs.techsoft3d.com/communicator/latest/",{"text":113,"type":34},".",{"type":99,"content":115},[116],{"type":39,"attrs":117,"content":118},{"textAlign":30},[119,121,127],{"text":120,"type":34},"Melden Sie sich für eine kostenlose ",{"text":122,"type":34,"marks":123},"Bewertung",[124],{"type":48,"attrs":125},{"href":126,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://manage.techsoft3d.com/signup?product=communicator",{"text":113,"type":34},{"type":99,"content":129},[130],{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,135],{"text":134,"type":34},"Springen Sie direkt ins Kodieren mit dem ",{"text":136,"type":34,"marks":137},"3D Sandbox",[138],{"type":48,"attrs":139},{"href":140,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://3dsandbox.techsoft3d.com/",{"type":99,"content":142},[143],{"type":39,"attrs":144,"content":145},{"textAlign":30},[146,148],{"text":147,"type":34},"Treten Sie unserem ",{"text":149,"type":34,"marks":150},"Community-Forum bei",[151],{"type":48,"attrs":152},{"href":153,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://forum.techsoft3d.com/",{"_uid":155,"body":156,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":157},[158,165,177],{"type":27,"attrs":159,"content":160},{"level":29,"textAlign":30},[161],{"text":162,"type":34,"marks":163},"Fragen oder Feedback?",[164],{"type":37},{"type":39,"attrs":166,"content":167},{"textAlign":30},[168,170,176],{"text":169,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihren Bedürfnissen gerecht zu werden! Bitte verbinden Sie sich in unserem ",{"text":171,"type":34,"marks":172},"Forum",[173],{"type":48,"attrs":174},{"href":153,"uuid":30,"anchor":30,"target":175,"linktype":94},"_blank",{"text":113,"type":34},{"type":39,"attrs":178,"content":179},{"textAlign":30},[180,182],{"text":181,"type":34},"Sie können sich auch für eine 60-tägige Testversion von ",{"text":183,"type":34,"marks":184},"HOOPS Visualize anmelden. ",[185],{"type":48,"attrs":186},{"href":187,"uuid":30,"anchor":30,"target":52,"linktype":94},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":189,"messages":190,"component":223,"background":224,"remove_padding":63,"is_verticalized":199},"2517b691-8590-46b2-b1a0-c989536a3b36",[191],{"_uid":192,"icon":16,"buttons":193,"content":204,"headline":211,"link_url":16,"metadata":218,"component":221,"icon_size":16,"link_label":16,"headline_heading":222},"1f7a4845-55d4-4520-b973-efe814118e45",[194],{"_uid":195,"href":16,"color":196,"label":197,"action":198,"new_tab":199,"outline":63,"alignment":16,"component":200,"text_link":199,"destination":201},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Abonnieren","action-modal",false,"element-button",{"id":16,"url":202,"linktype":94,"fieldtype":203,"cached_url":202},"subscribe","multilink",{"type":24,"content":205},[206],{"type":39,"attrs":207,"content":208},{"textAlign":30},[209],{"text":210,"type":34},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":212},[213],{"type":39,"attrs":214,"content":215},{"textAlign":30},[216],{"text":217,"type":34},"Seien Sie der Erste, der von neuen Projekten erfährt",{"_uid":219,"title":16,"plugin":220,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":225,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":226,"copyright":16,"fieldtype":227,"meta_data":228,"is_external_url":199},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":230,"body":231,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":232},[233],{"type":39,"attrs":234,"content":235},{"textAlign":30},[236,238,244],{"text":237,"type":34},"Müssen Sie uns kontaktieren? Senden Sie uns eine E-Mail an ",{"text":239,"type":34,"marks":240},"labs@techsoft3d.com",[241],{"type":48,"attrs":242},{"href":239,"uuid":30,"anchor":30,"target":52,"linktype":243},"email",{"text":113,"type":34},"columns",{"id":202,"_uid":247,"items":248,"component":254},"ca556064-0fa5-4110-8395-86e3f005ea32",[249],{"id":250,"_uid":251,"component":252,"business_unit":253},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-26 00:00",[257],{"_uid":258,"source":259,"component":312},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":260,"created_at":261,"published_at":262,"updated_at":263,"id":264,"uuid":265,"content":266,"slug":303,"full_slug":304,"sort_by_date":30,"position":305,"tag_list":306,"is_startpage":199,"parent_id":307,"meta_data":30,"group_id":308,"first_published_at":309,"release_id":30,"lang":310,"path":30,"alternates":311,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"Main Navigation","2025-04-09T14:04:01.876Z","2026-03-10T15:15:52.184Z","2026-04-14T21:06:12.239Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":267,"items":268,"component":302},"8915070e-32eb-476d-b215-1c92ebdad15c",[269,284],{"_uid":270,"left_nav":16,"messages":271,"component":283,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[272,278],{"_uid":273,"icon":274,"link":275,"target":16,"message":276,"component":277},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Have questions about our SDKs or enterprise applications? Talk to a Tech Soft 3D expert","element-notice-child",{"_uid":279,"icon":280,"link":281,"target":16,"message":282,"component":277},"45ffc4c7-d6cf-4d3c-9606-ec4154852aef","hugeicons:artificial-intelligence-04","/developers/products/hoops-ai","Check out our newest SDK, HOOPS AI, a framework for preparing CAD data for ML workflows","element-notice",{"_uid":285,"menu":286,"component":301,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[287,292,295,298],{"url":288,"_uid":289,"label":290,"new_tab":199,"component":291},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":288,"_uid":293,"label":294,"new_tab":199,"component":291,"style_as_button":199},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":288,"_uid":296,"label":297,"new_tab":199,"component":291,"style_as_button":199},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":288,"_uid":299,"label":300,"new_tab":199,"component":291,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","de/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","de",[],"reference",{"type":24,"content":314},[315],{"type":39,"attrs":316,"content":317},{"textAlign":30},[318,319,324],{"text":43,"type":34},{"text":320,"type":34,"marks":321},"HOOPS Visualize for Web",[322],{"type":48,"attrs":323},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":325,"type":34}," (ehemals HOOPS Communicator) verwendet werden kann, um eine kollaborative Bildschirmspiegelanwendung zur Ansicht von 3D-Ingenieurdaten zu erstellen.","Kollaboratoren-Demo",[],[329],"hoopsVisualize",{"_uid":331,"title":332,"plugin":220,"description":333},"ef81fa59-d8da-447b-bb99-bd7fb7f72b3c","Collaborator Demo | Tech Soft 3D Labs","This demo shows how HOOPS Visualize for Web can be used to create a collaborative screen mirror application for viewing 3D engineering data.","lab",{"id":16,"url":336,"linktype":94,"fieldtype":203,"cached_url":336},"https://collaborator-docker.techsoft3d.com/",{"id":338,"alt":339,"name":16,"focus":16,"title":340,"source":16,"filename":341,"copyright":16,"fieldtype":227,"meta_data":342,"is_external_url":199},160845471975344,"3D model of motorcycle for HOOPS Visualize Collaborator Demo","Collaborator Demo Motorcycle","https://a-us.storyblok.com/f/1023536/1920x1080/8ae8878142/collaborator-demo-motorbike.jpg",{"alt":339,"title":340,"source":16,"copyright":16},{"id":16,"url":344,"linktype":94,"fieldtype":203,"cached_url":344},"https://github.com/techsoft3d/Collaborator","Montag, 26. Juni 2023",{"id":338,"alt":339,"name":16,"focus":16,"title":340,"source":16,"filename":341,"copyright":16,"fieldtype":227,"meta_data":347,"is_external_url":199},{"alt":339,"title":340,"source":16,"copyright":16},"collaborator-demo","de/developers/labs/collaborator-demo",-70,[],99359039112762,"002c98af-96eb-4cd5-819d-bad5a04dae0f","2026-04-03T18:44:15.445Z",[],1777045065,[358],{"name":260,"created_at":261,"published_at":262,"updated_at":263,"id":264,"uuid":265,"content":359,"slug":303,"full_slug":304,"sort_by_date":30,"position":305,"tag_list":371,"is_startpage":199,"parent_id":307,"meta_data":30,"group_id":308,"first_published_at":309,"release_id":30,"lang":310,"path":30,"alternates":372,"default_full_slug":30,"translated_slugs":30},{"_uid":267,"items":360,"component":302},[361,365],{"_uid":270,"left_nav":16,"messages":362,"component":283,"right_nav":16},[363,364],{"_uid":273,"icon":274,"link":275,"target":16,"message":276,"component":277},{"_uid":279,"icon":280,"link":281,"target":16,"message":282,"component":277},{"_uid":285,"menu":366,"component":301,"has_notice":63},[367,368,369,370],{"url":288,"_uid":289,"label":290,"new_tab":199,"component":291},{"url":288,"_uid":293,"label":294,"new_tab":199,"component":291,"style_as_button":199},{"url":288,"_uid":296,"label":297,"new_tab":199,"component":291,"style_as_button":199},{"url":288,"_uid":299,"label":300,"new_tab":199,"component":291,"style_as_button":63},[],[],[],{"age":375,"cache-control":376,"connection":377,"content-encoding":378,"content-type":379,"date":380,"etag":381,"referrer-policy":382,"sb-be-version":383,"server":384,"strict-transport-security":385,"transfer-encoding":386,"vary":387,"via":388,"x-amz-cf-id":389,"x-amz-cf-pop":390,"x-cache":391,"x-content-type-options":392,"x-frame-options":393,"x-permitted-cross-domain-policies":394,"x-request-id":395,"x-runtime":396,"x-xss-protection":397},"75723","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Sat, 25 Apr 2026 19:39:00 GMT","W/\"fdc7ae73d2181f6eee7f1559d1b82181\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 126499baf467343ce75c3d087c3d3500.cloudfront.net (CloudFront)","A29lXKKeVyZx2QKHfoP57iJJOtmupkgHjDe7QNRgxq3no20ePX5g7A==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","7c2a8092-4358-4698-a95b-abc1aa6e09a7","0.024339","0",1777221663489]