Merge lp:~mhall119/summit/refresh-for-video into lp:summit

[Michael Hall]

Adds a javascript refresh to the youtube placeholder image to continue checking for a video url

Adds a javascript refresh to the youtube placeholder image to continue checking for a video url

[Adnane Belmadiaf (daker)]

+1

[Adnane Belmadiaf (daker)]

review: Approve

=== modified file 'summit/schedule/templates/schedule/virtual_meeting.html'
--- summit/schedule/templates/schedule/virtual_meeting.html	2013-02-27 00:30:43 +0000
+++ summit/schedule/templates/schedule/virtual_meeting.html	2013-02-27 05:33:20 +0000
@@ -20,6 +20,7 @@
 <meta property="og:type" content="article" />
 <meta itemprop="name" content="{{ meeting.title }}{% if schedule.date %} - {{ schedule.date|strftime:"%Y-%m-%d" }}{% endif %}{% if schedule.room %}{{ schedule.room.title }}{% endif %}" />
 <meta itemprop="description" content="{{ meeting.description|linebreaks|striptags }}" />
+
 {% endblock %}
 
 {% block sub_nav_links %}
@@ -104,11 +105,27 @@
 </div>
 <div class="row">
     <div class="span-4">
-        <div align="center">
+        <div id="broadcast_video" align="center">
             {% if meeting.broadcast_url %}
             <iframe width="420" height="295" src="{{ meeting.broadcast_url }}" frameborder="0" allowfullscreen></iframe>
             {% else %}
             <img width="420" height="295" src="/media/images/youtube_placeholder.png">
+            <script>
+            function update_video()
+            {
+                var meeting = null;
+                $.getJSON('/api/meeting/{{ meeting.id }}/',
+                  function(meeting) {
+                    if (meeting.broadcast_url != '') {
+                        $('#broadcast_video').html('<iframe width="420" height="295" src="'+meeting.broadcast_url+'" frameborder="0" allowfullscreen></iframe>');
+                    } else {
+                        setTimeout(update_video, 20000);
+                    }
+                  }
+                );
+            }
+            setTimeout(update_video, 20000);
+            </script>
             {% endif %}
         </div>
         <iframe src="http://webchat.freenode.net?channels={% for ai in agenda_items %}{{ ai.room.irc_channel }}{% endfor %}&uio=Mj10cnVlJjQ9dHJ1ZSY5PXRydWUmMTA9dHJ1ZSYxMz1mYWxzZSYxND1mYWxzZQbf" width="100%" height="395"></iframe>