웹마스터 팁
SOUND 다루기 - 1
2008.10.01 09:46
음악 파일 연주하기
음악파일을 연주하는 태그는 EMBED, BGSOUND, OBJECT 등의 태그를 사용할 수 있지만, 네츠케이프와 익스플로러 양대 브라우저에서 동시에 사용하게 하려면 EMBED 태그를 사용하는 것이 일반적입니다
EMBED 태그를 사용해 음악파일을 연주하는 방법은 아래와 같습니다
<EMBED SRC="음악파일" LOOP = "TRUE/FALSE" AUTOSTART = "TRUE/FALSE" HIDDEN = "TRUE/FALSE" VOLUME="숫자" WIDTH="픽셀" HEIGHT="픽셀"> |
자, 하나하나 이 태그의 속성이 무엇을 말하는지 알아보도록 하겠습니다
SRC : 이미지 태그에서 <IMG SRC="그림파일"> 처럼 사용하듯이 이것 역시 음악파일이 있는 위치와 파일명을 말합니다 |
그럼, 위의 태그를 실제로 적용한 코드를 보도록 하죠
<EMBED SRC="http://www.jasko.co.kr/java_data/1.mid" LOOP = "TRUE" AUTOSTART = "TRUE" HIDDEN = "FALSE" VOLUME="5" WIDTH="300" HEIGHT="200"> |
이제 위의 기본 원리를 이해하셨다면 배열을 사용한 랜덤 배경음악을 연주하는 자바스크립트를 코딩해 보도록 하겠습니다
랜덤으로 배경음악 연주하기
<script> |
스크립트 에서는 4개의 음악파일을 배열로 정의하고 Math.random() 메소드에 의해 반환되는 난수를 이용해 랜덤으로 배경음악을 들려주고 있습니다
Math.random() 은 0에서 1 사이의 난수를 발생시켜 주는데 여기에 음악파일의 갯수(music.length) 즉, 4를 곱해주고 Math.floor 메서드를 실행하면 0 에서 3 사이의 정수를 반환받게 됩니다
이 정수가 로딩시의 배열번호(i) 가 되는 것이죠
어려우세요? Math 객체를 한번 더 공부 해 보시기 바랍니다
소스실행
예제적용사이트 : http://www.itbank.kr
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
[JavaScript] 텍스트 상자에서 메세지가 타이핑 됩니다 | SM | 2002.02.24 |
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
[JavaScript] 창의 사이즈 변경 금지 시키기 | SM | 2002.02.24 |
[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 | SM | 2002.02.24 |
[JavaScript] 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 해보자! [3] | 티르 | 2002.01.24 |
페이지마다 타이틀 변경하기 [3] | WOWpc | 2001.10.10 |
DHTM 을 이용한 마우스 오른쪽의 메뉴 만들기.. [11] | 허진규 | 2001.03.30 |
[Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] | BiHon | 2001.03.28 |
자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] | 지하넷 | 2009.05.04 |
노프레임 홈페이지 만들기 강좌 | H.N커뮤니티 | 2009.02.28 |
레이어의 개념 및 기초 지식 [1] | ITBANK.kr | 2008.10.01 |
SOUND 다루기 - 1 | ITBANK.kr | 2008.10.01 |
아이프레임 스크롤바를 투명하게 | wwolf | 2008.09.21 |
page에 웹페이지의 보드(게시판 ) 삽입 [2] | parkys | 2007.10.24 |
CSS 사용시 익스플로러 버그 해결하기. [3] | NineTail | 2007.08.28 |
폼방식으로 데이터를 넘길 때... [5] | 제로보드유저 | 2007.08.23 |
html 웹자료제작,교과목제작[사용법 동영상강좌] [3] | parkys | 2007.05.11 |
프레임 홈페이지 만들때 유용한 팁 [2] | 지오 | 2007.03.24 |
간지님 faq 따라하기.... [1] | 이진수 | 2007.01.11 |