Oh, you can use AudioIgniter to stream your radio show too! By using the standard WordPress media upload functionality, you can create new audio playlists in minutes. Looking for an MP3 music player? AudioIgniter lets you create music playlists and embed them in your WordPress posts, pages or custom post types. The following example will change the color to red.mejs-container. Here is an example code that you can add to your header.php or footer.php template file and it will autoplay the audio file on your home page only: Change the Player Background Color for Template 1Īdd the following CSS code to your theme’s CSS file or via the custom CSS plugin to change the player background color. Here is an example code that you can add to your template file: Playing Audio on Your Home Page Only You can also embed the audio player in your theme’s template file. Add the following block of CSS code to your theme’s CSS file to get rid of it: #sm2-container Adding the Audio Player to a Theme’s Template File If you are using a WordPress theme with black background then you may notice a very small white dot below the audio player. Here is an example: Misc Tips and Tweaks Remove the White Pixel/Dot on Black Background This template1 shortcode supports “autoplay” and “loops” parameters too. The above shortcode will produce an output like the following preview: Use the following shortcode to embed the audio player using template 1: Audio player template1 gives you that option: If you want to wrap some text around the audio player then use the following in the “Text/HTML” view of the post/page editor: My Audio: Īlternatively, use the following in the “Text” view of the post/page editor (wrap the audio player shortcode in another CSS class with float): Some example textĪ few users have asked us to add a player template that has a seek bar and volume control. The plugin will play the supported file based on the user’s device. Here is an example shortcode usage that is specifying both the. You can specify both the files types in the “fileurl” parameter separating them with a “|” character. You can just use the mp3 option and the plugin will make sure that the file is playable in all devices. Note: You don’t really need to use this option. Specifying Both MP3 and OGG Files for the Audio Here is an example shortcode usage with auto loop: Use the “loops” parameter in the audio player shortcode to loop an audio file playback automatically. The above will set the volume level of the audio file to 50. You can use a value between 0 – 100 for the volume level. Use the optional “volume” parameter in the shortcode to specify a volume level for the audio. Here is an example shortcode with autoplay option: Specifying a Volume Level Use the “autoplay” parameter in the shortcode to play the audio file on page load. Example shortcode: Additional Usage Documentation Using Auto Play Option Use the following shortcode to embed an audio file anywhere on your site.Click ‘Install Now’ and then activate the plugin.Browse for the plugin file (sc_audio_player.zip).Go to the ‘Add New’ plugins screen in your WordPress admin area.Audio Player Plugin Installation and Usage When the play button is clicked, the button will change to a pause button allowing users to pause the music playback. The following is a preview of how the audio player looks when using template 1: The following images show how the audio player looks when it is playing and not playing a music file: HTML5 compatible so the audio files embedded with this plugin will play on iOS devices.The audio player is compact so it doesn’t take a lot of real estate on your webpage.If you do podcasting then this audio player can be used to embed the audio files on WordPress posts or pages.If you are selling audio files from your site then you can use this plugin to offer a preview.
0 Comments
Leave a Reply. |