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

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

반응형 HTML5 플레이어 입니다. ( Youtube, Vimeo 지원 ) 예전에 plyr 에 대해서 소개해 드린적이 있는데요. ( http://happycgi.com/16211 ) 그때 안내드린 개발중인 기능들이 새롭게 추가되었네요. [ 기능 안내 ] - VVT 캡션 및 화면 판독기에 대해서 완벽히 지원 합니다. - 플레이어 디자인을 다양하게 변경 가능 합니다. - 모든 크기에 반응하는 반응형 플레이어 입니다. - HTML Video + Audio 지원 합니다. - 임베디드형 Youtube, Vimeo 지원 합니다. - 동영상에 AD 기능 삽입 가능 합니다. - 스트리밍 hls.js, Shaka 및 dash.js 스트리밍 지원 합니다. - API 제공 합니다. - Vimeo, Youtube API 를 ..

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..

라이센스는 MIT 라이센스 입니다. 구성은 Javascript + Html 로 구성된 플레이어 입니다. Streaming Formats : HLS, FLV 지원 합니다. Media formats : MP4 H264, WebM, Ogg Theora Vorbis 지원 합니다. 기능 중에 톡득한 기능들이 있는데요. 스크린샷, 퀄리티 스위칭 기능 입니다. 이 정도면 간단한 플레어로 사용할만 합니다. ^^ ​ ​ ​

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