Getting an audio player to stick while browsing

Discussion in 'HTML & Website Design' started by timelaw, Jul 9, 2013.

  1. #1
    Hello!

    I'm fairly experienced with web design and such but I am going to ask here because I'm not sure what to do with this. I need to have a media player available at all times when browsing a band's website. It's not supposed to break in between links, and restart afterwards or something like that.

    I am wondering if I will need to use frames or something to get it to stick to a header, which I will have in a different frame at the top, or something like that. Or is there other ways of doing this?

    I am using http://www.mediaelementjs.com to play the music. I have currently just made a quick player to get the song to play, and I will style and edit that later. All I need to know is how to get it to not refresh when you're clicking links. And as far as I know, frames would allow that but I wonder if there's anything better.
     
    timelaw, Jul 9, 2013 IP
  2. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #2
    search engines don't like Frames and iframes... what you can do is adding the Player inside a Fixed Header or footer Bar... you can check this Tutorial : Link

    Goodluck
     
    themes4all, Jul 9, 2013 IP
  3. timelaw

    timelaw Greenhorn

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #3
    That is what I would want to do, seeing as I'm not fond of frames either. BUT, does it give me the same effect? This tab navigation system. How does this work, specifically? I am trying to google but I get unrelated hits and the ones that I think are about this are javascript based.

    I'm sorry if my question is vague but I would like a specific answer to what would be the best way to get my music player not to reset on clicking links.
     
    timelaw, Jul 9, 2013 IP
  4. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #4
    what is your website url... because what you ask will need more things to do...
     
    themes4all, Jul 9, 2013 IP
  5. timelaw

    timelaw Greenhorn

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #5
    My website isn't really in a condition to be shown right now. All I am basically doing is testing code on it. I haven't designed anything yet so it does not look pretty, at all.

    I stumbled over something about tabs. Could I use javascript to make tabs and load "all pages" at once, in the index? Meaning no browsing and my player would stay as is?
     
    timelaw, Jul 10, 2013 IP
  6. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #6
    Yes, you can use the Tabs... this what i wanted to Suggest... That mean The Header will be Fixed While the navigation and content will be tabbed... So yolu can add the Player on the header Top Section...

    Goodluck
     
    themes4all, Jul 10, 2013 IP