Audio Player Block – Advanced Block for Embedding Audio Files vs PDF Embedder

A block for embedding a beautiful audio player on the WordPress website. It supports multiple audios as a playlist and you can select a single audio file to make a non playlist player. Get Pro Version Free Features Multiple Audio Management (Add / Remove Audios): Easily add or remove multiple audio tracks from the player with full control over your playlist. Track Details Input (Title & Artist): Set a custom title and artist name for each audio track to keep your content well organized. Cover Image & Audio File Upload: Upload audio files along with a cover image to create a more engaging and visually appealing audio player. Player Customization (Width, Height & Styles): Adjust the player’s width and height, and style it with custom colors, backgrounds, hover effects, and other design settings to match your website. Smart Audio Play / Pause Control: Play one audio track at a time while automatically pausing others; click again to pause the currently playing audio. Shortcode Integration: Use shortcode support to display the audio player anywhere on your website with ease. Pro Features Customize 5 Different Themes: Add 5 new themes with different looks and settings. Auto Play: Automatically start the next song once the current one ends, if enabled. Loop Mode: Enable looping of the current track once it finishes playing. Navigation Prev/Next: Easily navigate to the previous or next track in the playlist. Current & Total Time Display: Shows the current & total playback time of the audio track. Custom Stop Button: Show or hide a custom stop button based on your settings. Input Range Thumb: Customize the style of the range slider thumb for seeking. Playback Speed Control: Enable or disable playback speed adjustment options. Download Icon: Add an option to download the audio file directly from the player. Forward & Backward Button Visibility: Show or hide the forward & backward button for skipping parts of the track. Artist Opacity: Control the transparency of the artist’s name display. Thumbnail Border & Radius: Customize the border & radius of the track’s thumbnail image. Input Range Height & Radius: Adjust the height & radius of the seek range slider. Controls Border & Hover Border: Customize the border & hover border style of the player controls. Time Display Radius: Customize the corner radius of the time display boxes. Thumb Width, Radius, Outline & Shadow: Adjust the width, radius, outline & shadow of the seek range slider thumb. Wave Normal & Light Color: Set the base color & light of the audio waveform. Playlist Border & Radius: Customize the border and corner radius of the playlist displayed below the lite audio player. How to use First, install the Audio Player Block plugin Add the Audio Player Block from the block category called “Widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For installation help click on Installation Tab Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Audio Player Block on GitHub bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made Feedback Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us ⭐ Check out the Parent Plugin of this plugin- 🔥 B Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 Document Embedder – Best WordPress Document Embedder Plugin. 🔥 3D Viewer – Display interactive 3D models on the webs. 🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

Upload PDF files and embed them directly into your site’s posts and pages. It works as simple as adding images! Your PDF files will be automatically sized to their natural size and shape. You can also specify a width and the correct height will be calculated automatically. Our PDF Embedder plugin is fully responsive, so the embedded PDF will also look perfect, on any device. Additionally, the pdf embedder will automatically resize whenever the browser dimensions change. The plugin has a unique method for embedding PDF files with the immense flexibility over the appearance of your document. The PDF viewer has Next and Previous buttons to navigate the document, and zoom buttons if some areas of a PDF file are too small for your screen. Your PDF files are embedded within your existing WordPress pages so we have full control over appearance, and all Javascript and other files are served by your own server (not by Google or any other third-party who may not be able to guarantee their own reliability). This means your PDF files will load fast, without any speed penalty. Other PDF embedder plugins insert the PDF into an ‘iframe’ which means they do not get the flexibility over sizing. Ours does not and that is an incredible benefit to the overall viewing experience across all devices. In the free plugin, there is no button for users to download the PDF, but download options are available in the Premium versions along with other awesome features. Another Premium feature are Hyperlinks in your PDF being clickable. Links in the free plugin cannot be clicked. Usage Once installed and Activated, click Add Media from any page or post, just like adding an image, but drag and drop a PDF file instead. In the Classic Editor when you insert into your post, it will appear in the editor as a ‘shortcode’ as follows: [pdf-embedder url="https://example.com/wp-content/uploads/2024/01/Plan-Summary.pdf"] You can change the default appearance – e.g. width, and toolbar position/appearance through Settings -> PDF Embedder and also shortcode or block attributes. To override your site-wide defaults on an individual embed, see the Plugin Instructions for information about sizing options plus other ways to customize the shortcodes. Premium Features Features available in the PDF Embedder Premium versions: Download button in the toolbar Continuous scroll between pages Hyperlinks are fully functional Full screen mode Edit page number to jump straight to page Track number of downloads and views Mobile-friendly Secure option – difficult to download original PDF Removes wp-pdf.com branding See wp-pdf.com for details! Mobile-friendly embedding using PDF Embedder Premium The free version will work on most mobile browsers, but cannot position the document entirely within the screen. Our PDF Embedder Premium plugin solves this problem with an intelligent ‘full screen’ mode. When the document is smaller than a certain width, the document displays only as a ‘thumbnail’ with a large ‘View in Full Screen’ button for the user to click when they want to study your document. This opens up the document so it has the full focus of the mobile browser, and the user can move about the document without hitting other parts of the web page by mistake. Viewers can then Click Exit to return to the regular page. The user can also swipe continuously between all pages of the PDF which is more natural than clicking the navigation buttons to navigate. See our site wp-pdf.com for more details and purchase options. Protect your PDFs with our premium document embedder version Our PDF Embedder Premium plugin on its Pro plan provides the same simple but elegant viewer as the Basic version, with the added protection that it is difficult for users to download or print the original PDF document. This means that your PDF is unlikely to be shared outside your site where you have no control over who views, prints, or shares it. Optionally, add a watermark containing any text, including the logged in user’s name or email address to discourage sharing of screenshots. See our site wp-pdf.com for more details and purchase options. PDF Thumbnails Our PDF Thumbnails plugin automatically generates fixed image versions of all PDF files in your Media Library, to use on your site as you wish. You can use them as featured images in posts containing an embedded version of the PDF, or as a visual clickable link to download the PDF directly. It also displays the thumbnail as the “icon” for the PDF in the Media Library, making it easy for authors to locate the PDFs they need to insert in a post. See our site wp-pdf.com/thumbnails/ for more details and purchase options. With thanks to the Mozilla team for developing the underlying pdf.js technology used by this PDF documents viewer plugin.