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

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 위 페이지를 통해서 사용법에 대한 다양한 매뉴얼을 확인해볼 수 있습니다.

이번에 소개해 드릴 자료는 에디터 입니다. ^^ ( WYSIWYG Rich Text Editor with HTML5 & jQuery ) 라이센스는 MIT 입니다. 주요특징 - 반응형 인터페이스 - 명령에 대한 글꼴 굉장 아이콘. - 기본 텍스트 서식 일반, 굵게, 기울임꼴, 클릭 시 밑줄. - 선택한 텍스트 나열 및 연결. - 텍스트 선택 시 텍스트 서식 메뉴와 같은 Microsoft Office를 표시합니다. 반응형 인터페이스라고 해서 모바일에서도 사용해 봤는데요. 모바일에서 간단한 텍스트 편집기로 사용하기에는 괜찮은 것 같습니다. 설치 방법 1. 소스 다운로드를 클릭하여 압축을 해제 한다. 2. 폴더에 접근하면 index.html 파일을 브라우저에 호출한다. 그 다음 사용해 보시면 됩니다. 세부적인 ..

HTML5 를 이용하여 음원을 재생하는 오디오 플러그인 입니다. 자체 기능을 사용하여 만들어진 것 같진 않습니다. 이유는 플레이어 코드를 봤을때 JPLAYER 를 사용한 흔적이 보입니다. js/zen.js 파일을 보니 확실하네요. jplayer 를 이용한 거군요. 하지만 디자인을 이쁘게 만들어놨네요.^^ 그래서 있는 기능 그대로 사용하실 경우 괜찮다 생각 합니다. 기능을 추가하여 사용하고자 하시는 경우 JPLAYER 를 참고하셔서 커스터마이징 하면 됩니다. Developer Guide 는 아래의 링크를 참고하세요. http://jplayer.org/latest/developer-guide/

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

새롭게 나온 html5에 대한 예제파일이 많습니다. 아직은 미흡한 부분도 있지만 html5 예제파일만큼은 다양하게 등록이 되어 있으니 확인해보시고 유용하게 사용하시기 바랍니다^^

HTML5에서 공식으로 채택한 자바스크립트 API들에 대하여 이해하기 쉽도록 예제와 참고사이트에서 제공하는 내용을 번역 또는 실정에 맞게 의역한 사이트 입니다 ^^ 앞으로 사용될 HTML5에 도움이 될것같아 자료를 찾아보았네요 ~ 자세한 내용은 상단의 링크를 통해서 페이지 내용들을 확인하실 수 있습니다

PSD 템플릿 파일 자료와 함께 원페이지 레이아웃의 웹 템플릿 파일 정보도 확인하실 수 있습니다. 무료 홈페이지 템플릿 자료를 활용하여 홈페이지 제작에 응용해 보실 수 있겠습니다.

초보자분들도 유용하게 사용할수 있는 소스 홈페이지입니다. html5, php 등 다양한 소스가 등록되어 있으며, 각각의 페이지에는 예제와 같은 소스가 추가 되어 있는부분이 많아 도움이 많이 되실것이니 유용하게 사용해보세요^^

HTML5 기초부터 응용단계까지 다용한 소스를 볼수있는 유용한 사이트입니다.^^ 사이트에 들어가시면 각 요소별로 분류가 되어 있고 요소마다 다른 요소와 바로 연결하여 확인을 할수가 있으니 유용하게 사용하시기 바랍니다.

html5 기초부터 배울수 있는 사이트입니다. 초보자분들에게는 이만한 사이트도 없을것입니다. 비롯 영어로 되어있지만 좋은 정보 많이 가져가시기 바랍니다^^