How to play different audio based on which div is in view?

I’m trying to create a website that depending on which div is in view will play a different audio file.

The only thing closely related that I could find was different audio playing depending on specific height locations of the website, i.e. between start height = 1000px and end height = 1400px play X music. Example here: http://home.jejaju.com/play/smoothFade/tracks

The only issue with this approach is that my website is responsive, so depending if you’re on mobile or desktop will have different heights.

Any ideas or examples on how to approach this?