일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 파이썬
- PYTHON
- Git
- AWS
- django ORM
- 알고리즘 연습
- MAC
- Baekjoon
- react
- django widget
- 알고리즘
- web
- django rest framework
- c++
- es6
- 알고리즘 문제
- API
- Django
- javascript
- DRF
- java
- 백준
- 파이썬 알고리즘
- js
- Algorithm
- 장고
- CSS
- 알고리즘 풀이
- form
- HTML
Archives
- Today
- Total
수학과의 좌충우돌 프로그래밍
[javascript] Audio 객체를 이용한 음악 파일 다루기 본문
html5 부터는 javascript 를 이용하여 간단히 음악 파일을 다룰 수 있습니다. 이에 대해서 알아보도록 하겠습니다.
Audio 객체
그러기 위해서는 Audio 객체
를 사용합니다. 이를 선언하는 방법은 다음과 같습니다.
var audioFile = new Audio();
Audio 객체
는 다음과 같은 속성을 가집니다.
-
src
음악 파일의 경로나 url 을 지정합니다.
-
volume
음악의 음량을 설정합니다. 0~1 사이의 값을 가지며, 1에 가까울수록 소리가 큽니다.
-
currentTime
음악의 재생 지점입니다. 초 단위이며. 0 값인 경우에 처음부터 음악을 재생합니다.
-
loop
음악의 반복 여부를 결정하며 boolean 값을 갖습니다.
Audio 객체
는 다음과 같은 메소드를 가집니다.
-
play()
음악을 재생합니다.
-
pause()
음악을 일시정지 합니다.
처음부터 재생
음악을 처음부터 재생하는 정지
에 해당하는 메소드가 존재하지 않습니다. 이 경우, pause
와 currentTime
을 함께 사용해줍니다.
var audioFile = new Audio('음악 파일의 경로');
audioFile.pause();
audioFile.currentTime = 0;
이 밖의 여러 속성 및 메소드는 여기 서 확인할 수 있습니다.
'웹프로그래밍 > javascript' 카테고리의 다른 글
[javascript] 회원가입 시, 아이디 중복 확인하기 - ajax (0) | 2019.06.30 |
---|---|
[javascript]삭제 시 경고창 띄워주기 (0) | 2019.04.03 |
[javascript] JSON.parse() 을 사용하여 python 데이터 사용하기 (3) | 2019.03.29 |
Comments