Add nice Buttons and Makefiles
[enigma2-plugins.git] / webinterface / src / web-data / streaminterface.html
1 <?xml version="1.0" encoding="iso-8859-1"?>
2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
3        "http://www.w3.org/TR/html4/loose.dtd">
4 <html>
5
6 <head>
7         <meta content="text/html; charset=UTF-8" http-equiv="content-type">
8         <title>Dreambox WebTV</title>
9         
10         <script type="text/javascript" src="/web-data/lib/prototype-1.6.0.3.js"></script>
11         <script type="text/javascript" src="/web-data/lib/scriptaculous.js"></script>
12         <script type="text/javascript" src="/web-data/lib/trimpath-template-1.0.38.js"></script>
13                 
14         <!-- our stuff //-->
15         <script type="text/javascript" src="/web-data/objects.js" ></script>
16         <script type="text/javascript" src="/web-data/config.js" ></script>
17         <script type="text/javascript" src="/web-data/tools.js" ></script>
18         <script type="text/javascript" src="/web-data/timer.js" ></script>
19         <script type="text/javascript" src="/web-data/vlcplayer.js" ></script>
20         
21         <link href="/web-data/tpl/default/streaminterface/style.css" type="text/css" rel="stylesheet">
22         <link rel="shortcut icon" type="/web-data/image/x-icon" href="/web-data/img/favicon.ico">
23
24         <!-- Live RSS Feeds //-->
25         <link rel="alternate" type="application/rss+xml" title="Movie List" href="/web/movielist.rss?tag" >
26
27
28         <script language="javascript" type="text/javascript">
29                 
30                 if (!window.$) {
31                         window.$ = function(id) { return document.getElementById(id); }
32                 }
33                 
34                 function getWinSize(win) 
35                 { 
36                         if(!win) win = window; 
37                         var s = {}; 
38                         if(typeof win.innerWidth != 'undefined') 
39                         { 
40                                 s.width = win.innerWidth; 
41                                 s.height = win.innerHeight; 
42                         } 
43                         else 
44                         { 
45                                  var obj = getBody(win); 
46                                  s.width = parseInt(obj.clientWidth); 
47                                  s.height = parseInt(obj.clientHeight); 
48                         } 
49                         return s; 
50                 } 
51
52                 function getBody(w) 
53                 { 
54                         return (w.document.compatMode && w.document.compatMode == "CSS1Compat") ? w.document.documentElement : w.document.body || null; 
55                 } 
56                 
57                 function setMaxHeight(element){
58                         /*
59                         try{                    
60                                 var slc = $(element);
61                                 size = getWinSize();
62                                 slc.style.maxHeight = size.height - 200+"px";
63                         } catch (e) {}
64                         */
65                         //onresize="setMaxHeight('contentMain')" 
66                 }
67
68         </script>
69 </head>
70 <body onload="document.getElementById('notification').style.display='none'">
71         <div id="container">
72                 <div id="banner">
73                         <span id="notification"><div></div></span>
74                         <div id="bannerLeft">
75                                 <div id="bannerText" style="font-size: 24px;">Dreambox WebTV</div>
76                                 <table id="currentTable">
77                                         <tr>
78                                                 <td id="currentName">N/A</td>
79                                         </tr>   
80                                 </table>
81                         </div>
82                 </div>
83 <!--            <div id="current">-->
84 <!--                    <div id="currentContent">-->
85 <!--                            <ul id="mainMenu">-->
86 <!--                                    <li><a href="#" onClick="switchStreamMode('TV')">TeleVision</a></li>-->
87 <!--                                    <li><a href="#" onClick="switchStreamMode('Radio')">Radio</a></li>-->
88 <!--                            </ul>-->
89 <!--                    </div>-->
90 <!--            </div>-->
91                 <div id="content">
92                         <div id="contentMain">
93                                 <center>
94                                         <div id="vlcPlayer">
95                                                 <embed 
96                                                         type="application/x-vlc-plugin" 
97                                                         pluginspage="http://www.videolan.org" 
98                                                         version="VideoLAN.VLCPlugin.2"
99                                                     width="768"
100                                                     height="576"
101                                                     id="vlc">
102                                                 </embed>
103                                         </div>
104                                         <div id="vlcButtons">
105                                                 <button onClick="prev()" title="Previous">
106                                                         <img src="/web-data/tpl/default/streaminterface/img/control_start_blue.png" alt="&lt;&lt;" />
107                                                 </button>
108                                                 <button onClick="play()" title="Play">
109                                                         <img src="/web-data/tpl/default/streaminterface/img/control_play_blue.png" alt="&gt;" />
110                                                 </button>
111                                                 <button onClick="next()" title="Next">
112                                                         <img src="/web-data/tpl/default/streaminterface/img/control_end_blue.png" alt="&gt;&gt;" />
113                                                 </button>
114                                                 <button onClick="pause()" title="Pause">
115                                                         <img src="/web-data/tpl/default/streaminterface/img/control_pause_blue.png" alt="||" />
116                                                 </button>
117                                                 <button onClick="stop()" title="Stop">
118                                                         <img src="/web-data/tpl/default/streaminterface/img/control_stop_blue.png" alt="stop" />
119                                                 </button>
120                                                 <button onClick="fullscreen()" title="Fullscren">
121                                                         <img src="/web-data/tpl/default/streaminterface/img/monitor.png" alt="stop" />
122                                                 </button>
123                                                 <button onClick="volumeUpVLC()"  title="Volume Up">
124                                                         <img src="/web-data/tpl/default/streaminterface/img/sound_add.png" alt="Vol+" />
125                                                 </button>
126                                                 <button onClick="toogleMuteVLC()"  title="Mute Audio">
127                                                         <img src="/web-data/tpl/default/streaminterface/img/sound_mute.png" alt="Mute" />                                                       
128                                                 </button>
129                                                 <button onClick="volumeDownVLC()" title="Volume Down">
130                                                         <img src="/web-data/tpl/default/streaminterface/img/sound_delete.png" alt="Vol-" />
131                                                 </button>
132                                                 <br>
133                                                 <span id="bouquetList"></span>
134                                                 <span id="channelList"></span>
135                                                 
136                                         </div>
137                                 </center>
138                         </div>                          
139                 </div>  
140         </div>
141         <script language="javascript" type="text/javascript">                   
142                 initWebTv();
143         </script>
144
145 </body>
146 </html>