목록#video (7)

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

[해피CGI][cgimall] RTO + P Video Player 를 소개합니다.

RTOP는 웹 페이지에서 HTML5 비디오를 재생하는 썸네일이있는 웹 기반의 다중 기능 jQuery 비디오 플레이어입니다. 플러그인은 플레이어의 인터페이스를 포함하여 플레이어를 완전히 구성하고 아이콘을 제어합니다. 또한 GTM 을 추가하여 동영상을 추적 할 수도 있습니다 . 사용자는 인터페이스를 통해 재생, 일시 중지, 앞으로 및 볼륨 제어를 할 수 있습니다. 라이센스는 MIT 입니다. 사용법 안내 합니다. 1.라이브러리를 호출 하세요. 2. 컨텐츠를 구성하세요. 3. 플러그인을 호출 하세요. 이벤트와 옵션은 아래의 사이트에서 확인 가능 합니다. https://redtettemer.github.io/rtop-video-player/ 많은 기능을 지원하는건 아니지만 심플하게 사용하기에는 괜찮은 플레이어 같..
웹프로그램밍 자료실/JAVA 자료 2020. 12. 23. 09:22
[해피CGI][cgimall] allthefreestock.com - 무료모음집 사이트

사진,목업,비디오,사운드,아이콘,폰트등 무료로 제공되고 있는 사이트를 한번에 모아서 보여주는 사이트입니다. 북마크에 보관되어 있는 사이트들을 찾아서 들어가도 되지만 한번에 모아서 보여주니 더 편리한거 같네요 사이트 제작에 많은 도움이 되길 바랍니다^^ ​
웹프로그램밍 자료실/JAVA 자료 2020. 11. 25. 09:09
[해피CGI][cgimall] 무료영상 저장소 Motion Places

전 세계의 무료 재고영상을 광고 소개로 제공하는 영상클립 사이트입니다.각 영상별로 이용가능한 라이센스가 각각 다르며, 일부 4k 를 지원하는 영상은 일정 비용을 지불하고 이용이 가능합니다. 원하는 영상을 선택하고 렌딩페이지로 이동하면 mp4, $99 4k prores 라는 버튼 2가지가 출력되는데 free 를 선택하고 이메일을 작성하시면 다운로드가 진행됩니다. 검색시 "나라별, 색상별, 주제별" 로 검색이 가능하며, 각 개별로 라이센스가 다를 수 있으므로 이용전 라이센스를 확인해보시기 바랍니다.^^
웹프로그램밍 자료실/기타 자료 2020. 1. 15. 08:59
[해피CGI][cgimall] kaleidoscope - 360º video/image viewer

360º 카메라로 찍은 사진과 동영상을 웹상에서 보여주는 기능의 javascript 입니다. 마우스로 드래그를 하여 화면을 옮기면서 볼 수 있습니다. 사진 데모 링크 : http://thiago.me/kaleidoscope/examples/image 동영상 데모 링크1 : http://thiago.me/kaleidoscope 동영상 데모 링크2 : http://thiago.me/kaleidoscope/examples/hls 소스 다운로드는 아래 페이지에서 할 수 있습니다. https://github.com/thiagopnts/kaleidoscope 해당 기능의 구현을 위해서는 서버내에 npm install 이 필요합니다. npm install 이후에 사용법은 비교적 간단합니다. 해당 script에서 이용..
웹프로그램밍 자료실/기타 자료 2020. 1. 3. 09:04
[해피CGI][cgimall] Create Custom Video/Audio Player Controls - mediaStyler

html5 에서 지원되는 audio, video 태그를 이용해서 오디오나, 동영상을 웹페이지에 재생해줄때 간단하게 오디오나, 비디오를 컨트롤러를 CSS를 이용해서 조절하는 플러그인입니다. 다운받은 압축파일의 압축을 해제한후, audio_demo.html 파일을 웹브라우저로 열어보면 오디오를 재생하기 위한 컨트롤 예제를 볼수 있습니다. video_demo.html 파일을 웹브라우저로 열어보면 동영상을 재생하는 버튼 및 플레이타임, 현재 재생되는 구간, 재생시간, 사운트크기, 전체화면으로 등등을 조절하는 컨트롤이 커스텀 된 것을 확인할 수 있습니다. html 태그를 보면 video 태그에 styleishe 를 줘서 제작자가 컨트롤을 커스텀할수 있도록 간단합니다. 비디오나, 오디오의 컨트롤을 비교적 간편하게 ..
웹프로그램밍 자료실/JAVA 자료 2019. 8. 12. 09:05
[해피CGI][cgimall] 재생시간이 긴 HTML5 비디오를 위한 챕터 만들기 - vidcha.js

- 소개 재생시간이 긴 HTML5 비디오에 챕터를 추가하여 사용자의 비디오 시청에 도움을 줍니다. - 라이센스 ATTRIBUTION LICENSE 3.0 - 작업 예제 1. HTML5를 이용하여 비디오 재생 소스를 추가합니다. 2. 파일 상단에 jQuery 라이브러리와 vidcha.js 스크립트를 링크해 줍니다. 3. 챕터를 표시할 네비게이션을 추가하고 챕터 시간을 설정합니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2019. 4. 5. 09:19
[해피CGI][cgimall] HTML5의 "Video" 태그 사용하기

소개 태그는 무비 클립이나 다른 비디오 스트림과 같은 비디오를 지정합니다. 현재 요소에는 MP4, WebM 및 Ogg와 같이 3 가지 지원되는 비디오 형식이 있습니다. 예시 MP4 = H264 비디오 코덱 및 AAC 오디오 코덱이있는 MPEG 4 파일 WebM = VP8 비디오 코덱과 Vorbis 오디오 코덱이있는 WebM 파일 Ogg = Theora 비디오 코덱과 Vorbis 오디오 코덱이 포함 된 Ogg 파일 브라우저별 지원여부 속성 Autoplay (자동재생) Your browser does not support the video tag. Controls (비디오 컨트롤러) Your browser does not support the video tag. heigh..
웹프로그램밍 자료실/HTML 자료 2018. 10. 22. 09:17
Prev 1 Next