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

이제는 비디오도 WebGL 을 써서 전환효과를 줄 수 있습니다. Curtains.js와 셰이더를 활용한 몇 가지 실험적인 비디오 전환을 소개합니다. 라이센스 : MIT압축 파일을 해제하시면 index.html 파일 종류가 여러개 있습니다. 하지만 이건 브라우저에 바로 사용할 수 없습니다. 이유는 ES6 관련 문제로 확인되었습니다. 그래서 압축된 파일에 test.html 과 js/app_test.js 를 추가 업로드 해 두었습니다. 해당 파일로 실행하시면 문제 없이 작동됩니다. 다시 한번 실행해 봐도 영상이 멈추고 이팩트가 나타나는 건가 싶었지만 영상이 재생되면서 이팩트가 효과가 보입니다. 다시 봐도 놀랍습니다.

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 jquery.youtube-background.js 파일을 호출합니다. 2. 배경 요소를 만들고 배경으로 사용할 Youtube, Vimeo, HTML5 비디오 영상 주소를 data-vbg 옵션에 넣습니다. 3. 그리고 youtube_background 플러그인을 호출하면 끝입니다. 4. 각종 옵션을 제공합니다. (옵션 코드는 사이트를 참고하세요.) * 모바일에서 비활성화 여부 (기본값 false) * 재생 및 음소거 버튼 표시 여부 (기본값 false) * 영상 로드 전 배경 로드 여부 (기본값 true) * 페이지 로드 시 비디오 자동 재생 여부 (기본값 true) * 페이지 로드시 비디오 음소거 여부 (기본값 true) * 비디오 반복 ..

html5 로 지원되는 player 로 비디오/오디오 태그로 사용이 가능합니다. 핵심 플레이어 js 소스가 선언되어있는 상태에서 라는 소스로 사용하면 플레이어가 간단하게 삽입됩니다.