Custom Music Player (Updated)

Results 1 to 7 of 7
  1. #1
    Proficient Member Jacob Lucado is offline
    MemberRank
    Dec 2011 Join Date
    Roanoke, VALocation
    187Posts

    Custom Music Player (Updated)

    Since people were complaining about my last music player being made only for the client, (which it could of been easily changed to any page...) I decided to make a smaller, stylish, and universal player.

    Features:
    - jPlayer base 2.6.4
    - Cross browser support
    - Posters (Have the artist/album picture display within the player)

    Notes:
    I used imgur to host the images, you should host the images yourself.

    Live view AND Code

    Make sure you declare the following.
    Code:
    <link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700"/>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" ></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js" ></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jplayer/2.6.4/jquery.jplayer/jquery.jplayer.min.js" ></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jplayer/2.6.4/add-on/jplayer.playlist.min.js" ></script>
    Screenshot:

    I shouldn't have to explain how to get this working, spoonfeeding is for the weak.

    Like it? Like the post
    Last edited by Jacob Lucado; 11-01-16 at 12:06 AM.


  2. #2
    Member Charlotte Potts is offline
    MemberRank
    Aug 2015 Join Date
    YorkshireLocation
    64Posts

    Re: Custom Music Player (Updated)

    Great release! it's a shame really that people stray away from radio players in the client. They're great when done properly.. like Habboon's old one and this one:
    Spoiler:

  3. #3
    git bisect -m ovflowd is offline
    MemberRank
    Sep 2011 Join Date
    2,191Posts

    Re: Custom Music Player (Updated)

    Quote Originally Posted by Charlotte Potts View Post
    Great release! it's a shame really that people stray away from radio players in the client. They're great when done properly.. like Habboon's old one and this one:
    Spoiler:
    Wow this Container Edit in Habbo.swf is soo awesome o.o

  4. #4
    Proficient Member Jacob Lucado is offline
    MemberRank
    Dec 2011 Join Date
    Roanoke, VALocation
    187Posts

    Re: Custom Music Player (Updated)

    Quote Originally Posted by ovflowd View Post
    Wow this Container Edit in Habbo.swf is soo awesome o.o
    That wasn't coded into the swf, it's just a simple div with absolute margin and z-index; with javascript.

  5. #5
    git bisect -m ovflowd is offline
    MemberRank
    Sep 2011 Join Date
    2,191Posts

    Re: Custom Music Player (Updated)

    Quote Originally Posted by Jacob Lucado View Post
    That wasn't coded into the swf, it's just a simple div with absolute margin and z-index; with javascript.
    Oh. That make sense, Thanks.

  6. #6
    LETS REACH 666 POSTS?!!!! ImNotSatan is offline
    MemberRank
    Apr 2013 Join Date
    google.devLocation
    573Posts

    Re: Custom Music Player (Updated)

    I love how you did this :)

    http://i.imgur.com/P1zwIsJ.png

  7. #7
    Proficient Member Jacob Lucado is offline
    MemberRank
    Dec 2011 Join Date
    Roanoke, VALocation
    187Posts

    Re: Custom Music Player (Updated)

    Quote Originally Posted by ImNotSatan View Post
    I love how you did this :)

    http://i.imgur.com/P1zwIsJ.png

    I'm glad you like it, I'm also glad that I decided to keep working on that. (It took me ages to get it perfect.)



Advertisement