Changed to SVG,

--> !!needs SVG bootimage!!
author: M. Voerman <rekordc@gmail.com> 2012-12-16 15:06:37 +0100
committer: M. Voerman <rekordc@gmail.com> 2012-12-16 15:06:37 +0100
commit: a17e8d4f3939461e140fb0366f79ccf748cce571 (patch)
tree: 6dc7e62199dff61242220d713999ec223fd8583a
parent: c733ae3547e11ffb40037c87d4c3592e69cbe8c4 (diff)
download: vdr-vipclient-a17e8d4f3939461e140fb0366f79ccf748cce571.tar.gz
vdr-vipclient-a17e8d4f3939461e140fb0366f79ccf748cce571.tar.bz2
3 files changed, 96 insertions, 54 deletions
diff --git a/History b/History
index bc4b2f8..40f299a 100644
--- a/History
+++ b/History
@@ -1,3 +1,6 @@
+0.10	Changed from webkit to svg, easier for Skinning, 720, 1080 size OSD.
+
+
 0.04	Volume OSD bar
 	Media Player added.
 	Only Play/ Pause & FF, no REW.
diff --git a/index.svg b/index.svg
new file mode 100644
index 0000000..e50aba3
--- /dev/null
+++ b/index.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg onload="onLoad()"
+  onunload="onUnload()"
+  width="100%" 
+  height="100%" 
+  top="0"
+  left="0"
+  viewBox="0 0 1280 720"
+  id="root"
+  version="1.1"
+  preserveAspectRatio="none"
+  viewport-fill="#C0D0C0"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:ekioh="http://www.ekioh.com/2007/ekioh"
+  cursor="no"
+  focusable="true">
+
+
+<!-- javascript functions -->
+<script type="text/ecmascript" xlink:href="settings.js" ></script>
+<script type="text/ecmascript" xlink:href="settings2.js" ></script>
+<script type="text/ecmascript" xlink:href="channels.js" ></script>
+<script type="text/ecmascript" xlink:href="recordings.js" ></script>
+<script type="text/ecmascript" xlink:href="main.js" ></script>
+
+<foreignObject requiredExtensions="application/x-motorola-toi" hidden="true">
+</foreignObject>
+
+<g transform="translate(120,80)" id="head" style="font-size:14px;">
+  <text style="font-size:20px;" x="0" y="0">Audio Track Information</text>
+  <text x="0" dy="12">This portal displays information about the audio tracks
+  found in the current stream</text>
+
+ <g fill="#ff0000">
+  <text x="0" dy="50">Press UP and DOWN to change TV channel</text>
+  <text x="0" dy="70">Press LEFT and RIGHT to change audio track</text>
+</g>
+
+  <g style="font-size:16px;">
+    <text dx="0" dy="100" >Current audio track: </text>
+    <text dx="180" dy="100" id="currAudio">-</text>
+  </g>
+
+  <g transform="translate(0,150)" id="info">
+    <text dx="0" dy="0">Encoding: </text>
+    <text dx="140" dy="0" id="encoding">-</text>
+
+    <text dx="0" dy="16">Sample rate: </text>
+    <text dx="140" dy="16" id="samplerate">-</text>
+
+    <text dx="0" dy="32">Format: </text>
+    <text dx="140" dy="32" id="format">-</text>
+
+    <text dx="0" dy="48">Mode: </text>
+    <text dx="140" dy="48" id="mode">-</text>
+
+    <text dx="0" dy="64">Language: </text>
+    <text dx="140" dy="64" id="language">-</text>
+
+    <text dx="0" dy="80">Subtitle: </text>
+    <text dx="140" dy="80" id="subs">-</text>
+
+    <text dx="0" dy="96">Audience type: </text>
+    <text dx="140" dy="96" id="audience">-</text>
+
+    <text dx="0" dy="112">Component tag: </text>
+    <text dx="140" dy="112" id="component">-</text>
+  </g>
+
+  <video id='videoplane'
+    x="500" 
+    y="40" 
+    width="608px" 
+    height="342px" 
+    preserveAspectRatio="xMidYMid">
+  </video>
+
+  <text id="videouri" dy="420" x="500">-</text>
+
+
+
+</g>
+
+
+
+
+</svg>
+
diff --git a/index.html b/main.js
index 7c658bd..4e29bb9 100644
--- a/index.html
+++ b/main.js
@@ -1,12 +1,3 @@
-<html>
-    <head>
-      <script type="text/javascript" src="settings.js" />
-      <script type="text/javascript" src="settings2.js" />
-      <script type="text/javascript" src="channels.js" />
-      <script type="text/javascript" src="recordings.js" />
-    </head>
-<script language="Javascript">
-
 //
 // Javascript VDR client for Motorola VIP19x0 & VIP19x3
 //
@@ -26,7 +17,7 @@
 //	 change IP server
 //
 
-var Version = "0.04	2012/12/xx"
+var Version = "0.10	2012/12/xx"
 var nrChannels = channels.length;
 var nrMedia = recording.length - 1;
 
@@ -1359,47 +1350,3 @@ function ShowMediaOSD() {
 }
 
 
-</script>
-
-
-	<body style="background:#ccc;" onload="onLoad()" onunload="onUnload()">
-    <embed type="application/x-motorola-toi" hidden="true">
-
-	<div id="channelList" style="background:#bbb; width:100%; height:45%; position:absolute; left:50px; top:25px;"></div>
-	<div id="schedule" style="background:#bbb; width:100%; height:45%; position:absolute; left:50px; top:25px;opacity:0;"></div>
-
-	<div id="colorkeys" style="width:100%; position:absolute; left:75px; top:485px;"><font color=red size=3> ----- </font><font color=green size=3> Next </font><font color=yellow size=3> Schedule </font><font color=blue size=3> INFO </font></div>
-
-
-	<div id="schedkeys" style="width:100%; position:absolute; left:75px; top:485px;opacity:0;"><font color=red size=3>-----</font><font color=green size=3>----</font><font color=yellow size=3> GUIDE </font><font color=blue size=3> ---- </font></div>
-
-	<div id="chanlistepg" style="width:300; position:absolute; left:50px; top:290px;"> 	</div>
-	<div id="switchtimer" style="background:#3366ff;width:300; position:absolute; left:150px; top:150px;z-index:10;opacity:0;"></div>
-
-
-	<videoplane id='videoplane' style='position:absolute; left:0px; top:0px; height: 100%; width: 100%; z-index:500;'></videoplane>
-
-	<div id="osdvolume" style="width:450px; position:absolute; left:150px; top:500px;z-index:501;fontFamily:VDRSymbolsSans;opacity:0;">Volume : </div>
-	<div id="osdmedia" style="width:450px; position:absolute; left:150px; top:400px;z-index:505;fontFamily:VDRSymbolsSans;opacity:0;"></div>
-
-	<div id="osdmain" style="background:#3366ff;width:550px; position:absolute; left:75px; top:350px; bottom:50px;z-index:505;"></div>
-	<div id="osdtime" style="width:300px; position:absolute; left:375px; top:360px;z-index:505;"></div>
-	<div id="osdname" style="width:500px;height:25px; position:absolute; left:85px; top:375px;z-index:505;"></div>
-	<div id="osdepg" style="width:450px; position:absolute; left:150px; top:400px;z-index:505;"></div>
-	<div id="osdtimer" style="width:50px; position:absolute; left:85px; top:400px;z-index:505;"></div>
-	<div id="osdca" style="width:25px; position:absolute; left:575px; top:385px;z-index:505;fontFamily:VDRSymbolsSans;"></div>
-
-	<div id="osdnr" style="background:red;width:75px;height:50px; position:absolute; left:85px; top:320px;z-index:505;opacity:0;"></div>
-
-	<div id="osdepginfo" style="background:#3366ff;width:550px; position:absolute; left:100px; top:100px;z-index:510;opacity:0;"></div>
-	<div id="osdepginfonext" style="background:#3366ff;width:550px; position:absolute; left:100px; top:100px;z-index:510;opacity:0;"></div>
-
-	<div id="osdmute" style="width:50px; position:absolute; left:550px; top:50px;z-index:515;opacity:0;"><img src="mute.png"></div>
-	<div id="osdlang" style="width:50px; position:absolute; left:550px; top:50px;z-index:515;opacity:0;"></div>
-	<div id="mainmenu" style="background:#3366ff;width:550px; position:absolute; left:75px; top:50px; bottom:50px;z-index:520;opacity:0;"></div>
-	<div id="mediaList" style="background:#bbb; width:80%; height:75%; position:absolute; left:10%; top:10%;z-index:520;opacity:0;"></div>
-
-</body>
-</html>
-
-
author	M. Voerman <rekordc@gmail.com>	2012-12-16 15:06:37 +0100
committer	M. Voerman <rekordc@gmail.com>	2012-12-16 15:06:37 +0100
commit	a17e8d4f3939461e140fb0366f79ccf748cce571 (patch)
tree	6dc7e62199dff61242220d713999ec223fd8583a
parent	c733ae3547e11ffb40037c87d4c3592e69cbe8c4 (diff)
download	vdr-vipclient-a17e8d4f3939461e140fb0366f79ccf748cce571.tar.gz vdr-vipclient-a17e8d4f3939461e140fb0366f79ccf748cce571.tar.bz2