[vue] vue에서 오디오 사용
<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>
//file for export
export const AudioPlay = (file) => {
new Audio(`/static/sounds/${file}`).play(); //under folder public
};
//file import
import {AudioPlay} from './comm';
//onClick event
AudioPlay('stockin-ok.mp3');
Author And Source
이 문제에 관하여([vue] vue에서 오디오 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@iamhch/vue-vue에서-오디오-사용저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)