add index view

wireWAX · Jan 13, 2017 · 37a7ae3 · 37a7ae3
1 parent 58db557
commit 37a7ae3
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,5 @@
 # Media Source Tutorial
 To host locally npm install and then node app.js
+
+
+This repo contains the source files for a [blog series on WIREWAX.com](https://www.wirewax.com/blog/post/building-a-media-source-html5-player).
diff --git a/app.js b/app.js
@@ -20,7 +20,7 @@ app.configure(function () {
     app.use(express.bodyParser());
     app.use(express.methodOverride());
     app.use(app.router);
-    app.use(express.static(path.join(__dirname, 'public')));
+    app.use('/', express.static(path.join(__dirname, 'public')));
     app.engine('html', require('ejs').renderFile);
     app.use(express.errorHandler());
 });
@@ -30,6 +30,7 @@ var server = app.listen(3105);
 exports = module.exports = app;
 
 // Routes
+app.get('/', routes['index']);
 app.get('/basic', routes['basicPlayer']);
 app.get('/buffering', routes['bufferingPlayer']);
 app.get('/adaptive', routes['adaptiveStreamingPlayer']);
diff --git a/package.json b/package.json
@@ -2,7 +2,8 @@
   "name": "mediaSourceTutorial",
   "version": "0.0.1",
   "dependencies": {
+    "ejs": "^2.5.5",
     "express": "3.3.4",
-      "request": "~2.22.0"
+    "request": "~2.22.0"
   }
 }
diff --git a/routes/index.js b/routes/index.js
@@ -1,3 +1,6 @@
+exports.index = function(req, res) {
+    res.render('index.html');
+};
 exports.basicPlayer = function(req , res){
 	res.render('basic-player.html');
 };

diff --git a/views/index.html b/views/index.html
@@ -0,0 +1,26 @@
+<html>
+<head>
+    <script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="style/basic.css">
+</head>
+<body>
+<table class="ww4-table">
+    <tr>
+        <td>
+            <a href="/basic" title="Basic example">Basic player</a>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <a href="/buffering" title="Buffering player">Buffering player</a>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <a href="/adaptive" title="Adaptive streaming player">Adaptive streaming player</a>
+        </td>
+    </tr>
+</tr>
+</table>
+</body>
+</html>