# audio 사용법

회사 프로젝트 내에서 클릭시 소리를 내를 작업하여 기록 남깁니다.

# 사용법

  • 매우 쉽습니다.
  • 자바스크립트 내 Audio 객체를 사용하여 이펙트를 작동합니다.
<template>
  <div
    @click="
      play(
        'http://soundbible.com/mp3/Air Plane Ding-SoundBible.com-496729130.mp3'
      )
    "
  >
    audioPlayer
  </div>
</template>
<script>
export default {
  methods: {
    play(sound) {
      if (sound) {
        var audio = new Audio(sound);
        audio.play();
      }
    }
  }
};
</script>
  • 위처럼 오디오 객체를 가져와서 play() 메소드로 실행합니다.
  • 이외 일시 정지 pause() 메소드도 있습니다.
#vue
노경환
이 글이 도움이 되셨다면! 깃헙 스타 부탁드립니다 😊😄
최근변경일: 9/23/2024, 2:14:43 AM