[html5.wirlernen.at] [Aufgaben zur Lektion] [Video zur Lektion]

Lektion 13: Eine eigene Audio - Datei einfügen:

Hier lernst du wie man in einer Webseite eine eigene Audio - Datei mit z.B. einem selbst gesungenen Lied :-) einfügt - mit dem so genannten audio - tag.
Der Code:
<!DOCTYPE html>
<html>

<head>
    <title>Titel</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>

<body>
<audio controls="controls">
  <source src="Requiem.ogg" type="audio/ogg" />
  <source src="Requiem.mp3" type="audio/mp3" />
  Your browser does not support the audio tag.
</audio>
</body>
</html>
Beispiel - so siehts aus - es wird mit Hilfe des Audio - tags eine Audio-Datei eingebunden. Da nicht jeder Browser jedes Audioformat unterstützt muss z.B. ein Song in mehreren Formaten angeboten werden... Je nach Browser kann der Audio - Player unterschiedlich ausschauen - probiere diese Webseite einmal mit unterschiedlichen Browsern aus...
[Beispiel zur Lektion]


Tipp: Man kann ein Video mit Hilfe von bestimmter Software in andere Formate umwandeln (konvertieren) - z.B. mit der kostenlosen Software xmedia-recode ...
* hier kommst zur Webseite von Audacity
* Podcasts erzeugen mit Audacity
* hier kommst zur Webseite von xmedia-recode
* hier kannst du dir bei Youtube Videos von mir zum Umgang mit xmedia-recode betrachten

Augabenstellung:
1. Mit welchem HTML - Tag kann eine Audio - Datei in eine Webseite eingebunden werden?
2. Erkläre mit eigenen Worten was man unter einem Audioformat versteht! Zur Beantwortung der Frage kannst du natürlich auch im Internet recherchieren!
3. Welche 2 verschiedenen Audioformate werden im obigen Listing in die Webseite eingebunden? Warum sind gerade diese 2 Audioformate besonders gegeignet um in eine HTML5 - Webseite eingebunden zu werden? Zur Beantwortung der Frage kannst du natürlich auch im Internet recherchieren!
4. Erzeuge in einem Editor ein HTML5 - Grundgerüst! Lade von der URL http://archive.org/ jeweils 1 Ogg - Audio - Datei und 1 mp3 - Audio - Datei herunter - KEINE der Audio - Dateien darf größer als 5.0 MB groß sein!!! Diese beiden Audio - Dateien sind mit dem entsprechenden Tag in die Webseite einzubinden! Speichere diese Datei als 013.html. Wähle für diese Webseite mit dem entsprechenden Tag einen aussagekräftigen Titel!