HTML 5 오디오 태그에 스타일을 지정할 수 있습니다. "controls" 속성이 있는 오디오 태그를 사용하면 기본 브라우저 플레이어가 사용됩니다. 브라우저 컨트롤을 사용하지 않고 사용자 정의할 수 있습니다.
컨트롤 제거 속성, 당신은 내장 브라우저 사용자 인터페이스를 숨길 수 있습니다 -
<audioid = "player" src = "kalimba.mp3"></audio> <div> <buttononclick = "document.getElementById('player').play()">Play</button> <buttononclick = "document.getElementById('player').pause()">Pause</button> <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button> <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button> </div>
각 요소에 CSS 클래스를 추가하고 그에 따라 스타일을 지정할 수도 있습니다.