일렉트릭기타 마이너 갤러리

[💡정보]

동영상에서 타브 캡처해서 추출하는 사이트 만들어봤어요

trudy
2026-04-03 22:44:47
조회 775
추천 36
원본 URL https://gall.dcinside.com/m/electricguitar/4276200

기타 입문한지 얼마 안된 기린이인데 맨날 유튜브에서 타브 영상을 하나하나 캡처해서 사용하다가 이런거 있으면 편할 거 같아서 만들어 봤어요.

주말이랑 퇴근하고 짬내서 열심히 만들었습니다.



사용해보시고 버그나 개선사안, 피드백 있으면 댓글 달아주시면 최대한 빨리 반영해보겠습니다. 










1. 유튜브에서 타브 동영상 다운로드 후 업로드








2. 추출할 영역 선택 + 타임라인바 움직여서 시간 선택





3. 추출 영역 - 장면 전환 - 분석 그래프


그래프가 동영상의 장면 전환율을 계산해서 보여줌. 빨간선보다 큰 장면전환율을 가진 장면들만 추출이 됨. (간단하게 빨간선 위에 있으면 추출됨)

보통 그래프에서 우뚝 솟아있는 곳이 타브 바뀔때임. 그래프 눌러서 동영상에서 어디인지 확인도 가능.






4. 추출한 결과에서 바로 다운로드 해도 되고 보기 좋게 그룹화로 합쳐서 다운로드 해도 됨.














모바일보다는 데스크톱 크롬브라우저에서 제일 안정적으로 돌아갑니다.



https://extractframe.org/ko

 





차무식
굳 정보탭으로 옮깁니다 만드느라고생하셧서용 - dc App
2026.04.03 22:45:22
trudy
감사합니다! 잘 써주세요ㅎㅎ
2026.04.03 22:52:18
Cz3
2026.04.03 22:46:01
trudy
2026.04.03 22:57:33
ㅇㅇ
와 진짜 GOAT다 이거 잘쓰겠슴다
2026.04.03 22:46:04
ㅇㅇ
이자는 일마갤의 보배인데스
2026.04.03 22:48:14
Oasis.
허어 업로드식이면 트래픽비용 감당 괜찮을련지
2026.04.03 22:48:28
trudy
저도 그 부분을 많이 고민했는데 브라우저로 처리하도록 해서 트래픽비용 없습니다 ㅎㅎ
2026.04.03 22:54:19
Oasis.
@trudy 와.. 스택이 어떻게되나요 ㄹㅇ 신기하네
2026.04.03 22:55:00
trudy
@Oasis. 프론트는 Vue.js 썼고 핵심인 영상 처리는 ffmpeg.wasm로 했습니다!
2026.04.03 23:02:59
ㄱㅆㅅㅌㅊ
와ㅋㅋㅋㅋ
2026.04.03 22:48:36
대북확성기
오오
2026.04.03 22:50:13
웜뱃똥
2026.04.03 22:50:30
폴리노미얼
와 ㅁㅊ
2026.04.03 22:51:42
폴리노미얼
혹시 이거 4번 화면에 각각 타브들에서 내가 원하는만큼 또 자르는기능 추가할수 있음? 내가 추출하려는 영상은 3/4정도 지나면 다음것도 같이보여주는식으로 넘어가버려서
2026.04.03 23:05:52
trudy
@폴리노미얼 잘라서 2개로 분리하는게 필요한가요 아니면 아예 이미지 자체를 자르는게 필요한가요?
2026.04.03 23:12:19
폴리노미얼
@trudy 이미지 자체가 일부 잘리면 댈덧... 지금은 화살표 건들면 크기만 바뀌는거같음
2026.04.03 23:16:09
trudy
@폴리노미얼 ㅇㅋㅇㅋ 최대한 빠르게 적용해볼게요 피드백 감사합니다
2026.04.04 03:31:57
피포파
2026.04.03 22:53:30
야마하견
와 ㅅㅂ... 지린다
2026.04.03 22:54:58
다이아짱
아 영상에 ㅌ타브잇는애들을
2026.04.03 23:00:46
Curvplet
와 존나 고맙다 진짜
2026.04.04 00:42:10
그그그그극
개고수 - dc App
2026.04.04 02:57:35
Spartan
ㅁㅊ 개추
2026.04.04 05:45:59
손삐구
아니 이게 된다고? 이따 해봄
2026.04.04 08:18:16
ㅇㅇ
2026.04.04 08:44:41
ㅇㅇ
2026.04.04 11:54:56
에포카
기립박수 - dc App
2026.04.04 16:37:56