I have created the css and markup for a bunch of podcasts. I need to now join everything together via the JS. I have already got it working for one podcast but need it working for multiple.
Here are full specs:
Only one podcast episode can be in an open state.
When a podcast is opened, it should begin playback automatically and the current time, duration and elapsed time should all be correct. The playhead should be movable and should move with timeline.
If a user clicks/press on a podcast episode while another podcast episode is in an open state (playing or paused), and the user has already earned points for the current podcast) the former podcast episode will revert to closed state (and stop playing), and the latter podcast episode will start playing and transition to open state.
When a user clicks/press on the close button (open state while the podcast is playing - please see design), if the user hasn't earned any points from the podcast episode then a Warning popup will show.
[login to view URL] please need this done today
NO MORE THAN £50 AND NEED IT TODAY 5pm UK time