ws16_mmp-video-1's Issues
Hinweise Aufgabe 1
Hinweise:
für die lokale Arbeit auf der Festplatte (über file:// und nicht http://) müssen bestimmte Sicherheitsfunktionen der Browser ausgeschaltet werden:
Chrome starten mit:
chrome --allow-file-access-from-files
Firefox:
in der config setzen: ("about: config")
security.fileuri.strict_origin_policy = false
Abgabe:
Bitte bei allen Dateien diese Benamung benutzen:
mmp2016-name-aufgabe
Aufgabe 1
Aufgabe V1: Color Filter und Color Key
Video-A1: Color Filter und Color Key
Verwende das Muster "colorfilter brightness" für die Aufgabe.
Das Beispiel zeigt die Helligkeitsanpassung eines Videos mit HTML / Javascript
Aufgaben:
a) ersetze das Video durch den Clip "Tagesschau" (tv100s...)
b) Erweitere das Beispiel um separate Helligkeitsregler für die R,G,B-Kanäle
-
Erweitere das Beispiel um zusätzlich einschaltbare Bildfilter:
a) Umwandlung in s/w (Graustufen) - bitte auf korrekte Y-Berechnung der Graustufen beachten
b) Verwendung eines "Sepia"-Bildfilters - bitte selbst nach Formel für Sepia-Effekt recherchieren
-
Verwende das Beispiel "Color Key"
Erstelle eine Webseite colorkey-blue.html.
Verwende die Webseite colorkey-green.html als Grundlage
Passe den Javascript-Code in processor.js so an, dass der blaue Hintergrund als Key verwendet wird und durch die Hintergrundbilder ersetzt wird.
Online-Beispiel "colorkey-green":
http://141.64.64.17/dozweb/demo/html5/showcase2010/chroma_view/green5/green10.html
- Erweitere die Anwendung durch Einbindung einer Live-Kamera
Muster in camera.js
Einbindung in beide Beispiele (colorfilter und colorkey)
Für das Color Key Beispiel verwende einen Live-Hintergrund der geeignet für ein Key ist
(z.b. weiße Wand)
Es kommt in der Abgabe nicht auf die Genauigkeit des Keys hin, es müssen also nicht alle Bildteile "sauber" herausgeschnitten sein.
Abgabe:
-
Webseiten online (eigener server oder public-server bei Beuth)
-
vollständig im Browser lauffähiges ZIP-Paket
-
Screenshots von den Webseiten im Einsatz und einmal mit Live-Kamera
-
Beschreibung der Änderungen am Code
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.