#javaScript #vueJs #사운드 #HTML #웹페이지 #웹사운드 javaScript , vue.js 에서 사운드 재생하기 웹 페이지에서 사운드를 재생하는 것은 사용자가 사이트에서 더욱 즐거운 시간을 보낼 수 있도록 해줍니다. 이를 위해서 HTML5와 JavaScript를 이용하여 사운드를 웹 페이지에 삽입하는 방법을 알아보겠습니다.
HTML + javaScript HTML과 JavaScript를 사용하여 소리를 추가하는 방법에는 여러 가지가 있습니다. 가장 일반적인 방법은 HTML5 Audio 요소를 사용하는 것입니다.
이 요소는 다양한 오디오 형식을 지원하며 간단하게 사용할 수 있습니다. HTML5 Audio 태그 HTML5의 Audio 태그를 사용하면 브라우저에서 오디오를 쉽게 재생할 수 있습니다.
이를 위해서는 `audio` 태그를 이용하고, `src` 속성에 재생하고자 하는 오디오 파일의 경로를 지정해 주면 됩니다. ...
![[ javaScript ] 사운드 재생하기 + vue.js , 재생시간 표시](https://mblogthumb-phinf.pstatic.net/MjAyMzAzMDdfNDQg/MDAxNjc4MTU1ODk4NTE1.s8m70-IhCkf72JppFnHOz6_uRJwgahfN2KH0iH-RiVQg.ySJ6cRIvVR8RnNDzLyecpHnDXB8d8WrxunLVzuBIXLYg.PNG.twilight_teatime/Vue.js_Logo_2.svg.png?type=w2){kind=logo}
#
HTML
#
javaScript
#
vueJs
#
사운드
#
웹사운드
#
웹페이지
![[ HTML ] DB에 저장되어있는 비밀번호를 가져와 비밀번호 유효성 검사하기. ( 게시글 비밀번호, 로그인 비밀번호 검사 ) _소스코드](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
![[ Java API ] #2. 구글 마이 비즈니스( Google My Business ) Java API 구현하기. [ GMB 예제 ] [ Google OAuth2.0 영구 인증 ]](https://mblogthumb-phinf.pstatic.net/MjAxOTAyMjVfMjI3/MDAxNTUxMDk4MzM1Mjc3.2sNmLK38aibi4yBriQyuiG3XffSKl2gKT6ZNCgiW7kcg.9X8ThF9H1DIaX8EPym9RwJUon2PO0OE_u6cXCmob0C4g.PNG.twilight_teatime/SE-b99ddd65-7415-4efc-ac0c-939b681960f6.png?type=w2)
![[ git ] Repository 옮기기](https://mblogthumb-phinf.pstatic.net/MjAyMjEyMjFfMTkw/MDAxNjcxNjA5MTk2OTM3.f1qEMO2GT1336yXznAxZCjH-2BrMVqNhXaskqLliT4og.CUIB87zJZvUH-NMRHrs9HW_t2ZXvjY2DdBADpPltqFUg.PNG.twilight_teatime/git.png?type=w2)
![[ React ] + Typescript 에서 D3.js 사용하기](https://mblogthumb-phinf.pstatic.net/MjAyMzA3MzFfMTI1/MDAxNjkwNzY3MTI1ODY4.jJkHKpiWxOBuwqjoK-UxxQXNn28bLPizYip2HtgclMwg.jNcsMHP9B6GbTmEdIIj4vE7OO75pa3kEHGDubPPcDrcg.PNG.twilight_teatime/react.png?type=w2)