Hello everyone
I hope I’m posting this in the right place.
I’m developing a site where people add music tracks to a custom post type to display data and add the file URL to the native WP audio shortcode so the file can be played.
It uses a repeater field “tracks” for the addition of the tracks & their data. We have 4 sub fields, title, artist, and mix type, these are all basic text fields. Then we have the upload field for uploading and inserting the audio track itself.
in my post template I’m using this code:
<div class="large-12 medium-12 columns entry-content">
<h4>Track Info:</h4>
<?php // Check if the repeater field has rows of data
if( have_rows('tracks') ):?>
<ul class="tracks">
<?php // loop through the rows of data & set variable for Track URL
while ( have_rows('tracks') ) : the_row();
$track = get_sub_field('track_url') ; ?>
<li>
<?php the_sub_field('track_title');?> | <?php the_sub_field('artist_name');?> | <?php the_sub_field('remixer');?> | <a href='<?php echo $track;?>' class="download-link" >Download MP3</a>
</li>
<li>
<div>
<?php
echo wp_audio_shortcode( $track );
?>
</div>
</li>
<?php endwhile;?>
</ul>
<?php else :?>
<?php endif;?>
</div>
As you can see this should (onad does) display a list of tracks with their data and a player with the Audio URL as the playable file….but
In my test post I have created 2 repeater rows comprising of 2 different audio tracks with data for each, I’m getting it all displaying out the front in a list no problem, ACF is set to display the audio track as file URL not an array.
My download link is displaying the correct track name and URL for each one. But the audio player only wants to insert the first track in each player.
Documentation how to use the audio shortcode in single post templates is very limited, and don’t see anything about including the native WP HTML5 audio player in a loop of some kind, so this is my attempt at it.
I want to keep 3rd party plug ins to a minimum for obvious reasons, and I rather like the WP native player.
Anyone out there got a helping hand? Why does the audio player only take the first track, when the download links for each track in other areas of my code are correct?
Is it something to do with me using the function to invoke the WP player incorrectly? Should I be displaying the Audio File as an array and using [“url”] to grab just the URL ( I have tried this to no avail )
Forgive the messy code I’ve been round and round a bit and will tidy up once I have something that works.
Many Thanks for any help
