Added HTML templates to decouple UX from sync info

unknown · unknown · commit e607848c2e73 · 2014-01-17T20:45:17.000-05:00
diff --git a/examples/README.txt b/examples/README.txt
@@ -0,0 +1 @@
+Goto "scipts" folder and run: python ../examples/template.html ../examples/sync.txt > ../examples/video_test.html
diff --git a/examples/sync.txt b/examples/sync.txt
@@ -0,0 +1,10 @@
+qBtfh0uxGM8
+0,"10701png/page_1.png","Welcome",1,
+77,"10701png/page_2.png","Administrative Stuff",1,
+80,"10701png/page_3.png", "Important Stuff",2,
+403,"10701png/page_4.png","Projects & Homeworks",2,
+637,"10701png/page_5.png","Color Coding",2,
+657,"10701png/page_6.png","Feedback",2,
+711,"10701png/page_7.png","Outline",1,
+792,"10701png/page_8.png","Who cares ? It is not indexed anyway",0,
+842,"10701png/page_9.png","Programming with data",1
diff --git a/examples/template.html b/examples/template.html
@@ -1,8 +1,7 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
-	<script type="text/javascript" src="utube_slides.js"></script>
-	<script type="text/javascript" src="swfobject/swfobject.js"></script>
+	<script type="text/javascript" src="../web_ux/utube_slides.js"></script>
 	<script type="text/javascript">
 		function startPlayer() {
 			//Optional: set index style
@@ -13,18 +12,10 @@
 
 			//Optional: Set youtube player dimensions (default is 640x480)
 			setVideoDims(640, 480);
-
-			initYoutubeAndSlides("qBtfh0uxGM8",
+			initYoutubeAndSlides(
+				"NOW_UC_SLIDES_VIDEO_ID",
 				[
-		                        0,"10701png/page_1.png","Welcome",1,
-                		        77,"10701png/page_2.png","Administrative Stuff",1,
-		                        80,"10701png/page_3.png", "Important Stuff",2,
-                		        403,"10701png/page_4.png","Projects & Homeworks",2,
-					637,"10701png/page_5.png","Color Coding",2,
-					657,"10701png/page_6.png","Feedback",2,
-					711,"10701png/page_7.png","Outline",1,
-					792,"10701png/page_8.png","Who cares ? It is not indexed anyway",0,
-					842,"10701png/page_9.png","Programming with data",1
+					NOW_UC_SLIDES_SYNC
 				]
 			, "ytapiplayer"
 			, "slidedisplay"
diff --git a/scripts/apply_template.py b/scripts/apply_template.py
@@ -0,0 +1,22 @@
+import sys
+
+help_message = '''apply_template.py: Script to embed synchronization info into an HTML template
+Usage: python apply_template.py <template_file_name> <sync_info_file_name>'''
+
+if len(sys.argv) != 3:
+	print(sys.argv)
+	print(help_message)
+	exit()
+	
+f_template = open(sys.argv[1], 'r')
+f_sync = open(sys.argv[2], 'r')
+html = f_template.read()
+video_id = f_sync.readline().rstrip()
+sync = f_sync.read()
+
+html = html.replace('NOW_UC_SLIDES_VIDEO_ID', video_id).replace('NOW_UC_SLIDES_SYNC', sync)
+
+print(html)
+
+f_template.close()
+f_sync.close()

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+Goto "scipts" folder and run: python ../examples/template.html ../examples/sync.txt > ../examples/video_test.html`