1. 다양한 미디어 콘텐츠 공유를 돕는 컴포넌트

1) 미디어 프레임 : 전시에 쓰기 좋습니다.

• 허브(XRCLOUD)의 공간에는 이미지, 영상, 음악, pdf문서 등 다양한 미디어 파일을 드래그앤 드롭으로 공유가 가능합니다.

  • 3d glb파일은 지원하지 않습니다. (BELIVVR에서 한번 수정할 수 있는지 보겠습니다.)

• 처음 공유하면 아바타의 눈 앞에 뜨도록 되어 있는데, 이를 정확한 위치에 공유하도록 도와주는 컴포넌트가 미디어 프레임 입니다.

  

• 이를 활용하여 액자에 드래그앤 드롭으로 ROOM에서 콘텐츠를 전시하는 것이 가능합니다. host유저는 고정할 수 있습니다.

  

2) 공유 스크린 : 교육과 회의에 쓰기 좋습니다.

• 호스트 유저는 화면 공유, 웹캠도 공유가 가능하며, 이를 통해 수업을 하거나 이벤트 방송을 할 수 있습니다. 기본적으로 이러한 공유 방법은 미디어 프레임을 이용하게 되어있습니다.

• 빌리버에서 자체 개발한 셰어드(공유) 스크린 컴포넌트는 공간내의 모든 이용자가 화면 공유와 웹캠을 사용시 즉시 해당 스크린에 공유하게 하는 컴포넌트를 제공합니다. 교실, 회의실, 강당, 이벤트룸에 배치하여 활용할 수 있습니다.

  

  BELIVVR’s spoke : Shared Screen component

  • 현재 공유스크린은 동적 비율을 제공하지 못하고 1:1 비율만 지원하고 있으므로, 주로 PC를 기준으로 가로 크기를 맞춰 주시기 바랍니다. (향후 수정해서 완성후 hubs 에 PR을 검토하겠습니다..)

  

  화면 공유를 통해 진행하는 코드 리뷰

2. Link 컴포넌트를 이용한 공간 분리 및 확장

• 일반적으로 Link 컴포넌트를 이용하여 웹페이지를 넣으면 새창이 뜨는 구조로 되있으나 Room의 공간, 혹은 다른 Room을 연결하면 다양한 효과로 응용할 수 있다.

1) #태그와 Waypoint를 이용한 순간 이동과 공간 분리

• Link 컴포넌트는 같은 Room내의 Waypoint로 순간이동으로 이용할 수 있다.
• 이를 이용하여 별도의 회의실을 만들고 큰 공간에서 다른 회의실로 이동 시키고 다시 돌아오게 할 수 있다.

https://youtu.be/r1JZVQsiodM

• 이를 응용하면 KRPano나 Metaport처럼 360도 영상이나 이미지를 순차적으로 보게 할 수도 있다.

XRCLOUD로 360전시관 만들기 - 모질라허브로 KRPano, 메타포트 대체하기

• Spoke에서 제공하는 Link Component는 웹사이트의 경우 새 창이 뜨지만, 같은 도메인의 ROOM의 경우 페이드인 페이드아웃이 이루어지는 자연스러운 Room 이동 기능을 제공한다.

2) 같은 도메인간 Room이동을 통한 공간 확장