베지에 곡선(Bézier Curve) 이란 n개의 점으로부터 얻어지는 n-1차 곡선 이라고 위키피디아에 나와있습니다.딱히 그 정의가 중요한것은 아니고 우리는 이 곡선을 어떻게 그릴 것인가 가 중요합니다. 본 글에서는 html5 의 canvas 와 자바스크립트를 이용해 설명하도록 하겠습니다. 사실 html5의 canvas 나 svg 그외 많은 그래픽 라이브러리들이 베지에 곡선 그리기를 기본적으로 제공합니다.Canvas 기준으로 설명을 하면 Canvas 2D 의 컨텍스트 에는 세점을 이용하는 쿼드레틱(Quadratic Curve) 과 네 점을 이용하는 큐빅(Cubic Curve) 을 지원하는 메소드가 포함되어있습니다. 간단히 소개를 하자면 아래와 같습니다--위처럼 간단하게 세점 혹은 네점만 알면 알아서 계산..

[구너 플레이어] 15.08 버전, 순수하게 본인의 필요에 의해 만들어진 html5 기반의 음악 플레이어. 브라우저상에서 실행이되며 PHP 와 Http 서버가 필요함(디렉토리 인덱스 체크) mp3 와 ogg 를 지원하며 소스의 51번 라인 에 wav 등을 추가할 수 있음. 실행화면, 크기 자동조절. 소스상 표시문제로 테그를 -- 로 치환함 사용상 모든 브라우저를 지원하지만 mp3 파일등의 음원은 직접 구해서 플레이어가 있는 디렉터리에 함께 넣어주고 브라우저에서 주소를 열면 된다. 문의는 댓글로.

php로 음악파일 목록을 불러와 playlist 로 만들고 자동재생되도록 만들어보았습니다. 1차적으론 개인 파일서버에있는 음악들을 들으려고 만들었는데, 이정도면 배포해도 괜찮겠지 싶어서 일단은 배포합니다. 파일은 .php 로 음악이 있는 폴더에 저장하면 됩니다. 파일을 직접 올리지는 않겠습니다. php 에서 같은 디렉토리 내의 파일목록과 디렉토리목록을 리스트업해서 재생해줍니다. 우분투 환경에서 테스트하였고, 윈도우의 경우는 php가 한글을 인식하는게 문제가 있어서 안될듯.. 재배포와 수정은 자유이지만 처음 주석부분은 수정하지 않았으면 좋겠다. #music title