AudiPlay 통합 - 무료 HTML5 오디오 플레이어

AudiPlay - HTML5 오디오 플레이어

AudiPlay 통합 - 무료 HTML5 오디오 플레이어

GitHub 참조 :- https://github.com/SH20RAJ/AudiPlay

통합 문서 참조 :- https://codexdindia.blogspot.com/2021/02/audiplay-integration-free-html5-audio.html

통합 단계
1단계:- 오디오 태그에 class="audiplay"를 사용합니다.

여기 오디오 태그가 있습니다

<audio controls class="audiplay" >
     <source
     src="https://cdn.jsdelivr.net/gh/sh20raj/AudiPlay/Ark.mp3"
     type="audio/mp3"/>
</audio>
<!--Here is the Audio Tag Library-->

2단계:- 태그 바로 앞에 자바스크립트 CDN 추가

여기 자바스크립트 CDN이 있습니다.

<script src="https://cdn.jsdelivr.net/gh/sh20raj/AudiPlay/audiplay.min.js"></script>
<!--Here is the JavaScript Library-->

오디오 태그에서 스타일 속성을 사용할 수도 있습니다. 예: -: style="width: 700px;"반응이 빠른 오디오 플레이어를 얻을 수 있습니다.


AudiPlay를 추가하기 전에 - 무료 HTML5 오디오 플레이어


AudiPlay 추가 후 - 무료 HTML5 오디오 플레이어

당신이 할 수 있는 일
다운로드 버튼을 비활성화하려면 오디오 태그에 nodownload 속성을 추가하세요.

이와 같이 -
여기에 오디오 태그가 있습니다

    <audio controls class="audiplay" nodownload>        <source src="Ark.mp3" type="audio/mp3">    </audio>    <!--Here is the Audio Tag Library-->

Now You Will Get -

Here how the Total HTML will look like ...

HERE IS THE FULL HTML EXAMPLE