diff options
| author | Quentin Dufour <quentin@deuxfleurs.fr> | 2021-11-26 15:51:03 +0100 |
|---|---|---|
| committer | Quentin Dufour <quentin@deuxfleurs.fr> | 2021-11-26 15:51:03 +0100 |
| commit | 2b53e3e2ef985a01fecede6a5854428391d83726 (patch) | |
| tree | 1ca7dcc4edbabb55068a315e57c24b58b00fa920 /static/presentations/2021-11-13/garage/examples/media.html | |
| parent | 888003d72fe33b0a8e8962040d1f759b58f18e6b (diff) | |
| download | rfid-2b53e3e2ef985a01fecede6a5854428391d83726.tar.gz rfid-2b53e3e2ef985a01fecede6a5854428391d83726.zip | |
Ajout présentation et programme du 11/12
Diffstat (limited to 'static/presentations/2021-11-13/garage/examples/media.html')
| -rw-r--r-- | static/presentations/2021-11-13/garage/examples/media.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/static/presentations/2021-11-13/garage/examples/media.html b/static/presentations/2021-11-13/garage/examples/media.html new file mode 100644 index 0000000..388208f --- /dev/null +++ b/static/presentations/2021-11-13/garage/examples/media.html @@ -0,0 +1,75 @@ +<!doctype html> +<html lang="en"> + + <head> + <meta charset="utf-8"> + + <title>reveal.js - Video, Audio and Iframes</title> + + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> + + <link rel="stylesheet" href="../dist/reveal.css"> + <link rel="stylesheet" href="../dist/theme/white.css" id="theme"> + </head> + + <body> + + <div class="reveal"> + + <div class="slides"> + + <section> + <h2>Examples of embedded Video, Audio and Iframes</h2> + </section> + + <section> + <h2>Iframe</h2> + <iframe data-autoplay width="700" height="540" src="https://slides.com/news/auto-animate/embed" frameborder="0"></iframe> + </section> + + <section data-background-iframe="https://www.youtube.com/embed/h1_nyI3z8gI" data-background-interactive> + <h2 style="color: #fff;">Iframe Background</h2> + </section> + + <section> + <h2>Video</h2> + <video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" data-autoplay></video> + </section> + + <section data-background-video="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"> + <h2>Background Video</h2> + </section> + + <section> + <h2>Auto-playing audio</h2> + <audio src="assets/beeping.wav" data-autoplay></audio> + </section> + + <section> + <h2>Audio inside slide fragments</h2> + <div class="fragment"> + Beep 1 + <audio src="assets/beeping.wav" data-autoplay></audio> + </div> + <div class="fragment"> + Beep 2 + <audio src="assets/beeping.wav" data-autoplay></audio> + </div> + </section> + + <section> + <h2>Audio with controls</h2> + <audio src="assets/beeping.wav" controls></audio> + </section> + + </div> + + </div> + + <script src="../dist/reveal.js"></script> + <script> + Reveal.initialize({hash: true}); + </script> + + </body> +</html> |