HTML5, Javascript로 Caption Studio 라는 이름으로 웹에서 사용할 수 있는 자막 제작 프로그램을 만들어 보았습니다.
  • - MP4 H.264 플레이 가능(오페라 브라우저 제외)
  • - SMI 파일 불러오기
  • - SMI, JSON, EXCEL 파일 저장
  • - 단축키/설정 변경, 저장
  • - 최종 작업 중인 자막 Storage저장으로 사이트 접속 시 마지막 작업된 내용 불어오기
  • - 위지윅 기능 (단축키)

가로 910px 이상 화면에 최적화 되어 있습니다.

이전에 만들었던 온라인 자막 프로그램.
Caption Studio를 개선 하였습니다.
단순 개선이라기 보다는 거의 새로 만들다 시피해서 버전업이라고 해야 할 것 같습니다.

1. 속도 개선
- 자막 로딩 속도, 동영상 플레이 시 렉 발생 등을 일정 부분 해결 하였습니다.

2. UI 변경
- 색상을 모노톤으로 변경하였고, 일부 UI를 변경 하였습니다.

3. 메모, 검색 기능 추가
- 자막 제작 시 편의성을 위해 각 타임라인 별 메모와 전체 검색 기능을 추가 하였습니다.

4. SRT 자막 불러오기
- SMI 자막 뿐 아니라 SRT파일도 불러와서 편집 저장 하실수 있습니다.

5. SRT, VTT 다운로드 추가
- 작업한 내용을 SRT 파일 또는 웹상에서 사용하는 WebVTT 포멧으로도 다운 받을 수 있습니다.

6. SRT 형식 편집 추가
- SRT 형식의 편집 방식을 추가 하였습니다. (한방에 프로그램 방식 ↔ subtitle edit) 방식 상호 변환

7. Youtube, Vimeo 동영상 플레이 추가
- Youtube나 Vimeo 동영상의 공유 URL을 입력하여 동영상을 재상 할 수 있습니다.

8. 기타 오류 개선
- 그 밖의 자막 제작시에 있던 오류를 개선하였습니다.



개선이 불가능한 부분도 몇몇 있었는데,

1. IE의 성능저하
- IE에서는 Chrome의 1/10 정도의 성능으로 Chrome을 사용 하실 때, 더욱 빠른 성능을 보여줍니다.

2. 브라우저별 사용가능 동영상의 제약
- 브라우저별플레이를 지원하는 포멧이 달라서, 가장 보편적인 포멧은 MP4 H.264 인것 같습니다.

3. 일부 사용 불가능한 단축키
- 마찬가지로 브라우저 기본적인 단축키라서 사용이 불가능한 것들도 있었습니다. 이를테면
탭을 닫을 때 쓰는 Ctrl + W 같은 단축키는 자막 프로그램을 닫아버려 쓸 수 없었습니다.