웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
리눅스에서 APM 설치 [9] | zero | 2000.05.31 |
페이지 자동 이동 방법 3가지!!! [10] | zero | 2000.03.06 |
교육용 메모장 #1 [53] | zero | 2000.07.10 |
교육용 메모장 #4 [18] | zero | 2000.07.10 |
교육용 방명록 #1 [전체구성 설정, 테이블 생성, 기본함수 정의] [50] | zero | 2000.07.03 |
교육용 방명록 #2 [글쓰기 폼 작성] [11] | zero | 2000.07.03 |
교육용 방명록 #3 [글쓰기 폼에서 넘어온 값을 DB에 입력하기] [5] | zero | 2000.07.03 |
교육용 방명록 #6 [수정된 값을 넘겨받아서 비밀번호를 비교하고 변경하여 줍니다.] [2] | zero | 2000.07.03 |
노프레임/카운터에 관련된 PHP함수 팁 몇가지 [1] | 차카게살자 | 2001.12.28 |
PHP 인증 페이지를 만들자! - Lesson 1 수정본 #2 | ☺[폐]허접-_- | 2002.01.24 |
PHP 인증 페이지를 만들자! - Lesson 2 수정본 #1 [5] | ☺[폐]허접-_- | 2002.01.24 |
PHP 인증 페이지를 만들자! - Lesson 3 수정본 #1 [3] | ☺[폐]허접-_- | 2002.01.24 |
배경 음악을 한번만 실행 시키기 - 쿠키이용 [4] | 오기 | 2001.12.02 |
주소에서 음악 파일만 빼와 윈앰프로 실행하기
[1]
![]() | 오기 | 2001.12.04 |
공부용 방명록이에욥^^. 주석왕창(페이지분할등.기능있어욥~) [2] | 프리^^ | 2001.04.16 |
대화방을 만들어보쟈~ [20] | 해그리드짱!!! | 2001.06.03 |
홈페이지에 실시간뉴스 보여주기 [19] | looster | 2001.06.05 |
php 로 swf 맹글기 [3] | 리산 | 2001.08.30 |
알렉사 순위 가져오는 스크립트;;
[30]
![]() | zero | 2001.11.06 |
[추천 소스] 특정일로부터 몇일 지났나 또는 몇일 남았나 알아보는 소스 ㅡ.ㅡ; [1] | 타스케 | 2001.11.15 |