Home
WordPress Plugins
Compact WP Audio Player free WordPress plugin

Compact WP Audio Player free WordPress plugin

Name: Compact WP Audio Player free WordPress plugin Wordpress Plugin
Rating: 5 (5 reviews)
Author: Tips and Tricks HQ

More Info/Download Plugins

Description

Compact WordPress Audio Player plugin is an HTML5 + Flash hybrid based wordpress plugin which can be used to embed an mp3 audio file on your WordPress post or page using a shortcode. The audio player is cute and compact and will play on all major browsers.

This audio player plugin Supports .mp3 and .ogg file formats.

The audio files that you embed using this plugin will work on all devices.

Features

The audio player is compact so it does not take a lot of real estate on your webpage
HTML5 compatible so the audio files embedded with this plugin will play on iOS devices
Works on all major browsers – IE7, IE8, IE9, Safari, Firefox, Chrome
The audio player is responsive.
If you do podcasting then this audio player can be used to embed the audio files on your WordPress posts or pages
If you are selling audio files from your site then you can use this plugin to offer a preview
Add the audio player to any post/page using shortcode
Use autoplay option to play an audio/mp3 file as soon as the page loads
Ability to specify both the mp3 and ogg version of your audio files. The plugin will play the appropriate one based on the device.

</span></p> <p>More details can be found on the Compact Audio Player Plugin Page</p> <h2>Usage</h2> <p>Use the following shortcode to embed an audio file anywhere on your site</p> <p>[sc_embed_player fileurl=”URL OF THE MP3 FILE”]</p> <p>Example shortcode:</p> <p>[sc_embed_player fileurl=”http://www.example.com/wp-content/uploads/my-music/mysong.mp3″]</p></div> </p> </div> <h3 class="font-semibold text-4xl">Tags:</h3> <ul class="flex gap-x-2 pb-4 border-b-4 border-gray-400"> <li> <a href="https://oxtheme.com/plugins-search/?q=audio" class="text-xs"> audio </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=audio player" class="text-xs"> audio player </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=embed" class="text-xs"> embed </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=media" class="text-xs"> media </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=media player" class="text-xs"> media player </a> </li> </ul> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-3 font-semibold text-4xl">Author</h2> <p class="mb-4 font-semibold text-sm w-48 word-break-all text-teal-600"> <a href="https://oxtheme.com/plugins-search/?q=Tips and Tricks HQ"> Tips and Tricks HQ </a> </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Used on</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> 11669 websites </p> </div> </div> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Folder</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> compact-wp-audio-player </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Pricing</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> Free Plugin </p> </div> </div> <ul class="grid grid-cols-5 md:grid-cols-5 gap-4"> <li> <a rel="noreferrer noopener nofollow" href="https://be.elementor.com/visit/?bta=64676&nci=5626" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/elementor200x200.png" border="0" width="250" height="250" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://crocoblock.com/?ref=10375" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/Crocoblock-280X280-dark.jpg" border="0" width="250" height="250" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=2344585&u=94913&m=41388&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/250x250WPEBanner-replacing1144536.png" border="0" alt=""/> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://digitalocean.pxf.io/c/3546921/1373777/15890" target="_blank" id="1373777"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/15890-1373777.jpg" border="0" alt="" width="300" height="250"/></a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1373777/15890" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1836136&u=94913&m=46483&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/2021_DP_compromo_ad_250x250.png" border="0" alt=""/> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1898312&u=94913&m=37723&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/SquareOnline_SOS_Wave2_336x280_Blue.gif" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1866994&u=94913&m=82629&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/02_ScalaHosting_banner_v6_2_250x250.png" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://partners.hostgator.com/c/3546921/215609/3094" target="_top" id="215609"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/3094-215609.png" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://partners.hostgator.com/i/3546921/215609/3094" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a rel="noreferrer noopener nofollow" href="https://bluehost.sjv.io/c/3546921/1465797/11352" target="_top" id="1465797"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/11352-1465797.jpg" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1465797/11352" style="position:absolute;visibility:hidden;" border="0" /> </li> </ul> </div>  <div class="flex items-center justify-center p-4"> <a href="https://1.envato.market/c/3546921/522999/4415" target="_top" id="522999"> <img src="https://img.oxtheme.com/affiliate/4415-522999.png" alt="" width="970" height="90"/> </a> <img height="0" width="0" src="https://1.envato.market/i/3546921/522999/4415" style="position:absolute;visibility:hidden;" border="0"/> </div> <footer class="footer p-10 bg-base-200 text-base-content"> <nav> <header class="footer-title">Resources</header> <a class="link link-hover" href="https://oxtheme.com/creator/" rel="noreferrer nofollow">Theme Creator</a> <a class="link link-hover" href="https://oxtheme.com/blog/" rel="noreferrer nofollow">Blog</a> <a class="link link-hover" href="https://oxtheme.com/user/favourites/" rel="noreferrer nofollow">Favourites</a> </nav> <nav> <header class="footer-title">Free Tool</header> <a class="link link-hover" href="https://oxtheme.com/wordpress-theme-detector/" rel="noreferrer nofollow">WordPress Theme Detector</a> </nav> <nav> <header class="footer-title">Directory</header> <a class="link link-hover" href="https://oxtheme.com/plugins/">WordPress Plugins</a> <a class="link link-hover" href="https://oxtheme.com/premium-themes/">WordPress Premium themes</a> <a class="link link-hover" href="https://oxtheme.com/premium-tag/">WordPress Theme Tags</a> <a class="link link-hover" href="https://oxtheme.com/collections/">WordPress Theme Collections</a> </nav> <nav> <header class="footer-title">Abouts</header> <a class="link link-hover" href="https://oxtheme.com/privacy/" rel="noreferrer nofollow">Privacy Policy</a> <a class="link link-hover" href="https://oxtheme.com/sitemaps.xml">Sitemaps</a> </nav> </footer> <footer class="footer skeleton px-10 py-4 border-t bg-base-200 text-base-content border-base-300"> <aside class="items-center grid-flow-col"> <p id="copyright">Copyright © <span id="currentYear">2024</span> - All right reserved.</p> </aside> <nav class="md:place-self-center md:justify-self-end"> <div class="grid grid-flow-col gap-4"> <a href="https://twitter.com/rockking92" target="_blank" rel="nofollow"> <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black" /> </svg> </a> </div> </nav> </footer>  <button id="back-to-top" class="hidden fixed bottom-64 right-2 p-3 rounded-full bg-black text-white shadow-lg hover:bg-gray-900 focus:outline-none"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> </svg> </button> </body> <script src="/static/js/jquery.js"></script> <script> document.getElementById("menu-button").addEventListener("click", function () { let menuLinks = document.getElementById("menu-links"); if (menuLinks.style.display === "none" || menuLinks.style.display === "") { menuLinks.style.display = "block"; } else { menuLinks.style.display = "none"; } }); const ob = new IntersectionObserver((entries) => { for (const entry of entries) { if (entry.intersectionRatio) { const img = entry.target img.src = img.dataset.src ob.unobserve(img) } } }, { threshold: 0 }) const imgs = document.querySelectorAll('img[data-src]') imgs.forEach((imgEle) => { ob.observe(imgEle) }) // Wait for the DOM to be ready document.addEventListener('DOMContentLoaded', function () { window.addEventListener('load', function () { document.getElementById('loadingSpinner').classList.add('hidden'); }); }); if (document.domain !== 'oxtheme.com' && document.domain !== 'www.oxtheme.com') { window.location.href = 'https://oxtheme.com'; } // year document.getElementById("currentYear").textContent = new Date().getFullYear(); document.addEventListener('DOMContentLoaded', function () { let dropdownButton = document.getElementById('dropdownButton'); let dropdown = document.getElementById('dropdown'); dropdownButton.addEventListener('click', function () { if (dropdown.classList.contains('hidden')) { dropdown.classList.remove('hidden'); } else { dropdown.classList.add('hidden'); } }); window.addEventListener('click', function (e) { if (!dropdown.contains(e.target) && !dropdownButton.contains(e.target)) { dropdown.classList.add('hidden'); } }); }); // 控制按钮显示与隐藏的变量 let button = document.getElementById('back-to-top'); // 滚动时显示按钮 window.addEventListener('scroll', function() { if (window.scrollY > 300) { button.classList.remove('hidden'); } else { button.classList.add('hidden'); } }); // 回到顶部隐藏按钮 button.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); button.classList.add('hidden'); }); </script> <style> .word-break-all { word-break: break-all; } </style> <style> #loadingSpinner { display: none; } @media (min-width: 1024px) { #menu-links { display: flex !important; } } @media (max-width: 1024px) { #menu-links { display: none; } } /* 基础样式 */ #dropdown { width: 320px; } /* 当屏幕宽度大于1024px时 */ @media (min-width: 1024px) { #dropdown { width: 750px; /* 全宽 */ } } </style> </html>