From 3cd2af1100c99ac19234fac3521df95ac2c99015 Mon Sep 17 00:00:00 2001
From: Alexander Killing <killing@leifos.de>
Date: Wed, 16 Mar 2022 10:20:31 +0100
Subject: [PATCH] fixed bug #32224: Audio Player height to small

---
 Services/COPage/xsl/page.xsl                                | 2 +-
 Services/MediaObjects/classes/class.ilMediaPlayerGUI.php    | 6 +++---
 Services/MediaObjects/templates/default/tpl.flv_player.html | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/Services/COPage/xsl/page.xsl b/Services/COPage/xsl/page.xsl
index af8a13d4a124..1f4f3bdaa5a1 100755
--- a/Services/COPage/xsl/page.xsl
+++ b/Services/COPage/xsl/page.xsl
@@ -2735,7 +2735,7 @@
 
 		<!-- mp3 (mediaelement.js) -->
 		<xsl:when test = "$type='audio/mpeg' and (substring-before($data,'.mp3') != '' or substring-before($data,'.MP3') != '')">
-			<audio class="ilPageAudio" height="30">
+			<audio class="ilPageAudio" height="40" preload="meta">
 				<xsl:attribute name="src"><xsl:value-of select="$data"/></xsl:attribute>
 				<xsl:if test="$width != ''">
 					<xsl:attribute name="width"><xsl:value-of select="$width"/></xsl:attribute>
diff --git a/Services/MediaObjects/classes/class.ilMediaPlayerGUI.php b/Services/MediaObjects/classes/class.ilMediaPlayerGUI.php
index e9cc15186c7f..33b1d4caebe7 100755
--- a/Services/MediaObjects/classes/class.ilMediaPlayerGUI.php
+++ b/Services/MediaObjects/classes/class.ilMediaPlayerGUI.php
@@ -315,7 +315,7 @@ public function getMp3PlayerHtml(
             $height = $this->getDisplayHeight();
             $width = $this->getDisplayWidth();
             if (is_int(strpos($mimeType, "audio/mpeg"))) {
-                $height = "30px";
+                //$height = "30px";
             }
 
             if ($height != "") {
@@ -372,12 +372,12 @@ public function getMp3PlayerHtml(
             }
             $mp_tpl->setCurrentBlock("audio");
             if ($preview_output) {
-                $mp_tpl->setVariable("ASTYLE", "margin-top:-30px");
+                $mp_tpl->setVariable("ASTYLE", "margin-top:-40px");
             }
             $mp_tpl->setVariable("AFILE", $this->getFile());
             $mp_tpl->setVariable("APLAYER_NR", $this->id . "_" . $this->current_nr);
             $mp_tpl->setVariable("AEVENT_URL", $this->event_callback_url);
-            $mp_tpl->setVariable("AHEIGHT", "30");
+            $mp_tpl->setVariable("AHEIGHT", "40");
             $mp_tpl->setVariable("AWIDTH", "320");
             $mp_tpl->parseCurrentBlock();
             return $mp_tpl->get();
diff --git a/Services/MediaObjects/templates/default/tpl.flv_player.html b/Services/MediaObjects/templates/default/tpl.flv_player.html
index 764ac28c1ee7..3b276c5fa451 100644
--- a/Services/MediaObjects/templates/default/tpl.flv_player.html
+++ b/Services/MediaObjects/templates/default/tpl.flv_player.html
@@ -72,7 +72,7 @@
 	</div>
 	<!-- END apreview -->
 	<div style="{ASTYLE}">
-	<audio id="player_{APLAYER_NR}" src="{AFILE}" width="{AWIDTH}" height="{AHEIGHT}" preload="none"></audio>
+	<audio id="player_{APLAYER_NR}" src="{AFILE}" width="{AWIDTH}" height="{AHEIGHT}" preload="meta"></audio>
 	<script>
 	$(function() {
 		$('#player_{APLAYER_NR}').mediaelementplayer({