웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Create Custom Video/Audio Player Controls - mediaStyler 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Create Custom Video/Audio Player Controls - mediaStyler

해피CGI윤실장 2019. 8. 12. 09:05

html5 에서 지원되는
audio, video 태그를 이용해서 오디오나, 동영상을 웹페이지에 재생해줄때
간단하게 오디오나, 비디오를 컨트롤러를 CSS를 이용해서 조절하는 플러그인입니다.


다운받은 압축파일의 압축을 해제한후,
audio_demo.html 파일을 웹브라우저로 열어보면

 

 

오디오를 재생하기 위한 컨트롤 예제를 볼수 있습니다.

 

 

 

video_demo.html 파일을 웹브라우저로 열어보면

 

 

 

동영상을 재생하는 버튼 및 플레이타임, 현재 재생되는 구간, 재생시간, 사운트크기, 전체화면으로 등등을
조절하는 컨트롤이 커스텀 된 것을 확인할 수 있습니다.

 

 

 

html 태그를 보면
video 태그에 styleishe 를 줘서
제작자가 컨트롤을 커스텀할수 있도록 간단합니다.

 

 

비디오나, 오디오의 컨트롤을 비교적 간편하게 조절하고 싶을때 사용하기 좋을듯 합니다.



 

홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] 브라우저 대화창 및 알림창 소스 alertifyjs  (0) 2019.08.23
[해피CGI][cgimall] Auto Typer JS Ver1.0.1  (0) 2019.08.22
[해피CGI][cgimall] 페이지 책장을 넘기듯한 효과 jquery 효과 booklet  (0) 2019.08.05
[해피CGI][cgimall]scrollTop()을 이용한 페이지 상단으로 부드럽게 이동하기  (0) 2019.08.01
[해피CGI][cgimall] Javascript & CSS 를 이용한 갤러리  (0) 2019.07.31
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments