Merge pull request #1359 from jjoseba/oppia-1647-multiple-audios

OPPIA-1647: Update JSInterface to take into account multiple audios

Author: alexlittle

app/src/main/assets/js_injects/observe_audio_player.js

@@ -1,10 +1,13 @@
 (function(){
-    var playButton = document.getElementById("play-icon");
-    playButton.addEventListener("click", function() {
-        var audioElement = document.querySelector("audio");
-        var audioSource = audioElement.getAttribute("src");
-        {{INTERFACE_EXPOSED_NAME}}.onPlayButtonClick(audioSource);
-        audioElement.addEventListener("ended", function() {
+    $(".audio-player-container, #audio-player-container").each(function(){
+        container = $(this);
+        var audioElem = container.find("audio")[0];
+        container.find(".play-icon,#play-icon").on('click', function(){
+            var audioSource = audioElem.getAttribute("src");
+            {{INTERFACE_EXPOSED_NAME}}.onPlayButtonClick(audioSource);
+        });
+        audioElem.addEventListener("ended", function() {
+            var audioSource = audioElem.getAttribute("src");
             {{INTERFACE_EXPOSED_NAME}}.onAudioCompleted(audioSource);
         });
     });