Webaudio api

  • 186 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
186
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. Web Audio API
  • 2. What’s Web Audio API?
  • 3. <AUDIO></AUDIO>• 단순히 오디오 파일을 재생하는 것이 핵심• 주로 긴 오디오 파일을 재생하는데 적절함
  • 4. Web Audio API• 재생을 넘어 사운드 생성도 가능• 짧은 오디오 파일을 정확한 타이밍에 연주할 수 있다.
  • 5. 일반적인 사용처• Sound of Games• Audio Sequencer• Audio Editing
  • 6. Digital Audio Basics
  • 7. 소리는 공기의 떨림• 공기의 압력 변화가 소리를 귀로 전달함• 빠른 진동은 높은 소리, 느린 진동은 낮은 소리• Hz(hertz)라는 단위를 사용, 소리의 고저를 표현• 인간은 20Hz~20,000Hz의 소리만 들을 수 있
  • 8. 소리를 디지털화 하기• 소리의 진동을 전기적 신호로 변환하여 샘플링• 가장 일반적인 Sampling Rate는 44,100Hz(CD)• Web Audio API를 이용해 Javascript로 샘플링 데이타를 array로 다룰 수 있다. http://zuu.kr/pvz
  • 9. 소리를 디지털화 하기• 소리의 진동을 전기적 신호로 변환하여 샘플링• 가장 일반적인 Sampling Rate는 44,100Hz(CD)• Web Audio API를 이용해 Javascript로 샘플링 데이타를 array로 다룰 수 있다. http://zuu.kr/pvz
  • 10. http://slides.agektmr.com/webaudio_basic/english.html#17http://www.html5rocks.com/en/tutorials/webaudio/intro/http://html5-demos.appspot.com/static/whats-new-with-html5-media/template/index.html#34
  • 11. DEMOzuu.kr/pvu