* respect volume boundaries
[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;">
76                                         <img src="/web-data/tpl/default/streaminterface/img/dreamboxwebtv.png" alt="Dreambox WebTV">
77                                 </div>
78                                 <table id="currentTable">
79                                         <tr>
80                                                 <td id="currentName">N/A</td>
81                                         </tr>   
82                                 </table>
83                         </div>                  
84                         <div id="bannerRight">
85                                 <table id="volumeTable">
86                                         <tr>
87                                                 <td>Volume: </td>
88                                                 <td id="vlcVolume"></td>
89                                         </tr>
90                                 </table>                                
91                         </div>
92                 </div>
93 <!--            <div id="current">-->
94 <!--                    <div id="currentContent">-->
95 <!--                            <ul id="mainMenu">-->
96 <!--                                    <li><a href="#" onClick="switchStreamMode('TV')">TeleVision</a></li>-->
97 <!--                                    <li><a href="#" onClick="switchStreamMode('Radio')">Radio</a></li>-->
98 <!--                            </ul>-->
99 <!--                    </div>-->
100 <!--            </div>-->
101                 <div id="content">
102                         <div id="contentMain">
103                                 <center>
104                                         <div id="vlcPlayer">
105                                                 <embed 
106                                                         type="application/x-vlc-plugin" 
107                                                         pluginspage="http://www.videolan.org" 
108                                                         version="VideoLAN.VLCPlugin.2"
109                                                     width="768"
110                                                     height="576"
111                                                     id="vlc">
112                                                 </embed>
113                                         </div>
114                                         <div id="vlcButtons">
115                                                 <button onClick="vlcPrev()" title="Previous Service">
116                                                         <img src="/web-data/tpl/default/streaminterface/img/control_start_blue.png" alt="&lt;&lt;" />
117                                                 </button>
118                                                 <button onClick="vlcPlay()" title="Play">
119                                                         <img src="/web-data/tpl/default/streaminterface/img/control_play_blue.png" alt="&gt;" />
120                                                 </button>
121                                                 <button onClick="vlcNext()" title="Next Service">
122                                                         <img src="/web-data/tpl/default/streaminterface/img/control_end_blue.png" alt="&lt;&lt;" />
123                                                 </button>
124 <!--                                            <button onClick="vlcPause()" title="Pause">-->
125 <!--                                                    <img src="/web-data/tpl/default/streaminterface/img/control_pause_blue.png" alt="||" />-->
126 <!--                                            </button>-->
127                                                 <button onClick="vlcStop()" title="Stop">
128                                                         <img src="/web-data/tpl/default/streaminterface/img/control_stop_blue.png" alt="Stop" />
129                                                 </button>
130                                                 <button onClick="vlcFullscreen()" title="Fullscren">
131                                                         <img src="/web-data/tpl/default/streaminterface/img/monitor.png" alt="Fullscreen" />
132                                                 </button>
133 <!--                                            <button onClick="teletext()" title="Teletext">-->
134 <!--                                                    <img src="/web-data/tpl/default/streaminterface/img/text_align_center.png" alt="Teletext" />-->
135 <!--                                            </button>-->
136                                                 <button onClick="vlcVolumeUp()"  title="Volume Up">
137                                                         <img src="/web-data/tpl/default/streaminterface/img/sound_add.png" alt="Vol+" />
138                                                 </button>
139                                                 <button onClick="vlcToogleMute()"  title="Mute Audio">
140                                                         <img src="/web-data/tpl/default/streaminterface/img/sound_mute.png" alt="Mute" />                                                       
141                                                 </button>
142                                                 <button onClick="vlcVolumeDown()" title="Volume Down">
143                                                         <img src="/web-data/tpl/default/streaminterface/img/sound_delete.png" alt="Vol-" />
144                                                 </button>
145                                                 <br>
146                                                 <span id="bouquetList"></span>
147                                                 <span id="channelList"></span>
148                                                 
149                                         </div>
150                                 </center>
151                         </div>                          
152                 </div>  
153         </div>
154         <script language="javascript" type="text/javascript">                   
155                 initWebTv();
156         </script>
157
158 </body>
159 </html>