The Audio block in WordPress allows you to add audio files such as music, podcasts, or other sound files to your WordPress posts and pages.
Today, in this tutorial, we will show you how to use the audio block in WordPress effectively, from its benefits to its toolbar features and the step-by-step use process below.
Before that, we will start our tutorial by discussing the WordPress audio block more.
Create Beautiful Tables
With Block Editor
What is the WordPress Audio Block?
The audio block is a core WordPress block that lets you upload, embed, and play audio files on your WordPress website. It supports various audio formats, such as mp3, wav, etc.
Again, it offers a simple interface to embed audio without relying on external audio players. Also, it offers a play button, playback speed control button, and audio download button for users.
What are the Toolbar Features of the Audio Block?
The audio toolbar comes with the straightforward features below.
- Audio Transform: This functionality transforms your audio block into columns, detals, file, and group.
- Drag: Allows you to drag and drop the dedicated block into any place in the editor.
- Moving Handle: Moving handle lets you move your block up and down.
- Align: The align option lets you set the audio alignment to None, Wide Width, Full Width, Left, Center, and Right.
- Caption: You can add captions using the editor option for your audio.
- Replace: The replace option lets you replace your current audio with the other audio, upload new audio, or reset the block.
- More Options: Offers more options related to the section of the block, such as duplicate, copy, group, etc.
What are the Features of the WordPress Audio Block?
The audio block is perfect for audio influencers such as podcasters, musicians, and bloggers who work with music. There are numerous features, and some of them are discussed below.
- Improved Engagement: Audio content can make your posts more interactive and engaging, capturing your audience’s attention in new ways.
- Seamless Integration: Easily add audio files without needing third-party plugins or players.
- Customizable Player: Offers basic customization, such as playback controls and file descriptions, to align with your content style.
- Enhanced Accessibility: You can reach users who prefer listening to content rather than reading it.
You will also get the following features after adding the audio block.
- Play Pause Button: Allow users to play or pause the audio.
- Audio Length: Shows you the total audio lengthe.
- Audio Length Slider: Using the slider you can listen specific part of the audion.
- Volume Control: Let’s you adjust the sound volume for your audio player.
- More Option
- Download Option: Allows you to download the audio.
- Playback Speed: Allows you to adjust the playback speed of the audio.
How to Use the Audio Block in WordPress?
As we will share the tutorial of the core WordPress audio block, we will not use any plugin. Make sure to follow us through.
Step 1: Insert the Audio Block
Go to your post, click the Add Block (“+“) Add Block icon (1), type “Audio” in the search box (2), and click “Audio” (3).
Step 2: Insert Audio
When the block inserted into the editor, it will show you 3 options for adding audio files. Select any of the options to upload your audios.
- Upload: You can upload your Audio files using the upload option.
- Media Library: This lets you select audio file from your media library that have already been uploaded before.
- Insert From URL: You can insert the audio using the links.
How to Insert Audio Via Upload Option
To insert audio files, click the upload button, select your audio, and click open. It will be open in the editor after that.
How to Insert audio Via Media Library Option
Click the Media Library button, select the audio, and click the Select button to insert the audio into the editor.
How to Insert audio Via Insert from URL Option
Select the Insert from URL button, input the link, and it will be displayed in the editor.
Step 3: Add More Features to the Audio Player
There are more settings you will find at the audio block settings. To access the block settings, navigate Settings (1) > Block (2) > Settings (3).
- Autoplay: Let’s you define if the audio will play automatically or not.
- Loop: Let’s you enable or disable audio loop.
- Preload: This option lets you choose how much of the audio file loads initially.
- Browser default: The audio player follows settings from site visitor’s browsers.
- Auto: Auto downloads the entire audio file, impacting load speed significantly, especially for large files
- Metadata: Only basic file info is downloaded until Play is clicked, similar to the None option, with minimal difference between the two.
- None : This option lets audio file download only after the visitor clicks Play.
The Styles option lets you adjust the margin and padding of the audio player.
So that’s how you should use a audio player and master all of its functionalities.
Final Thoughts!
I hope, the tutorial has been easy to follow. The Audio block simplifies the process of addign and managing audio content in WordPress.
Explore the toolbar features, customize the settings, and integrate engaging audio content to elevate your site’s user experience.
Start experimenting with the Audio Block today and unlock the potential of audio for your WordPress site!
Read More!
