Help with putting audio files in my html pages

Discussion in 'HTML & Website Design' started by Brandon Chase Brigham, Jun 19, 2013.

  1. #1
    Hello,

    I'm currently working on a site for a musician:

    richardkubec (dot) com (/) OverGreenHills

    I need help with two issues

    1) On the home page there is a 10-picture-grid that when one thumbnail picture is clicked, the thumbnail expands to fill almost the entire page (except for a black border on the left. For the life of me I've rummaged through all the CSS files and adjusted as many aspects as I could to get rid of the left border so that the enlarged picture fills the entire screen.

    2) My client's new album has 10 tracks on it, hence the 10-boxed-grid. So each box represents a track and he wants each respective track to be able to be played once the picture is enlarged.

    I was able to get the first track and the first box to work for what he is demanding, but I can't figure out how to do it for the remaining 9 boxes and 9 audio tracks.

    Any ideas???

    Thanks
     
    Brandon Chase Brigham, Jun 19, 2013 IP
  2. iulian.pw

    iulian.pw Active Member

    Messages:
    71
    Likes Received:
    3
    Best Answers:
    2
    Trophy Points:
    65
    #2
    You can accomplish what you need using the new <audio> tag implemented in html5, here is a link to see what you need to do: http://html5doctor.com/html5-audio-the-state-of-play/
     
    iulian.pw, Jun 19, 2013 IP
  3. Brandon Chase Brigham

    Brandon Chase Brigham Greenhorn

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    iulian.pw

    thanks for that info. however i'm looking to see how i can use different audio files on different pop-up pages on the following sites home page:

    richardkubec (dot) com (/) OverGreenHills
     
    Brandon Chase Brigham, Jun 20, 2013 IP