작성자 : cw4196

[개발노트] WebVR 반응형 웹 기술적 한계에 봉착

안녕하세요. 큰아들, 최원입니다. 이번 포스팅에서는 현재 제가 개발중인 WebVR 반응형 웹 기술 테스트 현황을 리뷰하고, 어떠한 이슈들이 존재하는지 메모해두는 글을 작성해 봅니다. Bootstrap 기본 레이아웃과, 유튜브 영상을 활용하여 제작을 진행해봤습니다. 아직 소스코드 공유를 할정도의 단계는 아닌듯해서 내부 테스트 목적으로 작성된 코드를 이용하였습니다.데스크탑 환경 테스트- 부트스트랩 기본 레이아웃 기준 - 배경화면을 360도 사진/영상으로 처리 - 큰 무리없이 VR 미디어를 활용 할 수 있음.모바일 환경 테스트- 부트스트랩 기본 레이아웃 기준 - 배경화면을 360도 사진/영상으로 처리 - 큰 무리없이 VR 미디어를 활용 할 수 있음.모바일 WebVR 환경 테스트- 별도의 개발자 설정이 필요함 (Video, Audio 자동 재생 기능이 보안 목적으로 차단 됨) - HTML Dom Element를 Canvas내에 그려내기 위해서는 html2canvas와 같은 캡처 라이브러리를 사용해야 함. (CORS를 위한 서버가 별도로 필요하고, 10fps 미만의 속도로 동작한다는 한계점이 존재 함) - Iframe, Embed 태그의 경우 실시간 캡쳐에 한계가 있음. MediaCapture 관련 ...

로딩중... 초 뒤 페이지로 이동됩니다.

작성자 : cw4196

[개발노트] WebVR 반응형 웹 기술적 한계에 봉착

안녕하세요. 큰아들, 최원입니다. 이번 포스팅에서는 현재 제가 개발중인 WebVR 반응형 웹 기술 테스트 현황을 리뷰하고, 어떠한 이슈들이 존재하는지 메모해두는 글을 작성해 봅니다. Bootstrap 기본 레이아웃과, 유튜브 영상을 활용하여 제작을 진행해봤습니다. 아직 소스코드 공유를 할정도의 단계는 아닌듯해서 내부 테스트 목적으로 작성된 코드를 이용하였습니다.데스크탑 환경 테스트- 부트스트랩 기본 레이아웃 기준 - 배경화면을 360도 사진/영상으로 처리 - 큰 무리없이 VR 미디어를 활용 할 수 있음.모바일 환경 테스트- 부트스트랩 기본 레이아웃 기준 - 배경화면을 360도 사진/영상으로 처리 - 큰 무리없이 VR 미디어를 활용 할 수 있음.모바일 WebVR 환경 테스트- 별도의 개발자 설정이 필요함 (Video, Audio 자동 재생 기능이 보안 목적으로 차단 됨) - HTML Dom Element를 Canvas내에 그려내기 위해서는 html2canvas와 같은 캡처 라이브러리를 사용해야 함. (CORS를 위한 서버가 별도로 필요하고, 10fps 미만의 속도로 동작한다는 한계점이 존재 함) - Iframe, Embed 태그의 경우 실시간 캡쳐에 한계가 있음. MediaCapture 관련 ...

로딩중... 초 뒤 페이지로 이동됩니다.

작성자 : cw4196

[개발노트] WebVR 반응형 웹 기술적 한계에 봉착

안녕하세요. 큰아들, 최원입니다. 이번 포스팅에서는 현재 제가 개발중인 WebVR 반응형 웹 기술 테스트 현황을 리뷰하고, 어떠한 이슈들이 존재하는지 메모해두는 글을 작성해 봅니다. Bootstrap 기본 레이아웃과, 유튜브 영상을 활용하여 제작을 진행해봤습니다. 아직 소스코드 공유를 할정도의 단계는 아닌듯해서 내부 테스트 목적으로 작성된 코드를 이용하였습니다.데스크탑 환경 테스트- 부트스트랩 기본 레이아웃 기준 - 배경화면을 360도 사진/영상으로 처리 - 큰 무리없이 VR 미디어를 활용 할 수 있음.모바일 환경 테스트- 부트스트랩 기본 레이아웃 기준 - 배경화면을 360도 사진/영상으로 처리 - 큰 무리없이 VR 미디어를 활용 할 수 있음.모바일 WebVR 환경 테스트- 별도의 개발자 설정이 필요함 (Video, Audio 자동 재생 기능이 보안 목적으로 차단 됨) - HTML Dom Element를 Canvas내에 그려내기 위해서는 html2canvas와 같은 캡처 라이브러리를 사용해야 함. (CORS를 위한 서버가 별도로 필요하고, 10fps 미만의 속도로 동작한다는 한계점이 존재 함) - Iframe, Embed 태그의 경우 실시간 캡쳐에 한계가 있음. MediaCapture 관련 ...

로딩중... 초 뒤 페이지로 이동됩니다.