WebXR

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요
2. 역사
- 2.1. WebVR의 등장 (2014-2017)
- 2.2. WebXR로의 전환 (2018-현재)
3. 설계
4. 특징
- 4.1. 개발자 측면
- 4.2. 이용자 측면
5. 보안
6. 지원 현황
- 6.1. 개발 플랫폼
- 6.2. 브라우저
7. 유사 기술
8. WebXR 체험 작품
참조

1. 개요

WebXR은 웹 애플리케이션이 가상 현실(VR) 및 증강 현실(AR) 콘텐츠를 표시할 수 있도록 하는 API이다. 2014년 모질라에서 WebVR API를 처음 개발했으며, 2018년 WebVR은 VR과 AR을 모두 지원하는 WebXR Device API로 대체되었다. 주요 기업들이 WebXR 표준 개발에 참여하고 있으며, 깃허브에서 관련 논의가 공개적으로 진행된다. WebXR은 웹 브라우저에서 VR 콘텐츠를 체험할 수 있게 하며, 개발자는 외부 장치, 자이로 센서 등의 정보를 활용할 수 있다. WebXR은 보안 문제로 인해 사용자 동의를 얻어 센서 정보에 접근하며, 현재 엣지, 크롬, 오페라, 삼성 인터넷 등 다양한 브라우저에서 지원된다.

더 읽어볼만한 페이지

HTML5 - 구글 스위피
구글 스위피는 구글에서 개발한 웹 서비스로, SWF 파일을 JSON으로 직렬화한 후 자바스크립트를 통해 SVG로 변환하여 애니메이션을 구현하는 기술이었으나 2016년 7월 1일 서비스가 종료되었다.
HTML5 - 웹 스토리지
웹 스토리지는 웹 브라우저에서 클라이언트 측에 데이터를 저장하는 API로, 쿠키와 유사하지만 더 큰 저장 용량을 제공하며 로컬 스토리지와 세션 스토리지로 구분된다.
웹 개발 - Ajax
Ajax는 웹 페이지 전체를 새로고침하지 않고 비동기적으로 서버와 통신하여 웹 애플리케이션의 일부를 업데이트하는 웹 개발 기술로, XMLHttpRequest 객체의 등장으로 가능해졌으며 HTML, CSS, DOM, JavaScript, JSON 등의 기술을 통합하여 동적인 사용자 인터페이스를 구현한다.
웹 개발 - WebGL
WebGL은 웹 브라우저에서 3차원 그래픽을 렌더링하기 위한 API이며, OpenGL ES를 기반으로 개발되어 다양한 웹 브라우저와 모바일 환경에서 지원된다.
가상 현실 - 고글
고글은 눈을 보호하는 장비로, 이누이트와 유픽족의 스노우 고글에서 시작하여 자동차, 항공기 발달과 함께 필수품이 되었고, 현재는 다양한 용도와 패션 아이템으로 활용된다.
가상 현실 - 플레이스테이션 VR
소니 인터랙티브 엔터테인먼트에서 2016년 출시한 플레이스테이션 VR은 플레이스테이션 4용 가상 현실 헤드셋으로, OLED 디스플레이, 6DoF 헤드 트래킹, 스테레오 3D 등을 지원하며 플레이스테이션 카메라를 통해 사용자의 움직임을 감지한다.

WebXR - [IT 관련 정보]에 관한 문서
WebXR 정보
종류	웹 API
도메인	웹 API 증강 현실 가상 현실
약칭	WebXR
웹사이트	WebXR Device API 공식 웹사이트
개발 및 표준
단체	W3C
위원회	Immersive Web Community Group Immersive Web Working Group
편집자	Rik Cabanier Manish Goregaokar Brandon Jones Nell Waliczek
시작 연도	해당 사항 없음
상태
Device API	후보 권고안(CR)
증강 현실 모듈	후보 권고안(CR)
레이어 API	작업 초안(WD)
핸드 인풋 모듈	작업 초안(WD)
게임패드 모듈	작업 초안(WD)
Lighting Estimation API	퍼스트 퍼블릭 워킹 드래프트 (FPWD)
Hit Test Module	퍼스트 퍼블릭 워킹 드래프트 (FPWD)
DOM Overlays Module	퍼스트 퍼블릭 워킹 드래프트 (FPWD)
Depth Sensing Module	퍼스트 퍼블릭 워킹 드래프트 (FPWD)
Anchors Module	편집자 초안 (ED)
기술 정보
기반 표준	HTML DOM ECMAScript (ECMA-262) 포인터 이벤트 WebGL

2. 역사

WebXR의 역사는 WebVR에서부터 시작되었다. WebVR API는 2014년 봄 모질라의 블라디미르 부키체비치에 의해 처음 고안되었다.^[53] 2016년에는 모질라 VR 팀과 구글 크롬 팀이 WebVR API 제안의 버전 1.0을 발표하면서 WebVR이 많이 개선되었다.^[16]^[54]

2018년에는 WebXR Device API가 WebVR을 대체하게 되었다.^[12]^[13]^[22] WebXR Device API는 AR, VR 장치 및 가능한 미래 현실과 장치를 위해 설계되었다.

2. 1. WebVR의 등장 (2014-2017)

모질라의 블라디미르 부키체비치가 2014년 봄에 WebVR API를 처음 고안하였다.^[53] 브랜든 존스(Google), 보리스 스무스 외 모질라 팀의 다른 사람들이 API 개발에 기여하였다.^[15] 2016년 3월 1일, 모질라 VR 팀과 구글 크롬 팀은 WebVR API 제안의 버전 1.0을 발표했다. API 리팩토링 결과, WebVR에 많은 개선이 이루어졌다.^[54]^[16]

2. 2. WebXR로의 전환 (2018-현재)

2018년, 증강 현실(AR)과 가상 현실(VR) 기기 및 미래의 현실과 기기를 위해 설계된 WebXR Device API가 WebVR을 대체했다.^[50]^[51]^[58] WebVR은 파이어폭스 및 크로미엄 기반 브라우저에 구현된 후 사용 중단 및 제거되었다. 2018년 9월 24일, 이머시브 웹 워킹 그룹(Immersive Web Working Group)이 공식 출범했다.^[57]

WebVR API의 개발은 종료되었으며, 가상 현실(VR)과 증강 현실(AR) 모두에 대응하는 WebXR Device API로 대체될 예정이다.^[28] 2019년 4월 23일, WebXR Editor's Draft가 공개되었다.^[29]^[30]

최신 WebXR Device API 워킹 드래프트는 2022년 2월에 마지막으로 발표되었다.^[42] 현재 이 사양의 편집자는 구글과 메타이다. Mozilla, 마이크로소프트, 삼성전자, 애플의 다른 구성원뿐만 아니라 다양한 스타트업과 초청 전문가들이 이 사양의 미래에 기여하고 있다.^[55] 이 사양에 대한 모든 논의는 깃허브에서 공개적으로 진행된다.^[56]

3. 설계

WebXR 장치 API는 웹 애플리케이션이 가상 현실 및 증강 현실에 콘텐츠를 표시할 수 있도록 하는 몇 가지 새로운 인터페이스(예: XRView^[58], XRPose^[59])를 제공한다. 이는 필요한 카메라 설정 및 장치 상호 작용(예: 컨트롤러 또는 시점)과 함께 WebGL을 사용한다.

4. 특징

WebXR은 개발자와 이용자 측면에서 다음과 같은 특징을 가진다.
개발자 측면WebXR을 사용하면 VR 헤드 마운트 디스플레이(HMD)나 스마트폰을 인식하고, 자이로 센서나 위치 추적 등으로 HMD의 상태와 정보를 얻을 수 있다. 컨트롤러 정보는 WebVR API가 아닌 Gamepad API를 통해 얻는다.^[32]
이용자 측면WebXR API를 사용하면 웹 브라우저 접속만으로 VR 콘텐츠를 체험하고 URL 공유도 가능하다. XR 체험은 장치를 한정하지 않는다.^[33] 5G 서비스 시작으로^[34]^[35] 서버에서 3D 렌더링 처리를 하고 저사양 단말에서는 결과를 표시하는 방식이 가능해져, WebXR의 활용 범위가 넓어질 것으로 기대된다.^[36]^[37]

4. 1. 개발자 측면

WebXR을 사용하여 웹 페이지를 제작하면 외부 장치로 VR 헤드 마운트 디스플레이(HMD)나 스마트폰을 인식할 수 있다. 또한 자이로 센서나 위치 추적 등의 정보를 획득하여 위치, 자세, 눈의 동공 간 거리 등 HMD의 상태와 정보를 알 수 있게 된다. 컨트롤러 정보는 WebVR API가 아닌 Gamepad API를 통해 얻는다.^[32]

4. 2. 이용자 측면

WebXR API를 사용하면, 이용자는 웹 브라우저에 접속하는 것만으로 VR 콘텐츠를 체험하고 이용할 수 있다. URL을 공유하여 다른 사람에게 체험하게 할 수도 있다. 웹 브라우저를 통한 XR 체험은, HMD와 같은 장치가 필수였던 기존의 VR/AR 체험과는 달리, 장치를 한정하지 않는다^[33]。VR/AR은 3D를 다루기 때문에, 모바일 단말이나 스탠드얼론 HMD에서 접속하면 3D 렌더링 부하로 인해 처리가 따라가지 못하는 경우가 있다. 그러나 2020년에 5G 서비스가 시작되면서^[34]^[35], 서버에서 3D 렌더링 처리를 수행하고 모바일 단말에서는 처리 결과를 표시하는 방식으로 저사양 단말에서도 이용할 수 있게 되어, WebXR의 활용 범위가 넓어질 것으로 기대된다^[36]^[37]。

5. 보안

WebVR은 장치의 움직임과 방향 정보를 얻는 API이지만, 사용자 동의 없이 센서 정보에 접근할 수 있다는 문제점이 있다. 애플은 2019년 3월 25일부터 iOS 12.2 사파리에서 "모션 및 화면 방향 접근" 설정을 기본적으로 끔으로 설정하여 사용자 개인 정보를 보호하고 있다. 이 때문에 사용자가 직접 설정을 켜거나, 브라우저 실행 후 팝업을 통해 사용자 동의를 얻어야 한다.^[38]

6. 지원 현황

WebXR 장치 API^[24] (후보 권고안 초안)는 엣지, 크롬 79+, Android용 크롬 79+, Opera 66+, Opera Mobile 64+, 삼성 인터넷 12+, 오큘러스 브라우저의 안정적인 버전에서 지원된다.^[25]^[26] 애플 비전 프로 혼합 현실 헤드셋의 VisionOS용 Safari에서도 WebXR을 지원한다.^[27] WebXR을 지원하는 개발 플랫폼 및 브라우저가 아니면 WebXR API를 사용할 수 없다.

6. 1. 개발 플랫폼

Three.js, A-Frame, PlayCanvas, AR.js, Zapworks, React 360, Hubs 등 다양한 개발 플랫폼에서 WebXR을 지원한다.

6. 2. 브라우저

엣지, 크롬, Chrome for Android, Opera, Opera Mobile, 삼성 인터넷, 오큘러스 브라우저에서 WebXR 장치 API를 지원한다.^[24]^[25]^[26] 애플 비전 프로 혼합 현실 헤드셋의 VisionOS용 Safari에서도 WebXR을 지원한다.^[27]

파이어폭스 나이틀리
기어 VR용 삼성 인터넷
크로미움 실험 빌드
마이크로소프트 엣지
오큘러스 브라우저

7. 유사 기술

WebXR은 API^[60]로서 고유하지만, OpenXR, ARCore, ARKit과 같은 동일 분야의 네이티브 API와 유사한 점이 있다. 대부분의 하드웨어에는 네트워크 경험과 웹 콘텐츠에 대한 접근을 허용하는 기본 애플리케이션이 있다.^[61]^[62] 유니티 및 블렌더와 같은 여러 주요 도구도 웹용으로 내보낼 수 있으며, 사용자에게 전용 애플리케이션을 설치하지 않고도 콘텐츠를 사용할 수 있는 방법을 제공한다.^[63]

8. WebXR 체험 작품

펩시 Go Back
더 서칭 플래닛
액세스 마스
인사이드 뮤직
퀘이크 3
블레어 위치
컨터볼
쇼피파이 VR
VR부
구글 검색 결과의 "3D로 표시"

참조

_[1] 웹사이트 Web APIs ! MDN https://developer.mo[...] 2022-03-01
_[2] 웹사이트 Why You Should Be Paying Attention to WebXR https://crosscomm.co[...] 2022-03-01
_[3] 웹사이트 Fundamentals of WebXR https://developer.mo[...] 2021-12-22
_[4] 웹사이트 WebXR Device API https://www.w3.org/T[...] 2022-03-01
_[5] 웹사이트 The Immersive Web Working Group/Community Group https://immersive-we[...] 2022-03-01
_[6] 웹사이트 Immersive Web Community Group https://www.w3.org/c[...] 2017-03-22
_[7] 웹사이트 Immersive Web Working Group https://www.w3.org/g[...] 2022-03-01
_[8] 웹사이트 WebXR Device API - Web APIs ! MDN https://developer.mo[...] 2022-03-01
_[9] 간행물 Immersive Web Community Group Proposals Repo https://github.com/i[...] Immersive Web at W3C 2022-02-21
_[10] 웹사이트 Community and Business Group Process ! Community and Business Groups https://www.w3.org/c[...] 2022-03-01
_[11] 웹사이트 Standards/Participating in a W3C Working Group - MozillaWiki https://wiki.mozilla[...] 2022-03-01
_[12] 웹사이트 Bringing Mixed Reality to the Web – The Mozilla Blog https://blog.mozilla[...] 2017-10-20
_[13] 웹사이트 Welcome to the immersive web https://developers.g[...] 2018-05
_[14] 웹사이트 WebVR API https://developer.mo[...] 2015-11-04
_[15] 웹사이트 WebVR Deprecated Specification https://immersive-we[...] 2022-02-28
_[16] 웹사이트 Introducing the WebVR 1.0 API Proposal https://hacks.mozill[...] 2016-03-01
_[17] 웹사이트 Immersive Web Working Group - Participants https://www.w3.org/g[...] 2022-03-01
_[18] 웹사이트 Immersive Web at W3C https://github.com/i[...] 2022-03-01
_[19] 웹사이트 WebXR GitHub repository https://github.com/i[...] 2024-08-02
_[20] 웹사이트 W3C WebXR Device API https://www.w3.org/T[...] 2024-08-02
_[21] 웹사이트 Immersive Web Working Group Charter https://www.w3.org/2[...]
_[22] 웹사이트 WebXR Device API https://immersive-we[...] 2022-03-01
_[23] 웹사이트 WebXR Device API https://immersive-we[...] 2022-03-01
_[24] 웹사이트 WebXR Device API https://www.w3.org/T[...] 2024-02-17
_[25] 웹사이트 '"webxr" ! Can I use... Support tables for HTML5, CSS3, etc' https://caniuse.com/[...] 2022-03-01
_[26] 웹사이트 Introduction to Oculus Browser ! Oculus Developers https://developer.oc[...] 2022-03-01
_[27] 웹사이트 Meet Safari for spatial computing https://developer.ap[...] 2024-02-17
_[28] 문서 Legacy Specification. The WebVR API is being replaced by the WebXR Device API, but may still be available in some browsers while that API is finalized. This specification is preserved here for reference purposes. https://immersive-we[...]
_[29] 웹사이트 Bringing Mixed Reality to the Web – The Mozilla Blog https://blog.mozilla[...]
_[30] 웹사이트 Welcome to the immersive web - Web - Google Developers https://developers.g[...]
_[31] 문서 Removal is expected in Chrome 80. https://chromestatus[...]
_[32] 웹사이트 WebVRでの VRコントローラーの使用 https://developer.mo[...]
_[33] 웹사이트 JSだけでVRできる！『WebVR』ことはじめ https://html5experts[...]
_[34] 웹사이트 2020年の5G実現に向けた取組 https://www.soumu.go[...]
_[35] 웹사이트 産業革新へ5G始動、通信4社に電波　1.6兆円投資 https://www.nikkei.c[...]
_[36] 웹사이트 4 Reasons 5G Is Critical For Mass Adoption Of AR And VR https://www.forbes.c[...] 2019-03-23
_[37] 웹사이트 メディアから金融、農業まで　5Gが変える20の業界 https://www.nikkei.c[...] 2019-04-03
_[38] 웹사이트 iOS 12.2 のセキュリティコンテンツについて https://support.appl[...] 2019-04-20
_[39] 웹인용 Web APIs {{!}} MDN https://developer.mo[...] 2022-03-01
_[40] 웹인용 Why You Should Be Paying Attention to WebXR https://crosscomm.co[...] 2022-03-01
_[41] 웹인용 Fundamentals of WebXR https://developer.mo[...] 2021-12-22
_[42] 웹인용 WebXR Device API https://www.w3.org/T[...] 2022-03-01
_[43] 웹인용 The Immersive Web Working Group/Community Group https://immersive-we[...] 2022-03-01
_[44] 웹인용 Immersive Web Community Group https://www.w3.org/c[...] 2017-03-22
_[45] 웹인용 Immersive Web Working Group https://www.w3.org/g[...] 2022-03-01
_[46] 웹인용 WebXR Device API - Web APIs {{!}} MDN https://developer.mo[...] 2022-03-01
_[47] 간행물 Immersive Web Community Group Proposals Repo https://github.com/i[...] Immersive Web at W3C 2022-02-21
_[48] 웹인용 Community and Business Group Process {{!}} Community and Business Groups https://www.w3.org/c[...] 2022-03-01
_[49] 웹인용 Standards/Participating in a W3C Working Group - MozillaWiki https://wiki.mozilla[...] 2022-03-01
_[50] 웹인용 Bringing Mixed Reality to the Web – The Mozilla Blog https://blog.mozilla[...] 2017-10-20
_[51] 웹인용 Welcome to the immersive web https://developers.g[...] 2018-05
_[52] 웹인용 WebVR API https://developer.mo[...] 2015-11-04
_[53] 웹인용 WebVR Deprecated Specification https://immersive-we[...] 2022-02-28
_[54] 웹인용 Introducing the WebVR 1.0 API Proposal https://hacks.mozill[...] 2016-03-01
_[55] 웹인용 Immersive Web Working Group - Participants https://www.w3.org/g[...] 2022-03-01
_[56] 웹인용 Immersive Web at W3C https://github.com/i[...] 2022-03-01
_[57] 웹인용 Immersive Web Working Group Charter https://www.w3.org/2[...]
_[58] 웹인용 WebXR Device API https://immersive-we[...] 2022-03-01
_[59] 웹인용 WebXR Device API https://immersive-we[...] 2022-03-01
_[60] 웹인용 WebXR Device API https://www.w3.org/T[...] 2024-02-17
_[61] 웹인용 '"webxr" {{!}} Can I use... Support tables for HTML5, CSS3, etc' https://caniuse.com/[...] 2022-03-01
_[62] 웹인용 Introduction to Oculus Browser {{!}} Oculus Developers https://developer.oc[...] 2022-03-01
_[63] 웹인용 Meet Safari for spatial computing https://developer.ap[...] 2024-02-17

본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com