한의원 블로그 작업 도구

목적

의뢰인의 블로그 글 형식에 맞춰 원고를 바꾸고, 블로그용 GIF를 컴퓨터 안에서 바로 만드는 것.

해결한 문제

아이폰 화면 녹화(HEVC)를 윈도우 크롬이 열지 못했고, 의뢰인의 글은 빈 줄 개수와 굵게 칠하는 위치까지 형식이 세세했습니다.

기능

• 영상을 넣고 2~5초 구간을 고르면 GIF로 저장합니다. 화질은 세 단계입니다.
• 영상은 컴퓨터 밖으로 나가지 않습니다.
• 원고의 소제목, 굵은 글씨, 목록, 구분선, 서명을 블로그 형식으로 바꿉니다.
• 글 위아래에 늘 들어가는 이미지와 지도 블록을 저장해 두었다가 다시 붙여 넣습니다.

화면 방향

블로그 글쓰기 화면 옆 패널에서 바로 쓰게 했고, 발행 버튼은 사람이 누르도록 남겼습니다.

사용 기술

HTML, JavaScript

GIF 도구를 파일 하나로

gifenc

GIF 인코딩

hevc.js (WebAssembly)

아이폰 HEVC 영상 해독

Chrome Extension, Manifest V3

블로그 도우미

Playwright

확장 프로그램 시험

결과

아이폰 녹화를 약 1초 만에 열고 3초 GIF를 13~17초에 만들었습니다. 실제 글을 원고로 되돌려 넣었을 때 77줄 중 77줄이 같게 나오는지 자동으로 검사합니다.