본문 바로가기

공부/html & javascript2

[Screen Capture API] javascript로 화면을 동영상으로 캡쳐 후 저장까지 글 내용 정리 1. screen capture api 소개 2. navigator.mediaDevices undefined 문제 3. 로컬에서 ssl 인증서 설치하기 4. 캡쳐한 동영상 mp4로 다운로드 하기 5. 사용방법 6. 문제점 지금 진행중인 프로젝트에서 필요한 기능을 찾다가 재밌는 기능이 있어서 한 번 사용해봤다. 하려는 프로젝트의 내용은 여기서 확인하면 되고... https://1545154.tistory.com/99 [save image (format : gif)] html에서 만든 div element를 gif 이미지로 저장할 수 없을까? 글 내용 정리 1. 소개 2. 실패 리스트 3. gif 변환 방법 소개 4. 작동결과 1. 소개 결론부터 말하면 일반적인 방법으로는 저장할 수 없다. ㅋ.. 2023. 3. 6.
[save image (format : gif)] html에서 만든 div element를 gif 이미지로 저장할 수 없을까? 글 내용 정리 1. 소개 2. 실패 리스트 3. gif 변환 방법 소개 4. 작동결과 1. 소개 결론부터 말하면 일반적인 방법으로는 저장할 수 없다. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 대신에 대충 길고 길었던 삽질 끝에 편법을 찾아내서 글을 작성한다... (2023.2.1 ~ 2023.3.26) 일단 한 달 내내 보고있는데 계속 같은 페이지만 맴도는 것 같아서 실패했던 사례들을 정리해둬야겠다. 진짜 너무 화나고 오기생기네 이거 ㅋㅋ 먼저 하려는건 이런식으로 우리가 html에서 열심히 만들어놓은 화면을 gif file로 내보내는 작업이다. 지금은 사라졌지만... 던전앤파이터 게임의 캐릭터 프로필 카드를 만들어주는 사이트가 있었는데, 간단히 말하면 홈페이지에서 캐릭터 정보를 조회해서 캐릭터카드를 보여주.. 2023. 3. 1.