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

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

HTML 5를 이용한 그래프 만들기 rgraph.net 입니다. 비 상업적일 경우 무료로 이용이 가능하며, 바차트, 파이차트, 간트차트 등 다양한 모양의 그래프를 지원합니다. 50가지 이상의 차트를 지원하며, 다양한 옵션을 통해 줌 기능, 각종 애니메이션 효과도 있습니다.

- 소개 재생시간이 긴 HTML5 비디오에 챕터를 추가하여 사용자의 비디오 시청에 도움을 줍니다. - 라이센스 ATTRIBUTION LICENSE 3.0 - 작업 예제 1. HTML5를 이용하여 비디오 재생 소스를 추가합니다. 2. 파일 상단에 jQuery 라이브러리와 vidcha.js 스크립트를 링크해 줍니다. 3. 챕터를 표시할 네비게이션을 추가하고 챕터 시간을 설정합니다. - 작동 예제

소개 태그는 무비 클립이나 다른 비디오 스트림과 같은 비디오를 지정합니다. 현재 요소에는 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..

HTML5를 이용한 Music player (html5 를 이용한 음악 플레이어) Aplayer 는 MIT 라이센스를 지향 합니다. Aplayer 는 Html + JavaScript 로 구성 되어 있습니다. var ap = new APlayer({ element: document.getElementById('aplayer1'), music: { title: 'Preparation', author: 'Hans Zimmer/Richard Harvey', url: 'Preparation.mp3', } }); API를 제공하기 때문에 관련 기능 체크 및 사용법을 찾기가 편리하네요. APlayer 에서 제공하는 기능 중 많이들 쓰시는 기능은 거의 다 있네요. ap.play() // Resume play ap.pl..

clappr 웹 전용 플레이어 입니다. HTML5 를 이용한 플레이어 입니다. explorer 9 까지는 지원되는데 explorer 8은 지원되지 않습니다. ^^ ( Window 7 도 지원되지 않습니다. ) 옵션 값을 이용하여 여러가지 기능을 컨트롤 할 수 있습니다. -플레이어 크기 조절 -플레이어 자동재생 -루트 기능(반복재생) -오류 메시지를 원하시는 텍스트로 보여줄 수 있습니다. ( 특정 언어를 셋팅하고자 하실 경우 language 파일을 만들어야 합니다. ) -키보드 컨트롤 설정 -뮤트 기능(음소거) -확장자 없는 URL 에 대응하여 mimeType 설정 -HLS 버퍼 길이 설정 -배속기능(playbacklate) 그 외에도 다양한 기능이 있습니다.