도움말 - 글감 수집하기 (인용)

도움말 - 부분 리뷰 작성하기

ReactVR 배우기 #2

  • 우선, 이 글은 ReactVR을 Step by Step으로 기술하기보다는 중요한 것, 유용한 것들의 메모위주로서 쓰려고 합니다. Step by Step으로 배우시려먼 아래의 링크로 가셔서 보시면 될 것 같습니다. 저도 아래의 Tutorial을 보고 배우는데 두분다 상당히 자세히 작성되어 있습니다.

1. Spatial Audio

1.1 Spatial Audio의 간략한 소개

나의 프로젝트의 핵심 Spatial Audio를 설정할 차례이다. 사실 내 VR웹 프로젝트를 시작하게 된 계기가 Spatial Audio에 대한 관심에서 시작되었다.

모든 멀티미디어 매체, 특히 영상에서 더욱이 그렇겠지만, 사운드는 VR Experience에 있어서 가장 중요한 요소중 하나라고 생각한다.

360도 영상을 볼때에 Spatial Audio가 가미된다면, 거기서 전해지는 현장감은 훨씬 극대화 될 것이다.

이곳 뉴욕에서 하는 Spatial Audio Meetup에도 가보고 구글링을 열씸히 해본 결과, Ambix라는 포맷이 Spatial Audio에서 가장 보편적으로 사용되는 것 같다. YouTube 역시 Ambix 포맷을 지원한다.

Ambix포맷이나 자세한 설명이나 사용법은 https://developers.google.com/vr/concepts/spatial-audio 이나 https://support.google.com/jump/answer/6400185?hl=en&ref_topic=6399805 이곳을 보면 자세히 나와있다.

아무튼, 그래서 결국 비교적 저렴한(약 $160), 그리고 Ambix포맷으로서 Spatial Audio를 녹음시켜주는 줌의 H2N을 구매하여 레코딩에 사용하였다.


1.2 Omnitone

나의 프로젝트에 Spatial Audio를 적용시키기 위해 Web에서 Ambix 포맷 사운드 파일을 어떻게 돌릴것이냐에 대해 열씸히 검색해봤다.

그랬더니 훌륭하게 프로젝트가 진행된 Omnitone이란 Javascript라이브러리를 찾았다. 그래서 예전에 처음 Three.js라이브러리를 사용하여 프로젝트를 만들었을때 비교적 쉽게 H2N레코더로 레코딩한 Ambient Sound를 360Photo와 함께 링크시켰었다.

1.3 ReacVR Sound

하지만 ReactVR라이브러리를 사용하여 만들면서 어떻게 링크시켜야 하는지 혼란스러워졌다. 열씸히 검색하며 찾아보았지만, 아직 누군가가 설명 해 놓은 자료를 찾지 못하던 중, 공식 ReactVR Docs 의 Sound카테고리에 3D Sound를 Support한다는 글을 보고 그냥 무작정 한번 넣어보기로 했다.

사용법은 역시 아주간단하다. 태그를 사용하여 source의 위치와 여러 옵션을 설정 해 주기만하면 된다.

<Sound
    source = {asset('wsq_short.wav')}
    autoPlay = {true}
    loop = {true}
/>

나의 경우엔 시작하자마자 바로 시작하라는 'autoPlay'와 계속 looping되도록 'loop' prop을 사용하였다.

그랬더니 내가 바라보는 방향과 일치하게 내가 녹음한 Ambient Sound의 orientation이 변하였다!!

사실 정확하게 ReactVR이 Ambix포맷을 지원하는지는 잘 모르겠지만, 헤드폰을 끼고 들어본 결과 아래, 위, 왼쪽, 오른쪽, 앞, 뒤의 현장감을 그럴듯하게 잘 나타내는 느낌이다.

사실, 이렇게 대충 결론을 내리면 안되겠지만, 결론으로는 Omnitone라이브러리를 가져와서 링크시키지 않더라도 ReactVR자체에서 훌륭히 Ambix포맷 Wav파일를 가지고 제법 Spatial하게 표현해주므로, 그리고 앞으로 넘어야 할 산이 한두개가 아니므로, Spatial Audio는 ReactVR Sound 라이브러리를 믿고...여기서 넘어감...

리뷰