이 기사는 주로 HTML5 태그 오디오의 스타일 수정을 소개합니다. HTML5 오디오 태그 스타일에 대한 지식에 관심이있는 친구들은 함께 배울 것입니다. HTML5의 새로운 요소 태그를 소개하겠습니다.
SRC : 오디오 파일 경로.
AutoBuffer : 페이지가로드 될 때 오디오를 자동으로 버퍼링할지 여부를 설정합니다.
AUTOPLAY : 오디오가 자동으로 재생되는지 여부를 설정합니다.
루프 : 오디오를 반복 해야하는지 여부를 설정하십시오.
컨트롤 : 재생, 일시 정지 및 볼륨 컨트롤 추가를위한 속성.
HTML5의 인기로 인해 대부분의 휴대폰 요구는 오디오를 사용하여 오디오를 재생할 수 있지만 매우 간단한 재생/정지 효과가 필요할 수 있지만 다른 브라우저의 오디오 스타일은 만족스럽지 않으므로 간단히 캡슐화했으며 효과는 다음과 같습니다.
기술 구현으로서 원리는 비교적 간단합니다. 이는 기본 오디오를 숨기고 DIV를 사용하여 플레이어의 효과를 표시 한 다음 클릭 이벤트를 호출하여 재생 및 중지를 트리거 한 다음 지속 시간을 트리거합니다. 이 값은 때때로 얻을 수 있지만 때로는 가능하지 않아 상당히 불쌍합니다. 따라서 오디오 태그의 지속 시간을 사용자 정의하는 것이 좋습니다. 이 시점에서 구성 요소가 얻을 수 없으면이 값이 얻어집니다.
코드를 복사하십시오