in ,

Add audio and create playlist in WordPress

In this post I going to show you how to add audio and create playlist in wordpress without using any plugin or code. As I know WordPress uses HTML5 audio tag to embed audio files. It is compatible with most modern devices and works particularly well for mobile devices. HTML5 audio tag supports MP3, OGG, and WAV file formats. To add the audio and crate the playlist follow the tutorial below:

Adding a Single Audio File in WordPress

add audio and create playlist-1

Next, a media uploader popup will appear on your screen. You need to click on the upload file button to select and upload your audio file (mp3, wav, ogg). Once it’s uploaded, you need to click on insert into post button.

After insert into post you will see the audio bar.add audio and create playlist-2And publish your post whenever you complete your edit.

Adding Audio Playlist in WordPress

Again click on add media  then the media uploader popup will appear on your screen, and select more your audio file. You can also enable the display of track name, artist name, and image. This information is embedded with your MP3 file’s IDT meta tags and is automatically displayed by WordPress. When you add the audio file the button create audio playlist on the right will appear.

add audio and create playlist-3

Once you are done, click on that button and select all your audio file and click insert to post. Your playlist will be added to your post, and you will be able to see it in visual editor. You can now save your post and preview your playlist.

add audio and create playlist-4
And publish your post whenever you complete your edit. Any question please comment on the box below.

What do you think?

Written by Sopheap

The goal of me is sharing new ideas, inspiration art, fresh and useful resource, covering web design and development, graphic design, advertising, mobile development and life style.

Comments

Leave a Reply

Your email address will not be published.

pagination comment

How to pagination your wordpress comment