| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
- #이미지
- 해피CGI
- 해피씨지아이
- #웹솔루션
- 홈페이지
- #cgimall
- #홈페이지제작
- CGIMALL
- CSS
- #뉴스
- 솔루션
- #jQuery
- #image
- #해피CGI
- #CSS
- 이미지
- #업종별
- 게시판
- 홈페이지제작
- #쇼핑몰
- jquery
- #솔루션
- #동영상
- 웹솔루션
- happycgi
- javascript
- #홈페이지
- 사이트제작
- php
- #happycgi
- Today
- Total
목록html5 (22)
웹솔루션개발 26년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 간단하고 반응형인 HTML5 오디오 플레이어 - jQuery Fraudio
- 소개Fraudio는 최소한의 디자인과 깔끔한 인터페이스를 갖춘 반응형 맞춤형 오디오 플레이어 플러그인으로, audio태그와 함께 작동하며 ogg, mp3, wav 등 모든 HTML5 오디오 형식을 지원합니다. - 라이센스MIT- 사용 방법1. HTML 페이지에 jQuery 라이브러리와 jQuery Fraudio 플러그인의 축소 버전을 추가합니다.2. 태그 에 CSS 클래스를 추가하고 속성에 오디오 제목과 아티스트를 정의하면 됩니다 3. 자신만의 플레이어 스타일을 만들려면, 해당 파일의 변수를 재정의하고 수정하면 파일에서 형식화된 CSS 스타일이 생성됩니다 - 작동 화면
[해피CGI][cgimall] HTML5 Video and Audio Player Plugin - MediaElement.js
MediaElement.js 는 HTML5 mediaelement API를 기반으로 하는 유연하고 강력한 jQuery/JavaScript 오디오 및 비디오 플레이어 플러그인입니다. MP4, MP3, WebM은 물론 Dailymotion, Facebook, SoundCloud, Twitch, Vimeo 및 Youtube와 같은 거의 모든 오디오 및 비디오 형식을 지원합니다. 데모페이지에 접속해보면, 위 그림 처럼 동영상을 재생하기 위한 샘플 소스를 확인할 수 있습니다. 사용 방법은 아래와 같습니다. mediaelement/docs/usage.md at master · mediaelement/mediaelement · GitHub 위 페이지를 통해서 사용법에 대한 다양한 매뉴얼을 확인해볼 수 있습니다.
[해피CGI][cgimall] HTML5 & JQUERY 로 구성된 에디터 입니다.
이번에 소개해 드릴 자료는 에디터 입니다. ^^ ( WYSIWYG Rich Text Editor with HTML5 & jQuery ) 라이센스는 MIT 입니다. 주요특징 - 반응형 인터페이스 - 명령에 대한 글꼴 굉장 아이콘. - 기본 텍스트 서식 일반, 굵게, 기울임꼴, 클릭 시 밑줄. - 선택한 텍스트 나열 및 연결. - 텍스트 선택 시 텍스트 서식 메뉴와 같은 Microsoft Office를 표시합니다. 반응형 인터페이스라고 해서 모바일에서도 사용해 봤는데요. 모바일에서 간단한 텍스트 편집기로 사용하기에는 괜찮은 것 같습니다. 설치 방법 1. 소스 다운로드를 클릭하여 압축을 해제 한다. 2. 폴더에 접근하면 index.html 파일을 브라우저에 호출한다. 그 다음 사용해 보시면 됩니다. 세부적인 ..
[해피CGI][cgimall] HTML5 ZEN PLAYER
HTML5 를 이용하여 음원을 재생하는 오디오 플러그인 입니다. 자체 기능을 사용하여 만들어진 것 같진 않습니다. 이유는 플레이어 코드를 봤을때 JPLAYER 를 사용한 흔적이 보입니다. js/zen.js 파일을 보니 확실하네요. jplayer 를 이용한 거군요. 하지만 디자인을 이쁘게 만들어놨네요.^^ 그래서 있는 기능 그대로 사용하실 경우 괜찮다 생각 합니다. 기능을 추가하여 사용하고자 하시는 경우 JPLAYER 를 참고하셔서 커스터마이징 하면 됩니다. Developer Guide 는 아래의 링크를 참고하세요. http://jplayer.org/latest/developer-guide/
html5 로 지원되는 player 로 비디오/오디오 태그로 사용이 가능합니다. 핵심 플레이어 js 소스가 선언되어있는 상태에서 라는 소스로 사용하면 플레이어가 간단하게 삽입됩니다.
새롭게 나온 html5에 대한 예제파일이 많습니다. 아직은 미흡한 부분도 있지만 html5 예제파일만큼은 다양하게 등록이 되어 있으니 확인해보시고 유용하게 사용하시기 바랍니다^^
[해피CGI][cgimall] HTML5 자바스크립트 API
HTML5에서 공식으로 채택한 자바스크립트 API들에 대하여 이해하기 쉽도록 예제와 참고사이트에서 제공하는 내용을 번역 또는 실정에 맞게 의역한 사이트 입니다 ^^ 앞으로 사용될 HTML5에 도움이 될것같아 자료를 찾아보았네요 ~ 자세한 내용은 상단의 링크를 통해서 페이지 내용들을 확인하실 수 있습니다
PSD 템플릿 파일 자료와 함께 원페이지 레이아웃의 웹 템플릿 파일 정보도 확인하실 수 있습니다. 무료 홈페이지 템플릿 자료를 활용하여 홈페이지 제작에 응용해 보실 수 있겠습니다.
초보자분들도 유용하게 사용할수 있는 소스 홈페이지입니다. html5, php 등 다양한 소스가 등록되어 있으며, 각각의 페이지에는 예제와 같은 소스가 추가 되어 있는부분이 많아 도움이 많이 되실것이니 유용하게 사용해보세요^^