Member Avatar for espenskeie

Does anyone know how I can make a site where several of my songs could be listed, and the viewer can click on the song that he'd like to hear?

And than again the song will be played on some realplayer, or mediaplayer at that page?

I don't know much about those macromedia things. but is that something I should use in golive?

I hope there is someone that know how this could be done, my hair is getting greyer and greyer as i try to figure this myself.

Hilsen Espen:rolleyes:

  • 4 Contributors
  • 6 Replies
  • 130 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by mesamb1

Dani AI

Generated

Thread summary: asked how to list songs on a page so visitors can click one to play. Earlier replies suggested plugin-based approaches (@Member114696, ) and a simple embed solution (). Those options worked years ago but are now fragile or unsupported. A modern, reliable solution is to use the HTML5 audio element plus a small JavaScript playlist: it requires no plugins, works on mobile, and keeps the interface accessible.

Minimal pattern (markup + script): create an HTML list of tracks with each item holding the file URL (data attribute), place a single <audio controls> element on the page, and use JS to swap the source, call load() and play(). This keeps the page light and makes it easy to add features (next/previous, visual progress, volume). The same approach also makes graceful fallback simple: include plain links so older agents can download files.

Practical notes and troubleshooting:

  • Serve files with correct MIME types (e.g., audio/mpeg) and enable HTTP range requests so seeking works.
  • For files on another domain, enable CORS or host the files on the same origin.
  • Use MP3 (broadest support) and optionally provide OGG/AAC source fallbacks via multiple <source> tags inside <audio>.
  • For many listeners, use a CDN or dedicated hosting to avoid bandwidth problems or quotas.
  • Plugin solutions (Flash/ActiveX) are deprecated and blocked in modern browsers; legacy Flash players are best left on archival sites only.
  • GoLive is long obsolete; modern editors (or a simple text editor + browser) are sufficient.

Reference: MDN has a concise guide to the HTML5 audio element: HTML5 audio element

Example code and UI enhancements can be added on top of this pattern if a fuller player is desired.

Recommended Answers

All 6 Replies

Member Avatar for Member #114696

well you could inserrt an windows media activex control in the page and use JavaScript to do that or my first preference flash.

Member Avatar for katarey

Does anyone know how I can make a site where several of my songs could be listed, and the viewer can click on the song that he'd like to hear?

And than again the song will be played on some realplayer, or mediaplayer at that page?

I don't know much about those macromedia things. but is that something I should use in golive?

I hope there is someone that know how this could be done, my hair is getting greyer and greyer as i try to figure this myself.

Hilsen Espen:rolleyes:

Hi there,

Yes this is possible, by using XML flash MP3 player, I had made one,

you can see here

and you can also Download this from here

Best Regards,
Rahul
http://www.katarey.com

Member Avatar for mesamb1

If you want to do the simpler rout you could use the html code [<embed allowScriptAccess="never" allowNetworking="internal" enableJavaScript="false" allowScriptAccess="never" allowNetworking="internal" src="song website link to mp3" autostart="true" loop="false" width=325 height=20>] to play it using a simple player

Member Avatar for espenskeie

thanks alot ;-) rahul

it was just what i was thinking of

Member Avatar for katarey

thanks alot ;-) rahul

it was just what i was thinking of

You are welcome! :)

Best Regards,
Rahul Dev

Member Avatar for mesamb1

I only hope that was intended for me as well ;)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.