RX/XE 기능개발 내역 - 그 외 기능 개발
RX/XE 기능개발 내역
의뢰 전에 실제 구현가부가 걱정되시는 경우
또는 XE로 이런게 구현가능한지 의구심이 드는 경우들을 위해
실제로 XE 기반으로 제작한 기능들을 간단히 소개합니다.

단, 기재한 모든 기능들은 전부 의뢰자들의 요청에 의해 제작된 유료자료들입니다.
( 타사이트들처럼 템플렛형태로 다량 판매 자료로 만들어진 자료들이 아닙니다. )

따라서 가격대가 저가는 아님을 미리 알려드립니다. ( 기존 의뢰자와의 형평성을 감안해 비용측정됩니다)
구매 및 제작 원하시면 XE 제작의뢰 게시판에 글을 남겨주시면 됩니다.

[그 외 기능 개발] 음원에 대한 가사 싱크 기능과, 손쉽게 싱크 시간대 기록 및 수정 가능한 입력 기능 구현

sejin7940 조회:202 2021.09.03 01:52

음원에 대해 가사를 기록한 뒤 싱크기능을 구현하면

음워의 재생시간에 따라 가사 부분에 싱크에 맞춰 하이라이트 효과가 생기는 기능 구현

 

가사에 대한 현재 재생 위치를 알려주는 

음원 재생기 자막 기능을 웹상으로 구현했다고 생각하면 된다.

 

 

그런데 이 자막과 음원 싱크 맞추는 작업이 너무 힘들어서 

( 일일이 초를 수동으로 기재하는건 힘드니..  )

 

믈론 전문 자막편집 프로그램을 이용하는 방법도 있지만

이건 자막코드가 필요한게 아니라,  몇초에 다음줄 가사로 넘어가느냐 그 시간만 알아내어 기재하면 되는 구조여서

보다 직관적이고 쉬운 방법을 구현했다

 

음원을 재생 시킨 후 

자막을 참조해 필요한 곳에서 '구분' 버튼을 넣으면 그 시간대가 자동으로 기록되게 해서

일일이 수동으로 시간을 적을 필요도 없고..  

자막과 싱크값 수정이 쉽게 한줄로 서로 위치를 매칭시켜두고

혹시나 미세하게 조정필요할때 바로 그 값을 변경하면 되고

 

입력도 sejin7940_change 연계해서 바로 저장되고

저장 후에 바로 재생해서 실제 자막 싱크 테스트하면서

직접 숫자 조정으로 미세 조절까지 바로 가능하게 구현했다.

 

sink1.jpg

 

 

 

이렇게 해서 자막 싱크가 다 만들어지면

실제 원하는 재생과 싱크 관련 페이지들에서 아래처럼 표시가 나오게 된다

 

 

sink2.jpg

 

목록
전체 151건
번호 카테고리 제목 등록일
151 그 외 기능 개발 [lotterylotto] 로또복권모듈 php8 호환 작업 완 2023.11.18
150 그 외 기능 개발 [resize_image] 반응형 기반의 모바일 화면에서 이미지 클릭시 새창으로 나오도록 개선 2023.03.21
149 그 외 기능 개발 [trash] 손님이 글/댓글 삭제시에도 휴지통으로 이동되게 수정 2023.02.23
148 그 외 기능 개발 [스팸필터] 스팸키워드 목록에 정렬 기능 추가 / IPv6 형태의 IP주소 기록 기능 2022.12.01
147 그 외 기능 개발 [seo] Google 애널리틱스 4 ( GA4 ) 버전 지원 2022.12.01
146 그 외 기능 개발 [layerpopup] 레이어팝업 애드온 사용시 동시에 여러개의 팝업 펼쳐 보이는 기능 구현 2022.08.07
145 그 외 기능 개발 [layerpopup] 레이어팝업 애드온 사용시 팝업 뒤에 검은 배경 나오도록하는 설정추가 2022.06.26
144 그 외 기능 개발 [seo] Google Tag Manager 위한 소스 추가 2021.11.11
143 그 외 기능 개발 닉네임 팝업의 메뉴기능 사용시 confirm 형태의 확인메세지 기느 구현 2021.10.23
142 그 외 기능 개발 프로알라 에디터에 대해 ( froalaeditor ) 다크모드 (darkmode) 가능하도록 개선 2021.10.01
141 그 외 기능 개발 ckeditor 에서 첨부파일에 대해 '선택삭제' 버튼 클릭시 정말 삭제할지 확인창 띄우는 기능 2021.09.23
140 그 외 기능 개발 [poll] 설문(투표) 모바일 기능 개선 / 시작일 기능, 시간기능 / 결과 화면 제한 기능 등 추가 2021.09.12
» 그 외 기능 개발 음원에 대한 가사 싱크 기능과, 손쉽게 싱크 시간대 기록 및 수정 가능한 입력 기능 구현 file 2021.09.03
138 그 외 기능 개발 [message_alarm] 음성 지원 / 알림 출력 위치 설정 / 알림 기간 설정 / 배경색 지정 기능 지원 2021.06.30
137 그 외 기능 개발 [msg_point] 특정 회원 (관리자 등)에게 보내는 쪽지는 포인트 차감의 예외가 되게 하는 기능 구현 2021.06.29
136 그 외 기능 개발 [requirefile] 에러메세지 출력 안 되는 현상 수정 / 첨부파일 없어도 등록 가능하게 [1] 2021.06.24
135 그 외 기능 개발 유저도 a 태그에 tel 속성 사용가능해 이미지 클릭시 연락처로 연결가능하도록 개선 2021.04.11
134 그 외 기능 개발 [soo_parking] 공사중 출력 예외 기능을 특정 IP 에 부여가능하도록 추가 2021.03.26
133 그 외 기능 개발 배너등을 고정시키는 sticky 소스 IE 호환 구현 2021.03.05
132 그 외 기능 개발 [memberinfo] ID 최소/최대 글자수 제한, 닉네임 최소 글자수 제한 기능 추가 2021.03.05
카테고리
XE Login