Merge pull request #2267 from sul-dlss/auto-generated-captions

add auto-generated label to caption
sul-dlss · Dec 17, 2024 · c64ebda · c64ebda
2 parents 64f756f + 75e7789
commit c64ebda
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 15 deletions.
diff --git a/app/assets/stylesheets/companion_window.scss b/app/assets/stylesheets/companion_window.scss
@@ -234,6 +234,11 @@
     }
   }
 
+  .transcript-header {
+    background: $color-fog-light;
+    padding-bottom: 1.5rem;
+  }
+
   .header-background {
     background: $color-fog-light;
     display: flex;
@@ -253,6 +258,7 @@
 
     &.transcript-controls {
       font-size: 0.8rem;
+      flex-direction: column;
 
       input {
         margin-left: 0.6rem;

diff --git a/app/components/embed/media_component.html.erb b/app/components/embed/media_component.html.erb
@@ -13,19 +13,21 @@
 
   <% component.with_drawer_content do %>
     <section id="transcript" data-companion-window-target="transcript" role="tabpanel" hidden>
-      <div class="header-background">
-        <h3>Transcript</h3>
-      </div>
-      <div class="transcript-controls header-background">
-        <div class="transcript-autoscroll">
-          <label for="autoscroll">Auto scroll</label>
-          <input data-transcript-target="autoscroll" type="checkbox" id="autoscroll">
+      <div class="transcript-header">
+        <div class="header-background">
+          <h3>Transcript</h3>
         </div>
-        <div class="transcript-language">
-          <label class="visually-hidden" for="caption-languages">Select Language</label>
-          <select name="caption-languages" id="caption-languages" data-transcript-target="captionLanguageSelect" data-action="transcript#selectLanguage">
-            <option value="">Select Language</option>
-          </select>
+        <div class="transcript-controls header-background">
+          <div class="transcript-autoscroll">
+            <label for="autoscroll">Auto scroll</label>
+            <input data-transcript-target="autoscroll" type="checkbox" id="autoscroll">
+          </div>
+          <div class="transcript-language">
+            <label class="visually-hidden" for="caption-languages">Select Language</label>
+            <select name="caption-languages" id="caption-languages" data-transcript-target="captionLanguageSelect" data-action="transcript#selectLanguage">
+              <option value="">Select Language</option>
+            </select>
+          </div>
         </div>
       </div>
       <div class="left-drawer-content transcript" data-action="media-loaded@window->transcript#persistPlayer media-data-loaded@window->transcript#load time-update@window->transcript#highlightCue">

diff --git a/app/components/embed/media_tag_component.rb b/app/components/embed/media_tag_component.rb
@@ -97,7 +97,7 @@ def captions
       safe_join(
         @resource.caption_files.map.with_index do |caption_file, i|
           tag.track(src: caption_file.file_url, kind: 'captions',
-                    srclang: caption_file.language_code, label: caption_file.language_label,
+                    srclang: caption_file.language_code, label: caption_file.media_caption_label,
                     default: (i.zero? ? '' : nil))
         end
       )

diff --git a/app/models/embed/purl/file_json_deserializer.rb b/app/models/embed/purl/file_json_deserializer.rb
@@ -40,6 +40,10 @@ def view
         @file.fetch('access').fetch('view')
       end
 
+      def sdr_generated
+        @file.fetch('sdrGeneratedText', false)
+      end
+
       def deserialize # rubocop:disable Metrics/MethodLength
         ResourceFile.new(
           druid: @druid,
@@ -52,6 +56,7 @@ def deserialize # rubocop:disable Metrics/MethodLength
           stanford_only:,
           location_restricted:,
           world_downloadable:,
+          sdr_generated:,
           stanford_only_downloadable:
         )
       end

diff --git a/app/models/embed/purl/resource_file.rb b/app/models/embed/purl/resource_file.rb
@@ -15,14 +15,15 @@ def attributes=(hash)
         end
       end
 
-      attr_accessor :druid, :label, :filename, :mimetype, :size, :language, :role,
+      attr_accessor :druid, :label, :filename, :mimetype, :size, :language, :role, :sdr_generated,
                     :world_downloadable, :stanford_only, :location_restricted, :stanford_only_downloadable
 
       alias title filename
       alias world_downloadable? world_downloadable
       alias stanford_only? stanford_only
       alias location_restricted? location_restricted
       alias stanford_only_downloadable? stanford_only_downloadable
+      alias sdr_generated? sdr_generated
 
       ##
       # Creates a file url for stacks
@@ -59,8 +60,16 @@ def language_label
         Bcp47::Registry.resolve(language_code) || 'Unknown'
       end
 
+      def media_caption_label
+        "#{language_label}#{sdr_generated_text}"
+      end
+
       def caption_label
-        "#{language_label} captions"
+        "#{language_label} captions#{sdr_generated_text}"
+      end
+
+      def sdr_generated_text
+        sdr_generated? ? ' (auto-generated)' : ''
       end
 
       def downloadable?