I am making a webpage for a musician.
I need a webpage template building from a PSD file to HTML/CSS.
I’m guessing HTML 5 would be best but I’m open to your opinion on what would work best?
The page needs to be responsive and work in both standard screens and retina displays. I have included designs for the desktop, tablet and mobile layouts. The webpage would need to function well in all major browsers.
The audio tracks will be mp3 files and will play in the standard browser player using the <audio> tag. The download option is disabled. Once a track is playing, any other track that is played should mute/stop the first track as I don’t want multiple tracks playing on top of each other. Is that possible?
The section titled “Radio Interviews and Videos” will play Youtube videos. If the user clicks on a thumbnail image from the selection below the player it will load the relevant video to play. There are currently 3 videos but the layout should be able to accommodate more videos in the future by creating a second row of thumbnails below. If possible, when any video is played it should stop any audio tracks playing in the album tracks section above?
Can the button that says “Write a video comment” link to the relevant video (which is currently playing) on youtube so that a comment can be posted?
I can supply a 3 PSD files (1 for each layout). The files are well labelled and structured.
Hopefully the rest is self explanatory.
I hope to work with someone who has good attention to details to ensure the spacing in the design is consistent.
If you have any questions please let me know.