Displaying mp3 files on a page

  • 1
  • Question
  • Updated 4 years ago
  • Answered
  • (Edited)
I have been down this road so many times and tried all sorts of things from html tables, and lists. My site is finally taking shape but there are a couple of pages I am struggling with.I have hundreds of mp3 files that contain snippets from my radio shows over the years. I'd like to have them as part of my website and am not quite sure how to go about it.This is what the code looks like. Very simple.

<code>
<a href="http://sd.mcran.com/assets/itsnippets/arialelynn_turning.mp3"; target="_self">Arriale Lynn, Turning</a>
</code>

I have hundreds of files like this but I'm not sure which way I should go. Use html tables? html lists? Or, maybe something totally different. I tried the new CSS3 columns feature but I ran into layout issues.

Or, maybe using embedded code that will allow me to create a music playlist and have it displayed with an mp3 audio player so people can go to my site and search for a song or artist that is part of the audio playlist?

Maybe someone out there can give me some suggestions I can test in my test website using the html widget.

So far my site looks like this and I like it, so I just need a good nudge to get me going again :)
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
  • somewhat disillusioned but hopeful

Posted 4 years ago

  • 1
Photo of Jen

Jen

  • 206 Posts
  • 24 Reply Likes
You might want to try using an mp3 website widget.  I've not used one myself, but I searched Google for "mp3 player widget for website" and there were a lot of options listed.  If you look for something that generates JavaScript code for you, you can add it to your site using the HTML Widget.

I hope that helps!
Photo of Randy

Randy

  • 643 Posts
  • 8 Reply Likes
Thanks Jen! At the moment I created a page that has them listed until I figure out what to do. I used the new css3 multiple columns as well as the ul tag.

I'll look into what you suggest as well. Thanks again!!