|
|
@ -36,10 +36,10 @@ |
|
|
|
</audio> |
|
|
|
</div> |
|
|
|
<div class="map_legend"> |
|
|
|
<div id="box1" onclick="popup_bg(120,group1)"><i class="fas fa-play"></i></div> <p>Folklore literature</p> |
|
|
|
<div id="box2" onclick="popup_bg(300,group2)"><i class="fas fa-play"></i></div><p>Islamic Mysticism</p> |
|
|
|
<div id="box3" onclick="popup_bg(500,group3)"><i class="fas fa-play"></i></div> <p>Contemporary poets</p> |
|
|
|
<div id="box4" onclick="popup_bg(700,group4)"><i class="fas fa-play"></i></div> <p>Contemporary musicians</p> |
|
|
|
<div id="box1" onclick="popup_bg(120)"><i class="fas fa-play"></i></div> <p>Folklore literature</p> |
|
|
|
<div id="box2" onclick="popup_bg(300)"><i class="fas fa-play"></i></div><p>Islamic Mysticism</p> |
|
|
|
<div id="box3" onclick="popup_bg(500)"><i class="fas fa-play"></i></div> <p>Contemporary poets</p> |
|
|
|
<div id="box4" onclick="popup_bg(700)"><i class="fas fa-play"></i></div> <p>Contemporary musicians</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -134,11 +134,9 @@ Technical details: We have built the visualization from scratch using a javascri |
|
|
|
</script> |
|
|
|
|
|
|
|
<script> |
|
|
|
function popup_bg(time,group) { |
|
|
|
function popup_bg(time) { |
|
|
|
var box = document.getElementById("audioBG"); |
|
|
|
// if (box.currentTime>0) { |
|
|
|
// box.currentTime = 0; |
|
|
|
// } else { |
|
|
|
console.log(time); |
|
|
|
box.currentTime = time; |
|
|
|
box.play(); |
|
|
|
btn.innerHTML = "(Pause)"; |
|
|
|