Skip navigation
revdave
revdave
Currently Being Moderated

Looking for an mp3 player for a webpage

Apr 9, 2012 7:31 PM

because of apple I'm staying away from flash players for now...

 

I 'm lloking for a simple to use mp3 player that's customizable - for example :

 

read & display xml playlists

 

make the list of viewable songs what we choose - like 10 songs or 20 songs - without scroll bars...

 

I'm lookimg at:

 

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5

 

http://www.wimpyplayer.com/products/wimpy_mp3.html

 

http://playlist.software.informer.com/download-playlist-embedded-websi te-media-player/

 

Any opinions are welcome

1348 Views   16 Replies   Latest reply: revdave, May 15, 2012 8:35 AM
 
Replies
  • revdave
    Currently Being Moderated
    1. revdave,
    Apr 10, 2012 8:55 AM   in reply to revdave
    Report

    I'd love to hear some suggestions...

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    2. Nancy O.,
    Apr 10, 2012 10:45 AM   in reply to revdave
    Report

    I like Pickle Player.  It supports MP4 Videos & MP3 Audios in all devices.  Also supports playlists for both..

    http://www.pickleplayer.com/

     

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • mhollis55
    Currently Being Moderated
    3. mhollis55,
    Apr 10, 2012 12:24 PM   in reply to revdave
    Report

    Here's what I'm doing:

     

    HTML5.

     

    Here is the code and it is really simple:

     

      <audio controls="controls">

      <source src="../path/filename.ogg" type="audio/ogg" />

      <source src="../path/filename.mp3" type="audio/mpeg" />

      Your browser does not support the audio element. <a href="../path/filename.mp3">Right-Click here</a> and choose Save file as&hellip; to download the .MP3 file</audio>

     

    Works in all browsers. Works in all media players that support mpeg audio. But here's a word of warning:

     

    Some browsers may not know that the ogg audio is there, so you may need to edit your .htacess file (on Apache) or your filetypes (on Microsoft IIS servers) to include it.

     

    Here's the change to put into .htaccess. I don't use IIS:

     

    AddType audio/ogg .oga

    AddType video/ogg .ogv

    AddType application/ogg .ogg

    AddHandler application-ogg .ogg .ogv .oga

     

    That will enable both ogg video and audio. Without these lines, Firefox may not play your file.

     

    To make your audio files, please see this link.

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    4. revdave,
    Apr 10, 2012 1:46 PM   in reply to Nancy O.
    Report

    Thanks Nancy,

     

    I see lots of examples here...

     

    http://www.pickleplayer.com/skins/

     

    With editing - can I make long playlists - 10 or 20 songs at a time with scrolling?

     

     

    AND BTW: If I wanted to make my own playlist ... in php - how can I make a scrollable list in php?

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    5. revdave,
    Apr 10, 2012 1:47 PM   in reply to mhollis55
    Report

    Thanks mhollis55,

     

    I check out the code!

     
    |
    Mark as:
  • mhollis55
    Currently Being Moderated
    6. mhollis55,
    Apr 10, 2012 1:53 PM   in reply to revdave
    Report

    My solution makes the web browser itself into the player. You can see the result here.

     

    This also is the idea behind the HTML5 <video> tag.

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    7. revdave,
    Apr 10, 2012 2:03 PM   in reply to mhollis55
    Report

    Cool!

     

    I would want to build a php playlist - so is there a way to list some songs and then:

     

    have these be vars

     

      <source src="phpVARPATH1" type="audio/ogg" />

      <source src="phpVARPATH1a" type="audio/mpeg" />

     

    then somehow trigger the player to auto stop the last song and auto start the new song when choosing a new song?

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    8. Nancy O.,
    Apr 10, 2012 4:55 PM   in reply to revdave
    Report

    Pickle player documentation describes how you can automatically generate playlists with PHP:

    http://www.pickleplayer.com/docs/playlist.auto_playlist.php

     

    Also see player options

    http://www.pickleplayer.com/docs/options_player.php

     

    The beauty of Pickle Player is that you only need to offer one file type (MP3) for each audio title; not 4 different file types as you do with HTML5 <audio>.   This saves you both time and server space.

     

     

    Nancy O.

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    9. revdave,
    Apr 11, 2012 7:01 PM   in reply to Nancy O.
    Report

    WOW NANCY - Boy were you right YIPPEE !!!!!

     

    I finally got it going and it works GREAT!

     

    BTW: I love the fact that it can play just mp3's on all platforms!

     

    Since it's not flash and doesn't use HTML5 - then what DOES it use - just straight javascript?

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    10. Nancy O.,
    Apr 12, 2012 10:18 AM   in reply to revdave
    Report

    Pickle Player is the best I've tested so far.

    It merges technologies -- in Firefox browsers, a Flash player fallback is invoked by JavaScript. 

     

     

    Nancy O.

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    11. revdave,
    Apr 14, 2012 5:26 PM   in reply to Nancy O.
    Report

    Hi Nancy,

     

    Got a problem - pickleplayer is not updating the playlist I created. Like it gets stored in cache and gets stuck with old playlist even when I refresh browser.

     

    Q: How can I get it to always refresh the playlist?

     
    |
    Mark as:
  • jcannata1@berklee.net
    Currently Being Moderated
    12. jcannata1@berklee.net,
    Apr 15, 2012 7:44 AM   in reply to revdave
    Report

    I liked building players with a tutorial i found on cartoonsmart.com.  He has two on there.  Here are the links to both of them.  They look great, and the tutorial is very easy to follow and indepth which allows you to go ahead and experiment with your own designs once you have learned how to do it.

     

     

     

    http://www.cartoonsmart.com/XML_and_MP3_player.html

     

    http://www.cartoonsmart.com/as3_music_player.html

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    13. revdave,
    Apr 15, 2012 8:24 AM   in reply to jcannata1@berklee.net
    Report

    Hi jcannata1,

     

    but those are flash based right?

     

    i need to avoid anything flash because apple hates flash right?

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    14. revdave,
    Apr 15, 2012 8:25 AM   in reply to revdave
    Report

    Nancy - it seems that the browser does not update on the local mac but does work on the actual site ... is there some kind of oddity here?

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    15. Nancy O.,
    Apr 15, 2012 10:50 AM   in reply to revdave
    Report

    Pickle works best when tested on an actual server, especially if you're using PHP to automatically generate playlists.

     

     

    Nancy O.

     
    |
    Mark as:
  • revdave
    Currently Being Moderated
    16. revdave,
    May 15, 2012 8:35 AM   in reply to Nancy O.
    Report

    Hi Nancy O.,

     

    I worked with Mike in Tech support and he came up with this cool php mod... Now it loads the playlist fresh everytime - local or remote!!!

     

    <div data-media="mylist.xml<?php print('?'.microtime(true).'.xml') ?>"></div>

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points