[자바스크립트] 브라우저에서 JSON 파일 불러오기 브라우저에서 로컬에 저장된 .json 파일을 불러와 파싱하는 코드입니다. load_local_file.html Load test.json { "author" : "Mandloh", "blog" : "https://mandloh.tistory.com/", "age" : 100 } [끝]. 2022. 8. 4. [자바스크립트] 윈도우 화면 캡처 안녕하세요? 만들오 입니다 자바스크립트는 웹 브라우저의 언어입니다. 웹 브라우저를 통해 윈도우 화면 캡처하는 내용을 소개합니다. 아래 웹페이지를 방문해 Start capture 버튼을 누르면 공유할 창을 선택하는 메뉴가 나옵니다. 전체 화면은 물론, 실행중인 앱의 창도 선택할 수 있습니다. https://sein-oh.github.io/js_capture_screen/ https://sein-oh.github.io/js_capture_screen/ sein-oh.github.io Start capture Stop capture 2022. 2. 17. [자바스크립트] WebRTC 카메라 설정 변경하기 Ver.2 (tweakpane) 이전 글에서 일부를 수정했습니다. 2021.04.14 - [자바스크립트] - [자바스크립트] WebRTC 카메라 설정 변경하기 (tweakpane응용) 코드의 재사용성을 늘리기 위해 수정했습니다. 설명보다는 기록을 위한 글 입니다. 2021. 6. 25. [자바스크립트] WebRTC 카메라 설정 변경하기 (tweakpane응용) 목 차 1. 서론 2. 본론 2.1. Tweakpane 2.2. 적용 코드 2.3. 실행 화면 2.4. Comment 3. 결론 1. 서론 WebRTC는 클라이언트의 카메라를 이용합니다. 즉, 접속하는 기기에 따라 적용할 수 있는 해상도가 다른데, Tweakpane을 이용해 해상도를 변경할 수 있는 코드를 작성했습니다. ※이전 글과의 차이점 dat.gui 라이브러리를 Tweakpane 으로 변경함. 전/후면 카메라 전환기능을 추가함. (카메라가 있는 경우) 2021.04.13 - [자바스크립트] - [자바스크립트] WebRTC 카메라 해상도 변경하기 (dat.gui 응용) [자바스크립트] WebRTC 카메라 해상도 변경하기 (dat.gui 응용) 목 차 1. 서론 2. 본론 2.1. 적용 코드 2.2. .. 2021. 4. 14. [자바스크립트] WebRTC 카메라 해상도 변경하기 (dat.gui 응용) 목 차 1. 서론 2. 본론 2.1. 적용 코드 2.2. 메모 3. 결론 1. 서론 WebRTC는 클라이언트의 카메라를 이용합니다. 즉, 접속하는 기기에 따라 적용할 수 있는 해상도가 다른데, dat.gui를 이용해 해상도를 변경할 수 있는 코드를 작성했습니다. 2. 본론 2.1. 적용 코드 2.2. 코드 메모 gui 구성을 위해 dat.gui 라이브러리를 사용했습니다. 해상도 변경의 핵심은, 활성화된 stream을 모두 종료한 후 다시 켜는 것 입니다. 이를 위해 전역변수로 stream을 사용했습니다. 스마트폰 환경에서는 전/후면 카메라를 사용하는데, 이를 설정할 수 있도록 업데이트 할 예정입니다. 3. 결론 해상도를 변경할 수 있도록 설정을 완료했습니다. 향후 스마트폰의 전/후면 카메라 선택 기능을 .. 2021. 4. 13. [자바스크립트] dat.GUI - GUI 응용 #1 안녕하세요? 만들오 입니다. 기존의 메뉴를 dat.GUI를 이용해 업데이트한 결과를 공유합니다. 아래 빨간 점선 안의 버튼을 dat.GUI로 정리했습니다. 심지어 Object Detection 관련 기능들을 추가했는데도 더욱 깔끔한 모습입니다. 빈 공간이 많이 남아 변경 후에는 Command line처럼 화면을 꾸밀 수 있었습니다. //dat.GUI params = { OC: false, OD: false, OT: false, knn_label: "ID1", knn_train: knn_add, knn_save: knn_save, knn_load: knn_load, ssd_tresh: 0.5, ssd_max: 20, } const classifier = gui.addFolder("Object Classif.. 2021. 3. 30. 이전 1 2 3 4 다음
