| .. | ||
| README.md | ||
Aufgabe M152-g: Bildformate, Videoformate, Soundformate erstellen und vergleichen
Aufträge
Zeitbedarf: ca. 60-90 min.
1.) Fotos/Bilder
Einleitung "Bilder"
Bildformate erklärt | PNG, JPEG, BMP & mehr - Wann welches Format nutzen?
8:16 min, D, Youtube, 09.08.2022
https://www.youtube.com/watch?v=FqPUwN_iqPk
How are Images Compressed from 46 MB to 4 MB (jpeg)?
18:46 min, E, Youtube, 23.12.2021
https://www.youtube.com/watch?v=Kv1Hiv3ox8I
Explaining Image File Formats
14:19 min, E, Youtube, 23.01.2022
https://www.youtube.com/watch?v=WblPwVq9KnU
Image File Formats - JPEG, GIF, PNG
6:44 min, E, Youtube, 16.05.2017
https://www.youtube.com/watch?v=ww12lImOJ38
Aufgabe "Bilder"
Machen Sie zwei Fotos mit Ihrem Smartphone.
-
Ein Foto hat möglichst wenige Details darauf (eine eintönige Wand, Fussboden, Fläche oder sowas).
-
Ein Foto hat viele Elemente darauf (z.B ein Bild aus Ihrem Fenster, ein Baum, ein Blumenbeet oder ähnliches)
Machen Sie damit folgendes:
- transferieren Sie die beiden Fotos auf Ihren Rechner.
- Speichern Sie neben dem originalen JPEG (unverändert) auch noch in die Dateiformate BMP, PNG-8, GIF sowie ein JPEG, alle mit (sehr) geringer Auflösung/Grösse (das kann man in den Softwaretools wie z.B. irfanview.com einstellen). Wie weit kann man gehen?
- Erstellen Sie eine HTML- oder PHP-Dokument und integrieren Sie die Fotos auf die WebSite in den verschiedenen Formaten und fügen Sie untenstehende Beschreibung(en) hinzu.
- Notieren Sie zu den Fotos die Dateigrössen der Dateiformate JPEG (beide), BMP, PNG-8, GIF
- Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
- Erklären Sie auch Unterformate, falls es welche gibt (z.B. Interlaced, Transparenz, ...)
- Beschreiben Sie zu jedem Bildformat deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck
Softwareempfehlung: https://www.irfanview.com/
Andere wären z.B. auch Gimp, Photoshp, ...
2.) Videos
Einleitung "Videos"
Explaining Digital Video: Formats, Codecs & Containers
14:43 min, D, Youtube, 07.03.2021
https://www.youtube.com/watch?v=-4NXxY4maYc
Aufgabe "Video"
Erstellen Sie Mit Ihrem Smartphone ein Kurzvideo (ca. 10 Sekunden) transferieren Sie es auf Ihren Rechner und speichern Sie es in 3-4 verschiedenen "gängigen" Formaten ab.
- Binden Sie das/die Video/s in 2-3 unterschiedlichen Arten in Ihre WebSite ein (Video-Tag in HTML5, oder mittels "embed" u.ä.)
- Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
- Erklären Sie auch Unterformate, falls es welche gibt und was sie bewirken.
- Beschreiben Sie zu jedem Video-Format deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck
Softwareempfehlung: https://openshot.org
https://mediaboom.com/
https://www.softguide.de/software-tipps/videoformate
https://www.nrwision.de/mitmachen/wissen/videoformate-vergleich
https://www.netzsieger.de/ratgeber/videoformate
https://blog.mynd.com/de/wichtigsten-videoformate
3.) Sounds/Töne/Musik/Jingle
Suchen Sie sich im Internet frei verfügbare Musik, Sounds oder Jingles und speichern Sie sie in 2-4 unterschiedlichen "gängigen" Formaten ab.
- Binden Sie die Audio-Dateien in Ihre Webseite auf 2-3 Arten (automatisches Losspielen) und als manuell startbares Audio entsprechend ein.
- Erklären Sie mit eigenen Worten zu jedem Dateiformat, warum die Datei so gross oder klein ist.
- Erklären Sie auch Unterformate, falls es welche gibt.
- Beschreiben Sie zu jedem Audioformat deren Vorteile und Nachteile sowie deren optimalen Einsatzzweck
https://www.audible.de
https://de.wikipedia.org/wiki/Web_Audio_API
https://googlechromelabs.github.io/web-audio-samples
https://umaar.com/dev-tips/203-web-audio-inspector
https://www.nrwision.de/mitmachen/wissen/audioformate-vergleich
Hinweis:
- erinnern Sie sich ans Modul 114 (1. Lehrjahr) und/oder holen sie sich dessen Unterlagen hervor
- lesen Sie sich im Internet schlau