[{"data":1,"prerenderedAt":404},["ShallowReactive",2],{"{\"language\":\"zh\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/collaborator-demo":3},{"data":4,"headers":381},{"story":5,"cv":362,"rels":363,"links":380},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":354,"full_slug":355,"sort_by_date":30,"position":356,"tag_list":357,"is_startpage":200,"parent_id":358,"meta_data":30,"group_id":359,"first_published_at":360,"release_id":30,"lang":316,"path":30,"alternates":361,"default_full_slug":30,"translated_slugs":30},"Collaborator Demo","2026-03-23T19:45:48.783Z","2026-10-10T22:14:55.273Z","2026-10-10T22:14:55.316Z",158128327867478,"a7291551-5b19-4ad2-9738-98f5ee4421cf",{"_uid":13,"body":14,"date":256,"fold":257,"intro":319,"title":332,"gallery":333,"category":334,"metadata":336,"component":340,"demo_link":341,"thumbnail":343,"github_link":349,"last_updated":351,"open_graph_image":352,"include_open_graph":63,"block_search_engines":200},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,247],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":246,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,75,79,154,189,230],{"_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},"概述","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"此演示展示了如何使用 ",{"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（以前是 HOOPS Communicator）来创建一个协作屏幕镜像应用程序，以查看3D工程数据。此演示监视同时连接的用户数量，并使用 Socket.io 来管理演示的活动用户屏幕。通过 Socket.io，无论用户如何更改模型或环境，视图都会在所有连接的屏幕上同步显示。",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"您可以通过在两个或多个不同的屏幕上导航到演示网址来操作此演示。这两个屏幕可以在同一设备或多个设备上。一次在多个屏幕上打开演示后，您应注意到每个屏幕上的模型看起来完全相同。然后，您可以开始在其中一个屏幕上操作模型，并且应该看到相同的操作在对面屏幕上执行。对于演示中的所有交互，包括渲染更改、标记、爆炸、隔离等，情况都是如此。","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},"演示引导",[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},"了解更多关于 ",{"text":89,"type":34,"marks":90},"HOOPS Visualize for Web（前称 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},"参考 HOOPS Visualize for Web（前称 HOOPS Communicator） ",{"text":107,"type":34,"marks":108},"文档",[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},"注册免费的 ",{"text":122,"type":34,"marks":123},"评估",[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},"立即进入编码 ",{"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},"加入我们的 ",{"text":149,"type":34,"marks":150},"社区论坛",[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,178],{"type":27,"attrs":159,"content":160},{"level":29,"textAlign":30},[161],{"text":162,"type":34,"marks":163},"有问题或反馈？",[164],{"type":37},{"type":39,"attrs":166,"content":167},{"textAlign":30},[168,170,176],{"text":169,"type":34},"我们正在寻找反馈以及如何改进这个工具包以满足您的需求！请在我们的 ",{"text":171,"type":34,"marks":172},"论坛",[173],{"type":48,"attrs":174},{"href":153,"uuid":30,"anchor":30,"target":175,"linktype":94},"_blank",{"text":177,"type":34},"中连接。",{"type":39,"attrs":179,"content":180},{"textAlign":30},[181,183],{"text":182,"type":34},"您还可以注册60天的 ",{"text":184,"type":34,"marks":185},"HOOPS Visualize 试用。 ",[186],{"type":48,"attrs":187},{"href":188,"uuid":30,"anchor":30,"target":52,"linktype":94},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":190,"messages":191,"component":224,"background":225,"remove_padding":63,"is_verticalized":200},"2517b691-8590-46b2-b1a0-c989536a3b36",[192],{"_uid":193,"icon":16,"buttons":194,"content":205,"headline":212,"link_url":16,"metadata":219,"component":222,"icon_size":16,"link_label":16,"headline_heading":223},"1f7a4845-55d4-4520-b973-efe814118e45",[195],{"_uid":196,"href":16,"color":197,"label":198,"action":199,"new_tab":200,"outline":63,"alignment":16,"component":201,"text_link":200,"destination":202},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","订阅","action-modal",false,"element-button",{"id":16,"url":203,"linktype":94,"fieldtype":204,"cached_url":203},"subscribe","multilink",{"type":24,"content":206},[207],{"type":39,"attrs":208,"content":209},{"textAlign":30},[210],{"text":211,"type":34},"我们会在新项目可用时立即通知您。",{"type":24,"content":213},[214],{"type":39,"attrs":215,"content":216},{"textAlign":30},[217],{"text":218,"type":34},"第一时间了解新项目",{"_uid":220,"title":16,"plugin":221,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":226,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":227,"copyright":16,"fieldtype":228,"meta_data":229,"is_external_url":200},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":231,"body":232,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":233},[234],{"type":39,"attrs":235,"content":236},{"textAlign":30},[237,239,245],{"text":238,"type":34},"需要联系我们？请通过电子邮件发送至 ",{"text":240,"type":34,"marks":241},"labs@techsoft3d.com",[242],{"type":48,"attrs":243},{"href":240,"uuid":30,"anchor":30,"target":52,"linktype":244},"email",{"text":113,"type":34},"columns",{"id":203,"_uid":248,"items":249,"component":255},"ca556064-0fa5-4110-8395-86e3f005ea32",[250],{"id":251,"_uid":252,"component":253,"business_unit":254},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-26 00:00",[258],{"_uid":259,"source":260,"component":318},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":261,"created_at":262,"published_at":263,"updated_at":264,"id":265,"uuid":266,"content":267,"slug":309,"full_slug":310,"sort_by_date":30,"position":311,"tag_list":312,"is_startpage":200,"parent_id":313,"meta_data":30,"group_id":314,"first_published_at":315,"release_id":30,"lang":316,"path":30,"alternates":317,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":268,"items":269,"component":308},"8915070e-32eb-476d-b215-1c92ebdad15c",[270,290],{"_uid":271,"left_nav":16,"messages":272,"component":289,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[273,279,284],{"_uid":274,"icon":275,"link":276,"target":175,"message":277,"component":278},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","最新研究：制造商如何满足对工程数据日益增长的需求","element-notice-child",{"_uid":280,"icon":281,"link":282,"target":175,"message":283,"component":278},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","注册参加我们即将举行的网络研讨会：了解 VNTANA 如何通过 HOOPS Exchange 利用 CAD 数据",{"_uid":285,"icon":286,"link":287,"target":16,"message":288,"component":278},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","对我们的SDK或企业应用有疑问？与 Tech Soft 3D 专家沟通","element-notice",{"_uid":291,"menu":292,"component":307,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[293,298,301,304],{"url":294,"_uid":295,"label":296,"new_tab":200,"component":297},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","开发者SDK","top-menu-child",{"url":294,"_uid":299,"label":300,"new_tab":200,"component":297,"style_as_button":200},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企业应用",{"url":294,"_uid":302,"label":303,"new_tab":200,"component":297,"style_as_button":200},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","公司",{"url":294,"_uid":305,"label":306,"new_tab":200,"component":297,"style_as_button":63},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","支持","top","global","main-navigation","zh/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","zh",[],"reference",{"type":24,"content":320},[321],{"type":39,"attrs":322,"content":323},{"textAlign":30},[324,325,330],{"text":43,"type":34},{"text":326,"type":34,"marks":327},"HOOPS Visualize for Web",[328],{"type":48,"attrs":329},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":331,"type":34}," （前称 HOOPS Communicator）来创建一个协作屏幕镜像应用程序，以查看3D工程数据。","合作演示",[],[335],"hoopsVisualize",{"_uid":337,"title":338,"plugin":221,"description":339},"38214ce0-7a2b-4f3c-a85e-750012e829b8","协作演示 | Tech Soft 3D 实验室","此演示展示了如何使用 HOOPS Visualize for Web 创建一个协作屏幕镜像应用程序以查看3D工程数据。","lab",{"id":16,"url":342,"linktype":94,"fieldtype":204,"cached_url":342},"https://collaborator-docker.techsoft3d.com/",{"id":344,"alt":345,"name":16,"focus":16,"title":346,"source":16,"filename":347,"copyright":16,"fieldtype":228,"meta_data":348,"is_external_url":200},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":345,"title":346,"source":16,"copyright":16},{"id":16,"url":350,"linktype":94,"fieldtype":204,"cached_url":350},"https://github.com/techsoft3d/Collaborator","星期一, 2023年6月26日",{"id":344,"alt":345,"name":16,"focus":16,"title":346,"source":16,"filename":347,"copyright":16,"fieldtype":228,"meta_data":353,"is_external_url":200},{"alt":345,"title":346,"source":16,"copyright":16},"collaborator-demo","zh/developers/labs/collaborator-demo",-70,[],99359039112762,"002c98af-96eb-4cd5-819d-bad5a04dae0f","2026-04-03T18:44:15.445Z",[],1791995899,[364],{"name":261,"created_at":262,"published_at":263,"updated_at":264,"id":265,"uuid":266,"content":365,"slug":309,"full_slug":310,"sort_by_date":30,"position":311,"tag_list":378,"is_startpage":200,"parent_id":313,"meta_data":30,"group_id":314,"first_published_at":315,"release_id":30,"lang":316,"path":30,"alternates":379,"default_full_slug":30,"translated_slugs":30},{"_uid":268,"items":366,"component":308},[367,372],{"_uid":271,"left_nav":16,"messages":368,"component":289,"right_nav":16},[369,370,371],{"_uid":274,"icon":275,"link":276,"target":175,"message":277,"component":278},{"_uid":280,"icon":281,"link":282,"target":175,"message":283,"component":278},{"_uid":285,"icon":286,"link":287,"target":16,"message":288,"component":278},{"_uid":291,"menu":373,"component":307,"has_notice":63},[374,375,376,377],{"url":294,"_uid":295,"label":296,"new_tab":200,"component":297},{"url":294,"_uid":299,"label":300,"new_tab":200,"component":297,"style_as_button":200},{"url":294,"_uid":302,"label":303,"new_tab":200,"component":297,"style_as_button":200},{"url":294,"_uid":305,"label":306,"new_tab":200,"component":297,"style_as_button":63},[],[],[],{"cache-control":382,"connection":383,"content-encoding":384,"content-type":385,"date":386,"etag":387,"referrer-policy":388,"sb-be-version":389,"server":390,"strict-transport-security":391,"transfer-encoding":392,"vary":393,"via":394,"x-amz-cf-id":395,"x-amz-cf-pop":396,"x-cache":397,"x-content-type-options":398,"x-frame-options":399,"x-permitted-cross-domain-policies":400,"x-request-id":401,"x-runtime":402,"x-xss-protection":403},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:03:01 GMT","W/\"0237af361e8945af46b06896faa3a3fc\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 604b77eecab133d2f1e4a87ee4ebe7e2.cloudfront.net (CloudFront)","lADVeSDaDLdqIojRBCepGZoDmJZ8xDO9k8maMUXXTRZO1mT5gD62Sw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","3f10dddc-dd58-4e51-931d-5f966c268139","0.029754","0",1791997381156]