[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 lang="de">

<head>
    <title>Titel</title>
    <meta charset="UTF-8">
</head>

<body>
   <audio controls>
      <source src="Requiem.ogg" type="audio/ogg">
      <source src="Requiem.mp3" type="audio/mpeg">
      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 sollte - wenn möglich - 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 ...
* https://www.audacityteam.org/ - die Webseite von Audacity
* Audacity - Einstieg leicht gemacht
* 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 https://commons.wikimedia.org die Audio - Datei "Korky_Paul_audio_intro.mp3" herunter und binde sie mit dem richtigen tag in die Webseite ein!
Hier findest du das Audio - File: https://commons.wikimedia.org/wiki/File:Korky_Paul_audio_intro.mp3
Wichtig ist, dass du die von dir verwendeten Audio - Dateien entweder von dir selbst stammen, eine freie kommerzielle Nutzung erlauben (wie z.B. bei Pixabay), eine "public domain" oder CC - Lizenz haben sollten! Infos zur "Gemeinfreiheit", "Public Domain" oder CC - Lizenz findest du u.a. hier in einer YouTube - Playlist von mir: Urheberrecht - gemeinfreie und CC - Lizenzen
Speichere diese Datei als 013.html. Wähle für diese Webseite mit dem entsprechenden Tag einen aussagekräftigen Titel!