Tutorial Anleitung mm_attr_file für Audio

Gerne möchte ich mit euch die Lösung teilen, wie man im Metamodels eine Audio-Datei auswählen und als Player im Frontend abspielen kann:

Eine neue Template-Datei unter Templates anlegen:
mm_attr_file_audio.html5

Inhalt der Datei:

PHP-Code:

---

<?php if (is_array($this->src)): 
$arrFile  = $this->src['0']; 
$strTitle = ($arrFile['title']) ? $arrFile['title'] : (($arrFile['alt']) ? $arrFile['alt'] : $arrFile['file']); 
?> 
<!-- indexer::stop --> 
<div class="<?= $arrFile['class'] ?>"> 
    <audio preload="none" controls> 
        <source type="audio/mp3" src="<?= $arrFile['file'] ?>" title="<?= $strTitle ?>"> 
    </audio> 
</div> 
<!-- indexer::continue --> 
<?php endif; ?>

---

Mit folgenden zusätzlichen Zeilen am Anfang der Datei könnt ihr die bestehenden Variablen und deren Werte des Metamodels im Quelltext ausgeben lassen:

PHP-Code:

---

<?php 
echo "<!-- DEBUG START \n"; 
echo "<pre>\n"; 
print_r($this->src); 
echo "</pre>\n"; 
echo "\n DEBUG ENDE -->"; 
?>

---

Nur für Testzwecke drinnen lassen!


Dann im Metamodels
ein Attribut: Datei [file] erstellen.

In den Rendereinstellungen muss das vorhin erstellte Attribut Audio [file] hinzugefügt werden. Bearbeitet dann dieses Attribut und unter dem Dropdown „Angepasstes Template für die Ausgabe“ das mm_attr_file_audio.html5 auswählen.

Nochmals herzlichen Dank an zonky für seine Hilfe!

Ergänzungen von zonky:
* man sollte bei den Einstellungen des Attributes nur die Extension "mp3" zulassen oder das im Template abfangen und nur die Auswahl einer Datei zulassen
* möchte man das für Video machen, dann mehrere Dateien Zulassen mit "mp4", "aac", "webm", "ogg" usw. und im Template bei "source" die entsprechenden Zuweisungen von "type" je Extension einrichten, ggf. weiteres Attribut für "Poster-Image"