Force page break between slides when printed

[lca-dvswitch.git] / index.html
diff --git a/index.html b/index.html

index 17831b4cb964eaade905218e42f2ad79d8ca7bcc..ae10127caf46ad364d531e5830ca65ddb4afafed 100644 (file)
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
  <html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
-<title>DVswitch - Ben Hutchings - LCA2011</title>
+<title>Making great conference videos on a budget - Ben Hutchings - LCA2011</title>
  <!-- metadata -->
  <meta name="generator" content="S5" />
  <meta name="version" content="S5 1.1" />
@@ -23,6 +23,9 @@
    th { border-bottom: 2pt solid black }
    th, td { padding: 0 6pt }
  </style>
+<style type="text/css" media="print">
+  .slide { page-break-after: always }
+</style>
  <!-- S5 JS -->
  <script src="s5-blank/ui/default/slides.js" type="text/javascript"></script>
  </head>
@@ -36,7 +39,7 @@
  </div>
  <div id="footer">
  <h1>LCA2011</h1>
-<h2>DVswitch</h2>
+<h2>Making great conference videos on a budget</h2>
  </div>
  
  </div>
@@ -45,7 +48,7 @@
  <div class="presentation">
  
  <div class="slide">
-<h1>DVswitch</h1>
+<h1>Making great conference videos<br />on a budget</h1>
  <h3>Ben Hutchings</h3>
  </div>
  
@@ -96,8 +99,8 @@
        Now used more widely, often without streaming
      </li>
      <li>
-      Mixing is <em>live</em> - required for streaming, and avoids the
-      need for extensive editing after the event
+      Mixing is <em>live</em> - required for streaming, and avoids
+      extensive editing after the event
      </li>
      <li>
        Mixing is <em>interactive</em> - required for good coverage of
@@ -180,7 +183,7 @@
  
  <div class="slide">
    <h1>Overview of the system</h1>
-  <object data="dvswitch-simple.dia.svg" width="75%"></object>
+  <object data="dvswitch-simple.dia.svg" width="90%"></object>
    <div class="handout">
      <p>
        This is a simplified view of the typical components.  The system
@@ -257,17 +260,17 @@
  
  <div class="slide">
    <h1>Mixer UI</h1>
-  <object data="screenshot-1.png" width="50%"></object>
+  <object data="screenshot-1.png" width="70%"></object>
  </div>
  
  <div class="slide">
    <h1>Mixer UI, annotated</h1>
-  <object data="screenshot-1-annotated.xcf.png" width="50%"></object>
+  <object data="screenshot-1-annotated.xcf.png" width="70%"></object>
  </div>
  
  <div class="slide">
    <h1>Mixer internals</h1>
-  <object data="dvswitch-internal.dia.svg" width="90%" height="90%"></object>
+  <object data="dvswitch-internal.dia.svg" width="95%"></object>
    <div class="handout">
      <p>
        To simplify the diagram, I omitted connection setup, tally light
@@ -287,5 +290,56 @@
    </div>
  </div>
  
+<div class="slide">
+  <h1>Icecast streaming server</h1>
+  <ul class="incremental">
+    <li>
+      Simple HTTP streaming server supporting MP3, Ogg Vorbis and
+      Ogg Theora streams
+    </li>
+    <li>
+      Each stream is provided by an authenticated source client or
+      relayed from another server
+    </li>
+    <li>
+      Relaying allows you to build a distribution network serving
+      viewers inside and outside the conference
+    </li>
+  </ul>
+</div>
+
+<div class="slide">
+  <h1>Icecast distribution network</h1>
+  <object data="streaming-network.dia.svg" width="70%"></object>
+  <ul>
+    <li>
+      Internal master serves internal viewers and external master
+    </li>
+    <li>
+      Public servers serve viewers anywhere
+    </li>
+    <li>
+      Relaying restricted by password and/or firewall
+    </li>
+  </ul>
+</div>
+
+<div class="slide">
+  <h1>Further information</h1>
+  <ul>
+    <li>
+      DVswitch
+      <ul>
+       <li>Web: <a href="http://dvswitch.alioth.debian.org">http://dvswitch.alioth.debian.org</a></li>
+       <li>Mail: <a href="mailto:dvswitch-devel@lists.alioth.debian.org">dvswitch-devel@lists.alioth.debian.org</a></li>
+       <li>IRC: #dvswitch on OFTC</li>
+      </ul>
+    </li>
+    <li>
+      Icecast: <a href="http://www.icecast.org/">http://www.icecast.org/</a>
+    </li>
+  </ul>
+</div>
+
  </body>
  </html>