[Portfolio Log] WebRTC 기반 포폴 기록 11 (메타프루츠)

모바일 웹 환경에서 캐릭터를 움직일 수 없어서 조이스틱을 추가했다. 

https://rexrainbow.github.io/phaser3-rex-notes/docs/site/virtualjoystick/

 

또한 getUserMedia가 정상적으로 동작하지 않아서 

 navigator.getUserMedia = navigator.mediaDevices.getUserMedia || navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

if(navigator.getUserMedia) { naviagtor.mediaDevices... } 이런 형태로 수정했다. 

 

iOS 환경에서 임의로 비율을 바꾸면 안 된다는 말도 있고 video 태그 속성으로 autoplay, playsInline, muted를 주라고 하길래 추가했다. 

 

모바일웹에서 영상과 캐릭터 이동이 되길 원했기 때문에 추가적으로 작업을 진행했다.

다음 글에서 기술 스택 및 시연 영상, 기능들에 대한 문서화를 작성하고 마무리 지으려고 한다.