CXDI - Serve Technology

Posts

Showing posts with the label Audio Player

AudiPlayV2 Integration - Customizable HTML5 Audio Player with Template

Dev.to Article AudiPlayV2 - Customizable HTML5 Audio Player with Template AudiPlay Version 1 - Documentation | GitHub AudiPlay Version 2 - Documentation | GitHub Steps to Add this Player Put this html template just after starting of <body> Tag.  <template>  <style> button { padding : 0 ; border : 0 ; background : transparent ; cursor : pointer ; outline : none ; width : 40px ; height : 40px ; float : left ; } #audio-player-container { position : relative ; margin : 100px 2.5% auto 2.5% ; width : 95% ; max-width : 500px ;

Unlimited Audio Hosting and Embed on Website/Blogger ft. Vocaroo with Direct Download

Unlimited Audio Hosting and Embed on Website/Blogger ft. Vocaroo with Direct Download We can use unlimited audio hosting using Vocaroo.com . By Uploading Audio on it for free. Steps :- 1. Click on Upload (You can Also Record Your Voice) and Upload your song/audio. And Now Your Song is Uploaded Completely. Let's Show the Audio on your Website. We can do it using 2 ways. 1. Embedding with default player. 2. Getting the direct download link and use in Audio Tag.( Advantage :- Removed Watermark, Use your own Custom HTML5 Audio Player...) Embedding with default player. Steps :- 1. Click on Embed Button. 2. Copy Embed Code.and Paste it to your website. Demo :- Code :- <div><iframe width="100%" height="60" src="https://vocaroo.com/embed/1iZmkgctAMVc?autoplay=0" fra

AudiPlay Integration - Free HTML5 Audio Player

AudiPlay - HTML5 Audio Player AudiPlay Integration - Free HTML5 Audio Player See GitHub :- https://github.com/SH20RAJ/AudiPlay Steps To Integrate Step 1 :- Use class = "audiplay" in Your Audio Tag . HERE IS THE AUDIO TAG <audio controls class="audiplay" > <source src="https://cdn.jsdelivr.net/gh/sh20raj/AudiPlay/Ark.mp3" type="audio/mp3"/> </audio>  Step 2 :- Add Javascript CDN Just Before </ body > Tag HERE IS THE JAVASCRIPT CDN <script src="https://cdn.jsdelivr.net/gh/sh20raj/AudiPlay/audiplay.min.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 Play

jUnlimitmp3 - Convert Your GitHub MP3 to Free Unlimited Audio Storage and Bandwidth

jUnlimitmp3 jUnlimitmp3 - Convert Your GitHub MP3 to Free Unlimited Audio Storage and Bandwidth jUnlimitmp3 Website :- https://junlimitmp3.blogspot.com/ See Video Documentation :- GitHub Gives Unlimited Cloud Storage of Codes - See GitHub Doc You Can Create Unlimited Private and Public Repositories on Github . But the max-size of single file is 100mb . Here is a Sample Audio Fetched From :- https://github.com/ToolsAde/blob/main/tags/About-Me.mp3 <iframe src="https://junlimitmp3.blogspot.com/?v=ToolsAde/junlimitmp3/About-Me.mp3" width="300px" ></iframe> Here is The Result - You are Getting Unlimited Audio Storage Here Even if you delete your audio from GitHub , your audio will still be saved Just Generate code from Here

Top Free Unlimited Audio Hosting

Top Free Unlimited Audio Hosting 1. Github visit-> See Video Documentation :- See All Demo :- https://codexd-india.blogspot.com/2021/01/github-audio.html

Stylish HTML5 Audio Player Using Media Elements.js (Integration)

Stylish HTML5 Audio Player Using Media Elements.js (Integration) See Video Documentation :- Steps :- 1. Here a Simple HTML5 Audio Tag . < div class = "players" > < audio id = "player2" preload = "none" controls style = " width: 450px; " > < source src = "https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_1MG.mp3" type = "audio/mp3" > </ audio > </ div > 2. Add Css and Javascript CDNs . Css CDN  < link rel = "stylesheet" type = "text/css" href = "https://cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.6/mediaelementplayer.css" > JavaScript CDN  < script src = " https://cdnjs.cloudflare.