Audio

    [javascript] 브라우저 관련 객체

    1. window window객체는 브라우저의 최상위 객체를 의미하며 아래 설명된 객체를 포함하는 객체이기도 합니다. 수많은 속성과 메서드가 존재하는데 전체를 다 알 수도 없고 알아보기도 어려워서 몇 가지만 추려서 살펴보고자 합니다. 참고로 alert 같은 기본적인 것도 window의 메서드로 처리되며 var를 통해 생성한 변수도 window의 속성으로 처리됩니다. open 새로운 window객체를 생성합니다. moveBy 윈도우를 지정한 위치로 이동시킵니다. (상대위치) moveTo 윈도우를 지정한 위치로 이동시킵니다. (절대위치) resizeBy 윈도우의 크기를 지정합니다. (상대크기) resizeTo 윈도우의 크기를 지정합니다.(절대크기) scrollBy 윈도우의 스크롤 위치를 이동시킵니다. (상대..

    [HTML5&CSS3] 오디오태그

    [HTML5&CSS3] 오디오태그

    웹상에서 오디오를 재생하기 위해서는 audio 태그를 사용합니다. HTML5 전용 태그이므로 익스플로러 8 이하에서는 사용할 수 없습니다. audio 태그에서 src는 음악파일의 경로를 지정하는 속성입니다. http://sample.mp3 처럼 웹상의 경로를 지정할 수 있고, /sample.mp3와 같이 서버상의 경로를 지정할 수도 있습니다. src속성에 사용하는 파일은 예제에서 mp3를 사용했으나 ogg나 wav같은 파일도 사용이 가능합니다. 다만 현재 이 글을 쓰는 시간 기준으로 크롬, 파이어폭스, 오페라만 이 세 가지 파일을 모두 지원하며 익스플로러는 mp3만, 사파리는 mp3와 ogg만 지원이 가능한 점 참고하시기 바랍니다. 만약 각 브라우저마다 각각의 파일형식에 대응해야 한다면 audio태그를 ..