From: Frédéric Péters <fpeters@0d.be>
Date: Wed, 16 Nov 2022 08:39:20 +0000 (+0100)
Subject: add support for multiple players on a single episode
X-Git-Tag: v2023~5
X-Git-Url: https://git.0d.be/?p=panikweb-studioneau.git;a=commitdiff_plain;h=ca08d03798c0e9d2a1c7aceaeae3138635a07473

add support for multiple players on a single episode
---

diff --git a/panikweb_studioneau/templates/emissions/episode_detail.html b/panikweb_studioneau/templates/emissions/episode_detail.html
index 5a1a4c0..3fa81ed 100644
--- a/panikweb_studioneau/templates/emissions/episode_detail.html
+++ b/panikweb_studioneau/templates/emissions/episode_detail.html
@@ -30,35 +30,44 @@
 
 {% with text_parts=episode.text|safe|hr_split %}
 
-{% if episode.main_sound %}
+<script>
+window.mixcloud_widgets = Array();
+window.soundcloud_widgets = Array();
+</script>
+
+{% for soundfile in episode.podcastable_sounds %}
+
 <div class="main-sound">
-{% if episode.main_sound.get_external_host == 'mixcloud' %}
+{% if soundfile.get_external_host == 'mixcloud' %}
 <iframe id="mixcloud-iframe" width="100%" height="120" frameborder="0" scrolling="no"
-        src="{{ episode.main_sound.get_external_embed_url }}&hide_cover=1&light=1"></iframe>
+        src="{{ soundfile.get_external_embed_url }}&hide_cover=1&light=1"></iframe>
 <script type="text/javascript">
-    window.mixcloud_widget = Mixcloud.PlayerWidget(document.getElementById("mixcloud-iframe"));
-    window.mixcloud_widget.ready.then(function() {
-      window.mixcloud_widget.events.play.on(function() {
+    var mixcloud_widget = Mixcloud.PlayerWidget(document.getElementById("mixcloud-iframe"));
+    mixcloud_widget.ready.then(function() {
+      mixcloud_widget.events.play.on(function() {
         $('#DirectStreamPanik').trigger('pause');
       });
     });
+    window.mixcloud_widgets.push(mixcloud_widget);
 </script>
-{% elif episode.main_sound.get_external_host == 'soundcloud' %}
+{% elif soundfile.get_external_host == 'soundcloud' %}
 <iframe id="soundcloud-iframe" width="100%" height="166" frameborder="0" scrolling="no"
-        src="{{ episode.main_sound.get_external_embed_url }}&auto_play=false"></iframe>
+        src="{{ soundfile.get_external_embed_url }}&auto_play=false"></iframe>
 <script type="text/javascript">
     if (typeof SC !== "undefined") {
-      window.soundcloud_widget = SC.Widget(document.getElementById("soundcloud-iframe"));
-      window.soundcloud_widget.bind(SC.Widget.Events.READY, function() {
-        window.soundcloud_widget.bind(SC.Widget.Events.PLAY, function() {
+      var soundcloud_widget = SC.Widget(document.getElementById("soundcloud-iframe"));
+      soundcloud_widget.bind(SC.Widget.Events.READY, function() {
+        soundcloud_widget.bind(SC.Widget.Events.PLAY, function() {
           $('#DirectStreamPanik').trigger('pause');
         });
       });
+      window.soundcloud_widgets.push(soundcloud_widget);
     }
 </script>
 {% endif %}
 </div> <!-- .main-sound -->
-{% endif %}
+
+{% endfor %}
 
 <div class="episode-text">
 {{ text_parts|first|safe}}