머리가 나쁘면 적어놔야한다 머리가 나쁘면 적어놔야한다

동영상 해상도 변경시 해상도에 따른 동영상파일이 물리적으로 따로있기때문에, setPanorama 할 때 처음부터 재생이 된다. 이때 전 해상도의 시간을 저장해서 현 해상도의 영상이 재생될 때, 저장된 시간부터 재생이 될 수 있도록 해야한다. 1. 시행착오 panolensJS를 직접 수정하지 않고, 내가 만든 js를 통해서 컨트롤 하려했다. 하지만 setPanorama 하고 전후로 currentTime을 줘도 제대로 작동이 안되었다. 그렇다고 setTimeout을 주자니 정확한 문제해결이 아니라 다시 원복. setPanorama하고 모든 로직이 끝난 후 텍스처를 업데이트하기때문에 currentTime이 안먹는것 같았다. panolensJS 자체에서 setPanorama 부분을 수정해야할 것 같다. 2. s..

크롬은 전체화면을 막고있다. 전체화면하려해도 수초 안에 다시 돌아온다. 하지만, 360영상을 카드보드로 보려할때 핸드폰에서 전체화면이 안되면 상당히 거슬린다. 1. 시행착오 뭔가 스크립트로 전체화면을 유지하려 시도했는데 제대로 되지 않았다. 그렇다고 크롬을 쓰지말라고 할 수도 없고.. 거기다 pc와 안드, ios 크롬어플에서도 다 되어야하기 때문에 더 골치가 아팟다. 그런데 순간, f11누르는거랑 같은 기능을 하면 되는거 아닌가?!?!?!?!?! 2. 직접 해보자 // 엔터 누를경우 f11누른것과 같은 이벤트를 발생시킨다. document.addEventListener("keydown", function(e) { if (e.keyCode == 13) { toggleFullScreen(); } }, fal..

하나의 360 동영상인데, 일정시간 재생되고 내가 설정한 지점에서 멈추고, 이때 poi가 화면에 나온다. poi 클릭 시 내가 원하는 부분으로 영상이 이동되어 재생되어야한다. (앞으로든 뒤로든) 1. 시행착오 끝 소스 웹에서 360동영상이 재생이 되고 내가 설정한 시간에 동영상이 멈춰야한다. 여러 시행착오 끝에 정리한 소스이다. (참고만 할 수 있게 정리) videoTime1 : function() { this.video1_setTime = setTimeout("videoTime1()",1000); // 1초후에 자기자신을 호출 this.video1_time = (this.video1).videoElement.currentTime; if(this.f_플래그1 == 0 && this.video1_time ..

panolens를 이용해서 360이미지 여러개를 이었는데, 다음 이미지로 넘어갈때마다 사진 용량이 커서 오래 기다려하는 문제가 있었다. 미리 캐시에 올리게 되면 처음만 오래걸리지 캐시에 올라가고 나서부턴 속도가 개선될 것 같아서 방법을 찾아보기로했다. 1. 일단 구글링 해보자 서비스워커를 써야할 것 같다. 워커어쩌고는 옛날꺼고 문제도 많고 여러 브라우저에서 막히고 있다. 서비스워커는 구글디벨로퍼 사이트에서 어떻게 사용하는건지 나와있다. 해봤는데... panolens에선 이미지가 미리 다운이 안받아진다. 그래서 panolens를 열어봤더니 three.cache관련해서 소스가 뭔가 있다. 이부분을 좀 더 파야할 것 같다. 서비스워커는 panolens에서는 안될것같다. 2. threejs cache 일단 구글..

1. 인증서 갱신 일단 letsencrypt 폴더를 찾아야한다. 나는 ~ 밑에 있었다. (우분투14버전) ./certbot-auto renew --dry-run 위와 같이 돌리면 시뮬레이션으로 돌려볼 수 있다. 80포트 어쩌고 에러는 톰캣이 80포트로 돌아가고 있기 때문에, 톰캣을 끄고 다시 실행하면 잘 돌아간다. 인증서 갱신된거 우분투에서 날짜 확인하고 톰캣 시작하고 사이트 들어갔는데... 적용이 안되어있다. 2. standalone 방식으로 다운받았을 때, 인증서 갱신 일단 과거에 standalone 방식으로 다운을 받았다. 찾아보니, 형변환이 필요하다고 한다. 인증서 폴더로 이동해서 도메인 폴더 밑으로 들어간다. cd /etc/letsencrypt/live/aaaa.com 확장자 명이 crt, ke..

1. 문자열 -> 변수명으로? eval! placeMakerClick : function(data_id) { ... this.viewer.setPanorama( this......data_id) ); ... }, 위와같은 스크립트에 data_id는 문자열로 넘어오는데 앞에 this.라는 코드를 붙여서 코드로 실행하고 싶었다. this.viewer.setPanorama( this.dataId) ); 이거와 같이. 찾다보니 eval()이라는 함수를 찾았다. placeMakerClick : function(data_id) { ... this.viewer.setPanorama( eval('this.' + data_id)) ); ... }, 이렇게 하면 내가 원하는데로 작동된다. 그런데 문제가 있다. eval()..

1. google street view api가 간헐적으로 제대로 안나오는 현상 google street view api를 이용해서 360이미지를 보여주는데 어떤 사진은 나오고 어떤사진은 안나오는 현상이 발생했다. 찾아보니 저작권 소유가 google인건 잘 나오는데, 개인이 찍어서 올린 360이미지는 안나왔다. panoId는 콘솔창에서 아래 코드를 넣고 엔터치면 나온다. "F:".concat(window.location.href.split("!1s")[1].split("!2e")[0]).replace('%2F','/') 위와같이 하면 검은 화면에 360이미지가 안뜬다. 대신 panoId에 구글저작권인 id를 넣으면 나온다 var panoId = 'faGD2ttSy8EroNhM4_wm6w'; 구글링 해봐도..

1. 자바로 ip 출력하기 로그인한 사람을 로그로 남기기위해 ip를 저장해야한다. HttpServletRequest를 이용해 ip를 가져올 수 있다. public static String getIpAddr(HttpServletRequest request){ String ip = request.getHeader("X-FORWARDED-FOR"); if (ip == null || ip.length() == 0) { ip = request.getHeader("Proxy-Client-IP"); } if (ip == null || ip.length() == 0) { ip = request.getHeader("WL-Proxy-Client-IP"); // 웹로직 } if (ip == null || ip.length(..