개발4 프로젝트 '재움' 개발과정(5) chatGPT api를 이용하여 GPT에게 정보를 주고 수면 피드백을 받아보겠습니다! 먼저 open api key를 이용해 사용하여야 하는데요 gpt 3.5 turbo를 사용하였습니다. 서버에서 전달받은 데이터를 토대로(chatGPT를 이용할 때 직접 쓰는 질문이랑 같습니다.) 답변을 해줄겁니다. gpt에게 어떤 데이터를 넘겨줄 것인지 정하겠습니다. start_sleep : 수면 시작 시간 total_sleep : 총 수면 시간 sleep_event : 수면 자세 bad_position_time : 바르지 않은 수면 자세 시간 을 넘겨주도록 하겠습니다. 촬영 종료 버튼을 누르면 바로 피드백을 받을 것이기 때문에 버튼을 눌렀을 때 gpt에게 질문을 던져줘야 합니다. 아래 엔드포인트를 통해 닉네임과 수면정보.. 2023. 11. 7. 프로젝트 '재움' 개발과정(4) 안녕하세요! 오늘은 실시간으로 캡처된 이미지에 라벨을 달고 자세가 3번 연속 바뀌었을 때 데이터베이스에 수면이벤트가 저장되도록 해보겠습니다. 먼저 record.js에 함수를 추가해주겠습니다. 이전에 작성하지 않았던 captureAndUploadFrame 함수입니다. // 이미지 업로드 함수 function captureAndUploadFrame() { // HTML 요소를 동적으로 생성합니다. 이 캔버스는 이미지를 그리기 위한 렌더링 대상이 됩니다. const canvas = document.createElement("canvas"); // 캔버스 크기 설정 canvas.width = videoElement.videoWidth; canvas.height = videoElement.videoHeight; .. 2023. 10. 31. 프로젝트 '재움' 개발과정(3) 안녕하세요! 오늘은 촬영정보를 넣어보는 시간을 가지도록 해보겠습니다. 그전에 먼저 html파일을 css로 꾸며보도록 하겠습니다. home.html 재움 사용자를 생성하거나 기존 사용자로 로그인하세요. 새로운 사용자 생성 촬영페이지로 home.css body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { max-width: 400px; background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-r.. 2023. 10. 23. 프로젝트 '재움' 서비스 개발 시작 자세인식 작업이 끝나고 서비스 개발을 시작하게 되었습니다. 맡게 된 부분은 수면유도음악 랜덤재생, 수면측정, 자세인식 및 변화 감지, 수면이벤트 저장, 저장 시 얼굴 블러처리 개발입니다. UI화면 수면측정 ui 예상도 입니다. 재생버튼을 누르면 수면측정이 시작되고 화면 중앙에 실시간으로 영상 촬영이 진행됩니다. 개발 내용 1. 수면 측정 시작시 클라이언트단에서 수면유도음악을 랜덤으로 재생해 줍니다. 2. 클라이언트단에서 10분의 타이머가 지난 후 수면자세 측정을 시작합니다. 3. 일정시간마다 서버에 촬영한 이미지를 전송합니다. 4. 이전 이미지와 현재 이미지의 라벨을 비교하여 자세변화를 감지합니다. (자세변화 감지 시 3번 연속 같은 라벨일 때 수면자세가 변화했다고 인지합니다.) ex) 바른 자세 -> .. 2023. 10. 17. 이전 1 다음
