Js скролл запуск остановка audio
 

Можете подсказать как сделать запуск аудио при скроле.

У меня получается что-то вроде

<div>text</div>
<div>text</div>
<div class="music">
<input type="hidden" name="urlMusic" value="url">
Music
</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div class="music">
// если по середине или выше музыка не играет.
// если ниже середины играет музыка блока выше
<input type="hidden" name="urlMusic" value="">
Music
</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>

<input type="hidden" name="urlMusic" value="url">
Music
</div>

И так далее.

Мне надо при скроле когда блок с музыкой оказался по середине запустить музыку. Когда дошел до следующего блока или выше этого блока с музыка остановилость.
Но если я проскролил до 2 блок и она по середине или выше музыка не играет. И если она будет ниже середины музыка должна играть.

Как это сделать?