Zenodo video embeding

app/assets/javascripts/materials.js

@@ -0,0 +1,22 @@
+function make_zenodo_video(video_element, files_url, preferred_key) {
+    const videoExtensions = ['.mp4', '.webm', '.ogg', '.ogv', '.mov', '.m4v', '.mkv'];
+    const audioExtensions = ['.mp3', '.ogg', '.wav', '.aac', '.flac', '.opus'];
+
+    fetch(files_url)
+        .then(response => response.json())
+        .then(data => {
+            let video_file = data.entries.find(file => file.key == preferred_key);
+            if (!video_file) {
+                video_file = data.entries.find(file => videoExtensions.some(ext => file.key.toLowerCase().endsWith(ext)));
+            }
+            if (!video_file) { // fallback to audio
+                video_file = data.entries.find(file => audioExtensions.some(ext => file.key.toLowerCase().endsWith(ext)));
+            }
+            if (video_file) {
+                const video_url = video_file.links.content;
+                video_element.src = video_url;
+                video_element.style.display = 'block';
+            }
+        })
+        .catch(error => console.error('Error fetching Zenodo files:', error));
+}

app/assets/stylesheets/application.scss

@@ -886,10 +886,11 @@ input[type=checkbox].field-lock + label:before,
 
 .embedded-content {
   margin: 2em auto;
+  display: flex;
+  justify-content: center;
 
   iframe {
     display: block;
-    margin: auto;
   }
 }
 

app/helpers/materials_helper.rb

@@ -124,7 +124,15 @@ def display_attribute_no_label(resource, attribute, markdown: false, &block) # r
   end
 
   def embed_youtube(material)
-    renderer = Renderers::Youtube.new(material)
+    embed_video(Renderers::Youtube, material)
+  end
+
+  def embed_zenodo(material)
+    embed_video(Renderers::Zenodo, material)
+  end
+
+  def embed_video(renderer_class, material)
+    renderer = renderer_class.new(material)
     return unless renderer.can_render?
 
     content_tag(:div, class: 'embedded-content') do

app/views/materials/show.html.erb

@@ -47,6 +47,7 @@
         </div>
 
         <%= embed_youtube(@material) %>
+        <%= embed_zenodo(@material) %>
 
         <!-- Field: long description -->
         <div class="description">

config/sunspot.example.yml

@@ -16,5 +16,5 @@ test:
   solr:
     hostname: localhost
     port: 8983
-    log_level: WARNING
+    log_level: INFO
     path: /solr/tess_test

lib/renderers/zenodo.rb

@@ -0,0 +1,34 @@
+module Renderers
+  class Zenodo
+    VALID_HOSTS = %w[zenodo.org doi.org].freeze
+    VALID_SCHEMES = %w[http https].freeze
+    TEMPLATE = %(<video controls height="500" style="display:none;" id="zenodo-video"></video><script>make_zenodo_video(document.getElementById('zenodo-video'), '%{files_url}', %{key});</script>)
+
+    def initialize(resource)
+      @resource = resource
+    end
+
+    def can_render?
+      url && render_content.present?
+    end
+
+    def url
+      @resource.url
+    end
+
+    def render_content
+      parsed_url = Addressable::URI.parse(url)
+      return unless VALID_SCHEMES.include?(parsed_url.scheme)
+
+      match = parsed_url.host == 'zenodo.org' && url.match(/records\/(\d+)/) ||
+        parsed_url.host == 'doi.org' && url.match(/10\.5281\/zenodo\.(\d+)/)
+      return unless match
+
+      files_url = "https://zenodo.org/api/records/#{match[1]}/files"
+      key = parsed_url.query_values.to_h['preview_file']
+      (TEMPLATE % { files_url: files_url, key: key.to_json }).html_safe
+    rescue
+      nil
+    end
+  end
+end

test/controllers/materials_controller_test.rb

@@ -1353,6 +1353,14 @@ class MaterialsControllerTest < ActionController::TestCase
     assert_select 'div.embedded-content iframe[src=?]', 'https://www.youtube.com/embed/1T_2xMTQCv4'
   end
 
+  test 'can render embedded zenodo video' do
+    sign_in users(:regular_user)
+    get :show, params: { id: materials(:zenodo_video_material) }
+    assert_response :success
+
+    assert_select 'div.embedded-content video#zenodo-video'
+  end
+
   test 'no embedded content section if not available' do
     sign_in users(:regular_user)
     get :show, params: { id: materials(:good_material) }

test/fixtures/materials.yml

@@ -172,6 +172,20 @@ youtube_video_material:
     - Video
   learning_objectives: In this video, I will show you how to create and run data quality checks in REDCap.
 
+zenodo_video_material:
+  user: regular_user
+  title: 'How to Soften Hard Water?'
+  url: https://zenodo.org/records/17402249
+  description: In this video, I will show you how to soften hard water.
+  licence: CC-BY-NC-4.0
+  contact: contact@elixir-uk.org
+  keywords:
+    - water
+    - " hard water"
+  resource_type:
+    - Video
+  learning_objectives: In this video, I will show you how to soften hard water.
+
 plant_space_material:
   user: regular_user
   title: Plant material