audio 태그를 사용하여 음악파일 실행하기

12/15/2021
2 minutes to read

강의

코드: audio-tag-demo.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>audio 태그를 사용하여 음악파일 실행하기</title>
</head>
<body>

    <!-- autoplay는 최근 웹브라우저에서는 기능이 중지되었습니다. -->

    <audio src="./Assets/Audios/Guitar.mp3" controls autoplay></audio>
    <audio src="./Assets/Audios/Bass.mp3" controls autoplay></audio>
    <audio controls autoplay>
        <source src="./Assets/Audios/Drum.mp3" type="audio/mp3" />
    </audio>
    <audio controls autoplay loop>
        <source src="./Assets/Audios/Crunch.mp3" type="audio/mp3" />
    </audio>
    <audio controls autoplay loop>
        <source src="./Assets/Audios/Pizzicato.mp3" type="audio/mp3" />
    </audio>

</body>
</html>

실행

autoplay는 최근 웹브라우저에서는 기능이 중지되었습니다.

IE에서 실행

오디오 태그 IE

Chrome에서 실행

오디오 태그 Chrome

추천 자료: .NET Blazor에 대해 알아보시겠어요? .NET Blazor 알아보기를 확인해보세요!