16
This commit is contained in:
249
16.html
Normal file
249
16.html
Normal file
@@ -0,0 +1,249 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Einführung in Linux</title>
|
||||
|
||||
<meta name="description" content="YALC - Yet Another Linux Course ">
|
||||
<meta name="author" content="Daniel Schubert">
|
||||
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" href="css/reveal.css">
|
||||
<link rel="stylesheet" href="css/theme/league.css" id="theme">
|
||||
|
||||
<link rel="icon" href="img/openlogo-nd-25.png" type="img/png">
|
||||
|
||||
<!-- Theme used for syntax highlighting of code -->
|
||||
<link rel="stylesheet" href="lib/css/zenburn.css">
|
||||
|
||||
<!-- Printing and PDF exports -->
|
||||
<script>
|
||||
var link = document.createElement( 'link' );
|
||||
link.rel = 'stylesheet';
|
||||
link.type = 'text/css';
|
||||
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
|
||||
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.reveal img{ max-height: 60vh}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="reveal">
|
||||
<!-- Any section element inside of this container is displayed as a slide -->
|
||||
<div class="slides">
|
||||
|
||||
<section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
|
||||
<h1>LINUX</h1>
|
||||
<h3>Das universelle Betriebssystem</h3>
|
||||
<p>Eine Einführung - Teil 16
|
||||
<p> <small>Deutsche Angestellten Akademie</small> </p>
|
||||
<aside class="notes">
|
||||
Frage: Fragen zur letzten Stunde?
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section data-transition="slide" data-background="#b5533c" data-background-transition="convex" ><h3 >Linux und Multimedia</h3></section>
|
||||
|
||||
<section data-transition="slide" data-background="img/trianglify.svg" data-background-transition="convex"> <h3 style="color: lightgrey; text-shadow: 1px 1px black">Bildbearbeitung</h3></section>
|
||||
|
||||
<section>
|
||||
<h5>the Gimp</h5>
|
||||
<p>GNU Image Manipulation Programm</p>
|
||||
<img src="img/2019-03-02-124423_1366x768_scrot.png">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h5>Darktable</h5>
|
||||
<img src="img/2019-03-02-124938_1366x768_scrot.png">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h5>Inkscape</h5>
|
||||
<p>Vektorbilder </p>
|
||||
<img src="img/2019-03-02-125227_1366x768_scrot.png">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<p><a href="https://imagemagick.org/index.php">ImageMagick</a>
|
||||
<ul>
|
||||
<li>convert / mogrify
|
||||
</ul>
|
||||
<pre><code class="bash"> sudo apt install imagemagick
|
||||
|
||||
# komprimiert ein jpg ohne sichtbare Qualitätsverluste
|
||||
# ( zb für Webseiten Deployment )
|
||||
convert -strip -interlace Plane -sampling-factor 4:2:0 \
|
||||
-quality 85% quelle.jpg result.jpg
|
||||
|
||||
# das selbe, aber rekursiv und destruktiv
|
||||
find . -name "*.jpg" -exec mogrify -strip -interlace Plane \
|
||||
-sampling-factor 4:2:0 -quality 85% {} \;
|
||||
|
||||
# Bild beschneiden und zentrieren
|
||||
convert input.jpg -crop '1900x1400+0+0'\
|
||||
-gravity Center output.jpg
|
||||
</code></pre></li>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<pre><code class="bash">convert bild.jpg -background black -vignette 5x65000 out.gif
|
||||
</code></pre>
|
||||
<ul>
|
||||
<li>montage</li>
|
||||
</ul>
|
||||
<pre><code>montage *.jpg out.jpg</code></pre>
|
||||
|
||||
<ul>
|
||||
<li>import</li>
|
||||
</ul>
|
||||
<pre><code>import screen.jpg</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<pre style="width: 80vw; font-size: .5em"><code class="bash">convert -size 320x90 canvas:none -stroke snow4 -size 1x90 -tile gradient:white-snow4 \
|
||||
-draw 'roundrectangle 16, 5, 304, 85 20,40' +tile -fill snow \
|
||||
-draw 'roundrectangle 264, 5, 304, 85 20,40' -tile gradient:chartreuse-green \
|
||||
-draw 'roundrectangle 16, 5, 180, 85 20,40' -tile gradient:chartreuse1-chartreuse3 \
|
||||
-draw 'roundrectangle 140, 5, 180, 85 20,40' +tile -fill none \
|
||||
-draw 'roundrectangle 264, 5, 304, 85 20,40' -strokewidth 2 \
|
||||
-draw 'roundrectangle 16, 5, 304, 85 20,40' \( +clone -background snow4 \
|
||||
-shadow 80x3+3+3 \) +swap -background none -layers merge \( +size -pointsize 90 \
|
||||
-strokewidth 1 -fill red label:'50 %' -trim +repage \( +clone -background firebrick3 \
|
||||
-shadow 80x3+3+3 \) +swap -background none -layers merge \) -insert 0 -gravity center \
|
||||
-append -background white -gravity center -extent 320x200 cylinder_shaded.png</code></pre>
|
||||
</section>
|
||||
|
||||
<section>Ein Bild verschlüsseln
|
||||
<pre><code class="bash">convert rose.jpg -encipher passphrase.txt rose.png</code></pre>
|
||||
<pre><code class="bash"># ein anders Bild als Passwort
|
||||
convert rose.jpg -encipher smiley.gif rose.png</code></pre>
|
||||
|
||||
<pre><code class="bash"># entschlüsseln
|
||||
convert rose.png -decipher smiley.gif rose.jpg</code></pre>
|
||||
|
||||
<a href="https://imagemagick.org/Usage/transform/#encipher">ImageMagick Hilfe Seite</a>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<span style="color: orange">Aufgabe:</span>
|
||||
<ul>
|
||||
<li>Bereitet <a href="https://www.schubertdaniel.de/linuxkurs/bilder.zip">diese Bilder</a> vor für eine Bildergallerie. </li>
|
||||
<li>Die Bilder sollen nicht grösser als 1200x800px sein.</li>
|
||||
<li>Die Bilder sollen nicht beschnitten werden.</li>
|
||||
<li>Die Metadaten sollen entfernt werden.</li>
|
||||
<li>Veröffentlicht die Bilder in einer Gallerie auf eurer Wordpress Seite.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
screenshots mit scrot
|
||||
<pre><code class="bash">~$ scrot -d 5 '%Y-%m-%d_$wx$h.png'</code></pre>
|
||||
</section>
|
||||
|
||||
<section data-transition="slide" data-background="img/trianglify.svg" data-background-transition="convex"> <h3 style="color: lightgrey; text-shadow: 1px 1px black">Video Editing / Transkodierung</h3></section>
|
||||
|
||||
<section>
|
||||
<h4>Einfacher Videoschnitt</h4>
|
||||
<ul>
|
||||
<li class="fragment">OpenShot</li>
|
||||
<li class="fragment">Pitivi</li>
|
||||
<li class="fragment">KDEnlive</li>
|
||||
</ul>
|
||||
<h4 class="fragment">Anspruchsvoller Videoschnitt</h4>
|
||||
<ul>
|
||||
<li class="fragment">Blender - eigentl. 3D-Rendering <br><a href="https://peach.blender.org/download/">Big Buck Bunny</a></li>
|
||||
<li class="fragment">Lightworks</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h4>ffmpeg</h4>
|
||||
<h5>Das Schweizer Taschenmesser der Audio / Video Konvertierung</h5>
|
||||
|
||||
<pre><code class="bash"># einfache Transkodierung
|
||||
ffmpeg -i videoi.avi video.mpg
|
||||
|
||||
# DVD Rip
|
||||
ffmpeg -i snatch_1.vob -f avi -c:v mpeg4 -b:v 800k \
|
||||
-g 300 -bf 2 -c:a libmp3lame -b:a 128k snatch.mpg
|
||||
|
||||
# h264 kodiertes mp4 zur Darstellung im Browser
|
||||
ffmpeg -i infile.avi -vf scale=1200:800 -b:v 600k \
|
||||
-b:a 128k -c:v libx264 -preset medium
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<ul>
|
||||
<li>Handbrake</li>
|
||||
<li>libdvdcss</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section data-transition="slide" data-background="img/trianglify.svg" data-background-transition="convex"> <h3 style="color: lightgrey; text-shadow: 1px 1px black">Audio Production</h3></section>
|
||||
|
||||
<section>
|
||||
<ul>
|
||||
<li class="fragment ">ardour</li>
|
||||
<li class="fragment ">calf</li>
|
||||
<li class="fragment ">guitarix</li>
|
||||
<li class="fragment ">jack</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
Ubuntustudio
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h4>Abspielprgramme</h4>
|
||||
<ul>
|
||||
<li class="fragment">VLC</li>
|
||||
<li class="fragment">Mplayer</li>
|
||||
<li class="fragment">Rhythmbox</li>
|
||||
<li class="fragment"></li>
|
||||
<li class="fragment">VLC</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="lib/js/head.min.js"></script>
|
||||
<script src="js/reveal.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#configuration
|
||||
Reveal.initialize({
|
||||
controls: true,
|
||||
progress: true,
|
||||
history: true,
|
||||
center: true,
|
||||
|
||||
transition: 'slide', // none/fade/slide/convex/concave/zoom
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#dependencies
|
||||
dependencies: [
|
||||
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
||||
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
|
||||
{ src: 'plugin/search/search.js', async: true },
|
||||
{ src: 'plugin/zoom-js/zoom.js', async: true },
|
||||
{ src: 'plugin/notes/notes.js', async: true }
|
||||
]
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user