AudiPlay Integration - Free HTML5 Audio Player

 

AudiPlay - HTML5 Audio Player

AudiPlay Integration - Free HTML5 Audio Player










Steps To Integrate

    Step 1 :- Use class="audiplay" in Your Audio Tag .

    <audio controls class="audiplay" >
        <source src="Ark.mp3" type="audio/mp3">
    </audio>

    Step 2 :- Add Javascript CDN Just Before </body> Tag

            <script src="https://cdn.jsdelivr.net/gh/SH20RAJ/AudiPlay/audiplay.js"></script>


You can also Use Style Attribute in your Audio Tag i.e. -:  style="width: 700px;" and You Will Get Responsive Audio Player .

Before Adding AudiPlay - Free HTML5 Audio Player





After Adding AudiPlay - Free HTML5 Audio Player


What You Can Do 

Add nodownload Attribute to Your Audio Tag To disable the Download Button .

Like This -

    <audio controls class="audiplay" nodownload>
        <source src="Ark.mp3" type="audio/mp3">
    </audio>

Now You Will Get -

After Disableing Download using nodownload Attribute



Here how the Total HTML will look like ...

    <audio controls class="audiplay" style="width: 700px;">
        <source src="Ark.mp3" type="audio/mp3">
    </audio>

    <script src="https://cdn.jsdelivr.net/gh/SH20RAJ/AudiPlay/audiplay.js"></script>



Post a Comment

Post a Comment (0)

Previous Post Next Post