From ca8e50754d792baf817c3870be670222ecb0df6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20H=C3=B6ink?= <tim.hoeink-q2y@ruhr-uni-bochum.de>
Date: Tue, 10 Oct 2023 13:54:02 +0000
Subject: [PATCH] Upload New File

---
 slides/ws-video/index.html | 225 +++++++++++++++++++++++++++++++++++++
 1 file changed, 225 insertions(+)
 create mode 100644 slides/ws-video/index.html

diff --git a/slides/ws-video/index.html b/slides/ws-video/index.html
new file mode 100644
index 000000000..654bcb4bc
--- /dev/null
+++ b/slides/ws-video/index.html
@@ -0,0 +1,225 @@
+<!doctype html>
+<html lang="en">
+
+	<head>
+		<meta charset="utf-8">
+
+		<title>Präsentation</title>
+
+		<meta name="description" content="Eine Präsentation aus dem RUB-Makerspace">
+		<meta name="author" content="RUB-Makerspace">
+
+		<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">
+
+		<link rel="stylesheet" href="../lib/reveal/dist/reset.css">
+		<link rel="stylesheet" href="../lib/reveal/dist/reveal.css">
+    <link rel="stylesheet" href="../lib/reveal/dist/theme/simple.css" id="theme">
+
+    <link rel="stylesheet" href="../lib/reveal/plugin/chalkboard/style.css">
+    <link rel="stylesheet" href="../lib/reveal/plugin/customcontrols/style.css">
+
+  
+		<!-- Theme used for syntax highlighting of code -->
+		<link rel="stylesheet" href="../lib/reveal/plugin/highlight/monokai.css" id="highlight-theme">
+
+    <link rel="stylesheet" href="../lib/reveal/plugin/subtitles/subtitles.css">
+
+	</head>
+
+	<body>
+
+        <div class="reveal">
+            <div class="slides">
+              <section
+                data-markdown="slides.md"
+                data-separator="^\r?\n---\r?\n$"
+                data-separator-vertical="^\r?\n\|\|\|\r?\n$"
+                data-charset="UTF-8">
+              </section>
+            </div>
+        </div>
+
+        <script src="../lib/reveal/dist/reveal.js"></script>
+        <script src="../lib/reveal/plugin/zoom/zoom.js"></script>
+        <script src="../lib/reveal/plugin/notes/notes.js"></script>
+        <script src="../lib/reveal/plugin/search/search.js"></script>
+        <script src="../lib/reveal/plugin/markdown/markdown.js"></script>
+        <script src="../lib/reveal/plugin/highlight/highlight.js"></script>
+        <script src="../lib/reveal/plugin/menu/menu.js"></script>
+        <script src="../lib/reveal/plugin/toolbar/toolbar.js"></script>
+        <script src="../lib/reveal/plugin/customcontrols/plugin.js"></script>
+        <script src="../lib/reveal/plugin/chalkboard/plugin.js"></script>
+        <script src="../lib/reveal/plugin/audio-slideshow/plugin.js"></script>
+        <script src="../lib/reveal/plugin/audio-slideshow/recorder.js"></script>
+        <script src="../lib/reveal/plugin/audio-slideshow/RecordRTC.js"></script>
+        <script src="../lib/reveal/plugin/verticator/verticator.js"></script>   
+
+        <script>
+    
+          // Also available as an ES module, see:
+          // https://revealjs.com/initialization/
+          Reveal.initialize({
+            controls: true,
+            progress: true,
+            center: true,
+            hash: true,
+            slideNumber: 'c/t',            
+            history: true,
+            hideCursorTime: 3000,
+            transition: "fade",
+            menu: { 
+              useTextContentForMissingTitles: true,
+              themes: true,
+              transitions: true,
+              themesPath: '../lib/reveal/dist/theme/',
+              },
+           dependencies: [                
+                { src: '../lib/reveal/plugin/toolbar/toolbar.js' },
+                { src: '../lib/reveal/plugin/spotlight/spotlight.js' },
+                { src: '../lib/reveal/plugin/subtitles/subtitles.js', async: true },
+                { src: '../lib/reveal/plugin/countdown/countdown.js' },
+                { src: '../lib/reveal/plugin/quiz/js/quiz.js', async: true, callback: function() { prepareQuizzes({}); } }
+
+            ],
+
+          verticator: {
+              themetag: 'a',
+              skipuncounted: true,
+              offset: '3vmin',
+              tooltip: 'auto',
+              scale: 0.85,
+              csspath: ''
+              },
+
+           audio: {
+              prefix: 'audio/',   // audio files are stored in the "audio" folder
+              suffix: '.mp3',   // audio files have the ".ogg" ending
+              textToSpeechURL: null,  // the URL to the text to speech converter
+              defaultDuration: 5, // default duration in seconds if no audio is available
+              defaultAudios: true,  // try to play audios with names such as audio/1.2.ogg
+              playerOpacity: 0.3,  // opacity value of audio player if unfocused
+              playerStyle: 'position: fixed; bottom: 30px; left: 25%; width: 50%; height:65px; z-index: 33;', // style used for container of audio controls
+            },
+
+
+            spotlight: {
+
+                size: 75,
+
+                // toggle spotlight by holding down the mouse key
+                toggleSpotlightOnMouseDown: false,
+
+                // true: initially in presentation mode, will also be ture if this is not set and toggleSpotlightOnMouseDown is true
+                initialPresentationMode: false,
+
+
+                // true: disable selecting in presentation mode
+                disablingUserSelect: false,
+
+              // choose the cursor when spotlight is off and in presentation mode. Maybe "default"?
+              presentingCursor: 'default',                 
+
+            },
+            keyboard: { 
+                // alternative to toggleSpotlightOnMouseDown: 
+                // toggle spotlight by pressing key 'p'
+                76: function() { RevealSpotlight.toggleSpotlight() },
+
+                // enter/leave presentation mode by pressing key 'l'
+                75: function() { 
+                  RevealSpotlight.togglePresentationMode(); 
+                },
+            },            
+
+            toolbar: {
+              // Specifies where the toolbar will be shown: 'top' or 'bottom'
+              position: 'top',
+
+              // Add button to toggle fullscreen mode for the presentation
+              fullscreen: false,
+
+              // Add button to toggle the overview mode on and off
+              overview: false,
+
+              // Add button to pause (hide) the presentation display
+              pause: false,
+
+              // Add button to show the speaker notes
+              notes: false,
+
+              // Add button to show the help overlay
+              help: true,
+
+              // If true, the reveal.js-menu will be moved into the toolbar.
+              // Set to false to leave the menu on its own.
+              captureMenu: false,
+
+              // If true, the playback control will be moved into the toolbar.
+              // This is only relevant if the presentation is configured to autoSlide.
+              // Set to false to leave the menu on its own.
+              capturePlaybackControl: false,
+
+              // By default the menu will load it's own font-awesome library
+              // icons. If your presentation needs to load a different
+              // font-awesome library the 'loadIcons' option can be set to false
+              // and the menu will not attempt to load the font-awesome library.
+              loadIcons: true
+            },            
+            chalkboard: {
+                boardmarkerWidth: 3,
+                chalkWidth: 7,
+                chalkEffect: 1.0,
+                storage: null,
+                src: null,
+                readOnly: false,
+                transition: 500,
+                theme: "chalkboard",
+                rememberColor: true,
+                background: [ 'rgba(127,127,127,.1)' , path + 'img/blackboard.png' ],
+                grid: { color: 'rgb(50,50,10,0.5)', distance: 80, width: 2},
+                eraser: { src: path + 'img/sponge.png', radius: 20},
+                boardmarkers : [
+                        { color: 'rgba(100,100,100,1)', cursor: 'url(' + path + 'img/boardmarker-black.png), auto'},
+                        { color: 'rgba(30,144,255, 1)', cursor: 'url(' + path + 'img/boardmarker-blue.png), auto'},
+                        { color: 'rgba(220,20,60,1)', cursor: 'url(' + path + 'img/boardmarker-red.png), auto'},
+                        { color: 'rgba(50,205,50,1)', cursor: 'url(' + path + 'img/boardmarker-green.png), auto'},
+                        { color: 'rgba(255,140,0,1)', cursor: 'url(' + path + 'img/boardmarker-orange.png), auto'},
+                        { color: 'rgba(150,0,20150,1)', cursor: 'url(' + path + 'img/boardmarker-purple.png), auto'},
+                        { color: 'rgba(255,220,0,1)', cursor: 'url(' + path + 'img/boardmarker-yellow.png), auto'}
+                ],
+                chalks: [
+                        { color: 'rgba(255,255,255,0.5)', cursor: 'url(' + path + 'img/chalk-white.png), auto'},
+                        { color: 'rgba(96, 154, 244, 0.5)', cursor: 'url(' + path + 'img/chalk-blue.png), auto'},
+                        { color: 'rgba(237, 20, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-red.png), auto'},
+                        { color: 'rgba(20, 237, 28, 0.5)', cursor: 'url(' + path + 'img/chalk-green.png), auto'},
+                        { color: 'rgba(220, 133, 41, 0.5)', cursor: 'url(' + path + 'img/chalk-orange.png), auto'},
+                        { color: 'rgba(220,0,220,0.5)', cursor: 'url(' + path + 'img/chalk-purple.png), auto'},
+                        { color: 'rgba(255,220,0,0.5)', cursor: 'url(' + path + 'img/chalk-yellow.png), auto'}
+                ]
+            },
+            customcontrols: {
+              controls: [
+                { icon: '<i class="fa fa-pen-square"></i>',
+                  title: 'Toggle chalkboard (B)',
+                  action: 'RevealChalkboard.toggleChalkboard();'
+                },
+                { icon: '<i class="fa fa-pen"></i>',
+                  title: 'Toggle notes canvas (C)',
+                  action: 'RevealChalkboard.toggleNotesCanvas();'
+                }
+              ]
+            },    
+            // Learn about plugins: https://revealjs.com/plugins/
+            // Diese Plugins aktivieren wenn Audio-Vertonung gewünscht ist: RevealAudioSlideshow, RevealAudioRecorder
+            plugins: [ RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight, RevealMenu, RevealChalkboard, RevealCustomControls, Verticator]
+     
+          });
+    
+        </script>
+    
+      </body>
+    </html>
+    
\ No newline at end of file
-- 
GitLab