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

# 플러그인 소개 Hazel은 일정 시간 후에 자동으로 사라지는 고정된 토스트 모양의 알림 팝업 을 만드는 아주 작은 jQuery 플러그인입니다 .기본, 성공, 어둡고, 위험하고, 경고의 5가지 기본 테마가 제공됩니다. 기존 테마를 사용자 지정하거나 나만의 테마를 추가할 수도 있어 알림이 어떻게 보이는지에 유연성을 제공합니다. # 장점 CSS가 JavaScript 파일 자체에 포함되어 있다는 것입니다. 즉, 별도의 스타일 시트를 포함할 필요가 없으므로 모든 것이 깔끔하게 유지됩니다.# 라이센스MIT 라이센스# 사용방법 1. 라이브러리 호출 script src="https://code.jquery.com/jquery-3.7.0.min.js">script>script src="hazel.js">script>..

MediaElement.js는 HTML5 mediaelement API를 기반으로 하는 유연하고 강력한 jQuery/JavaScript 오디오 및 비디오 플레이어 플러그인입니다 .라이센스는 MIT 라이센스 입니다. HTML5 의  VIDEO 태그를 기반으로 한 플레이어 입니다. 지원 포맷은 MP4, MP3, WebM은 물론 Dailymotion, Facebook , SoundCloud, Twitch, Vimeo, Youtube 등 거의 모든 오디오 및 비디오 포맷을 지원합니다.압축 해제하시면 demo / index.html 파일이 있습니다. 해당 파일을 실행하시면 플레이어 화면 확인 가능 합니다. Sources 부분을 보면 영상 주소를 플레이어에게 전달합니다. label>Sources    select ..

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

JavaScript 로 만들어진 HTML5 형 오디오 플레이어 입니다. 플레이어의 주요기능 - 플레이어 확대축소 - 플레이 리스트 - 플레이 리스트 확대 축소 - 볼륨 설정 - 재생/일시 중지 - 셔플 - 자동재생 사용방법 압축파일 해제하시면 index.html 파일이 존재합니다. 해당 파일에서 플레이 리스트를 컨트롤 할 수 있습니다. 그 외의 플레이어는 모두 js/script.js 에서 컨트롤 하고 있습니다. 별다른 수정 없이 디자인만 수정하여 사용하기에는 좋은 듯 합니다.

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