Add wavesurfer lib and improve rendering of scripts

markusweigelt · Sep 19, 2023 · 43adb59 · 43adb59
1 parent a96dfae
commit 43adb59
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/js/libs/wavesurfer/wavesurfer.esm.js b/Kitodo/src/main/webapp/WEB-INF/resources/js/libs/wavesurfer/wavesurfer.esm.js
diff --git a/Kitodo/src/main/webapp/WEB-INF/resources/js/media_detail_audio.js b/Kitodo/src/main/webapp/WEB-INF/resources/js/media_detail_audio.js
@@ -9,7 +9,7 @@
  * GPL3-License.txt file that was distributed with this source code.
  */
 
-import WaveSurfer from 'https://unpkg.com/wavesurfer.js@beta'
+import WaveSurfer from './libs/wavesurfer/wavesurfer.esm.js.jsf'
 
 let audios = document.querySelectorAll('audio.mediaPreviewItem');
 
@@ -54,6 +54,3 @@ wavesurfer.once('decode', () => {
 wavesurfer.on("error", function (e) {
     console.warn(e);
 });
-
-// Load audio from URL
-//wavesurfer.load(audio);
diff --git a/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/partials/media-detail.xhtml b/Kitodo/src/main/webapp/WEB-INF/templates/includes/metadataEditor/partials/media-detail.xhtml
@@ -61,8 +61,8 @@
                 <f:param name="type" value="#{selectedGalleryMediaContent.mediaViewMimeType}"/>
                 <f:param name="krsc" value="true"/>
             </p:media>
-
-            <h:outputScript a:type="module" name="js/media_detail_audio.js" />
+            <h:outputScript a:type="module" name="js/libs/wavesurfer/wavesurfer.esm.js" rendered="#{fn:startsWith(selectedGalleryMediaContent.mediaViewMimeType, 'audio')}" />
+            <h:outputScript a:type="module" name="js/media_detail_audio.js" rendered="#{fn:startsWith(selectedGalleryMediaContent.mediaViewMimeType, 'audio')}" />
         </ui:fragment>
 
         <ui:fragment