Upstream sync

app/views/casting_submissions/show.html.erb

@@ -22,14 +22,27 @@
           <%= render partial: 'casting_submissions/video', locals: { casting_submission: @casting_submission } %>
           <% if @casting_submission.interview_recording.present? %>
             <%= javascript_tag nonce: true do %>
-              new Clappr.Player({
-              parentId: '#casting_submission_video',
-              source: "<%= rails_blob_url(@casting_submission.interview_recording, host: AppHost.new.domain_with_port) %>",
-              width: '100%',
-              height: '100%',
-              mute: true,
-              autoPlay: true,
-              hlsMinimumDvrSize: 1
+              var markerData = <%= raw @markers.to_json %>;
+
+              var player = new Clappr.Player({
+                parentId: '#casting_submission_video',
+                source: "<%= rails_blob_url(@casting_submission.interview_recording, host: AppHost.new.domain_with_port) %>",
+                plugins: {
+                  core: [ClapprMarkersPlugin]
+                },
+                markersPlugin: {},
+                width: '100%',
+                height: '100%',
+                mute: true,
+                autoPlay: true,
+                hlsMinimumDvrSize: 1
+              });
+
+              markerData.forEach(function(marker, index) {
+                var markers = player.getPlugin("markers-plugin");
+                var marker = new ClapprMarkersPlugin.StandardMarker(Number(marker.table.time_elapsed), marker.table.note)
+                
+                markers.addMarker(marker);
               });
             <% end %>
           <% end %>