| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html i18n-values="dir:textdirection;"> | 2 <html i18n-values="dir:textdirection;"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <title>Media Player</title> | 5 <title>Media Player</title> |
| 6 <style type="text/css"> | 6 <style type="text/css"> |
| 7 | 7 |
| 8 body { | 8 body { |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 background: black; | 10 background: black; |
| (...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 126 | 126 |
| 127 .soundbutton { | 127 .soundbutton { |
| 128 position: absolute; | 128 position: absolute; |
| 129 right: 30px; | 129 right: 30px; |
| 130 bottom: 0; | 130 bottom: 0; |
| 131 border-left: 1px solid #424242; | 131 border-left: 1px solid #424242; |
| 132 border-right: 1px solid black; | 132 border-right: 1px solid black; |
| 133 } | 133 } |
| 134 | 134 |
| 135 .soundiconhigh { | 135 .soundiconhigh { |
| 136 background: url('../../app/theme/mediaplayer_vol_high.png'); | 136 background: url('shared/images/mediaplayer_vol_high.png'); |
| 137 } | 137 } |
| 138 | 138 |
| 139 .soundiconmuted { | 139 .soundiconmuted { |
| 140 background: url('../../app/theme/mediaplayer_vol_mute.png'); | 140 background: url('shared/images/mediaplayer_vol_mute.png'); |
| 141 } | 141 } |
| 142 | 142 |
| 143 .soundiconhigh, | 143 .soundiconhigh, |
| 144 .soundiconmuted { | 144 .soundiconmuted { |
| 145 background-repeat: no-repeat; | 145 background-repeat: no-repeat; |
| 146 background-position: 6px 8px; | 146 background-position: 6px 8px; |
| 147 } | 147 } |
| 148 | 148 |
| 149 .volume { | 149 .volume { |
| 150 position: absolute; | 150 position: absolute; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 163 | 163 |
| 164 .fullscreen { | 164 .fullscreen { |
| 165 position: absolute; | 165 position: absolute; |
| 166 right: 60px; | 166 right: 60px; |
| 167 bottom: 0; | 167 bottom: 0; |
| 168 border-left: 1px solid #424242; | 168 border-left: 1px solid #424242; |
| 169 border-right: 1px solid black; | 169 border-right: 1px solid black; |
| 170 } | 170 } |
| 171 | 171 |
| 172 .fullscreenicon { | 172 .fullscreenicon { |
| 173 background: url('../../app/theme/mediaplayer_full_screen.png'); | 173 background: url('shared/images/mediaplayer_full_screen.png'); |
| 174 background-repeat: no-repeat; | 174 background-repeat: no-repeat; |
| 175 background-position: 6px 8px; | 175 background-position: 6px 8px; |
| 176 } | 176 } |
| 177 | 177 |
| 178 .volumeslider { | 178 .volumeslider { |
| 179 -webkit-appearance: slider-vertical; | 179 -webkit-appearance: slider-vertical; |
| 180 position: absolute; | 180 position: absolute; |
| 181 left: 0; | 181 left: 0; |
| 182 right: 0; | 182 right: 0; |
| 183 bottom: 0; | 183 bottom: 0; |
| 184 top: 0; | 184 top: 0; |
| 185 } | 185 } |
| 186 | 186 |
| 187 .playbutton { | 187 .playbutton { |
| 188 position: absolute; | 188 position: absolute; |
| 189 left: 30px; | 189 left: 30px; |
| 190 bottom: 0; | 190 bottom: 0; |
| 191 border-left: 1px solid #424242; | 191 border-left: 1px solid #424242; |
| 192 border-right: 1px solid black; | 192 border-right: 1px solid black; |
| 193 } | 193 } |
| 194 | 194 |
| 195 .playicon { | 195 .playicon { |
| 196 background: url('../../app/theme/mediaplayer_play.png'); | 196 background: url('shared/images/mediaplayer_play.png'); |
| 197 background-repeat: no-repeat; | 197 background-repeat: no-repeat; |
| 198 background-position: 9px 8px; | 198 background-position: 9px 8px; |
| 199 } | 199 } |
| 200 | 200 |
| 201 .pausebutton { | 201 .pausebutton { |
| 202 position: absolute; | 202 position: absolute; |
| 203 left: 30px; | 203 left: 30px; |
| 204 bottom: 0; | 204 bottom: 0; |
| 205 border-left: 1px solid #424242; | 205 border-left: 1px solid #424242; |
| 206 border-right: 1px solid black; | 206 border-right: 1px solid black; |
| 207 } | 207 } |
| 208 | 208 |
| 209 .pauseicon { | 209 .pauseicon { |
| 210 background: url('../../app/theme/mediaplayer_pause.png'); | 210 background: url('shared/images/mediaplayer_pause.png'); |
| 211 background-repeat: no-repeat; | 211 background-repeat: no-repeat; |
| 212 background-position: 9px 8px; | 212 background-position: 9px 8px; |
| 213 } | 213 } |
| 214 | 214 |
| 215 .prevbutton { | 215 .prevbutton { |
| 216 position: absolute; | 216 position: absolute; |
| 217 left: 0; | 217 left: 0; |
| 218 bottom: 0; | 218 bottom: 0; |
| 219 border-right: 1px solid black; | 219 border-right: 1px solid black; |
| 220 } | 220 } |
| 221 | 221 |
| 222 .previcon { | 222 .previcon { |
| 223 background: url('../../app/theme/mediaplayer_prev.png'); | 223 background: url('shared/images/mediaplayer_prev.png'); |
| 224 background-repeat: no-repeat; | 224 background-repeat: no-repeat; |
| 225 background-position: 6px 8px; | 225 background-position: 6px 8px; |
| 226 } | 226 } |
| 227 | 227 |
| 228 .playbackvideoelement { | 228 .playbackvideoelement { |
| 229 width: 100%; | 229 width: 100%; |
| 230 height: 100%; | 230 height: 100%; |
| 231 position: absolute; | 231 position: absolute; |
| 232 left: 0; | 232 left: 0; |
| 233 top: 0; | 233 top: 0; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 252 | 252 |
| 253 .nextbutton { | 253 .nextbutton { |
| 254 position: absolute; | 254 position: absolute; |
| 255 left: 60px; | 255 left: 60px; |
| 256 bottom: 0; | 256 bottom: 0; |
| 257 border-left: 1px solid #424242; | 257 border-left: 1px solid #424242; |
| 258 border-right: 1px solid black; | 258 border-right: 1px solid black; |
| 259 } | 259 } |
| 260 | 260 |
| 261 .nexticon { | 261 .nexticon { |
| 262 background: url('../../app/theme/mediaplayer_next.png'); | 262 background: url('shared/images/mediaplayer_next.png'); |
| 263 background-repeat: no-repeat; | 263 background-repeat: no-repeat; |
| 264 background-position: 6px 8px; | 264 background-position: 6px 8px; |
| 265 } | 265 } |
| 266 | 266 |
| 267 .playlistbutton { | 267 .playlistbutton { |
| 268 position: absolute; | 268 position: absolute; |
| 269 right: 0; | 269 right: 0; |
| 270 bottom: 0; | 270 bottom: 0; |
| 271 border-left: 1px solid #424242; | 271 border-left: 1px solid #424242; |
| 272 border-right: 1px solid black; | 272 border-right: 1px solid black; |
| 273 } | 273 } |
| 274 | 274 |
| 275 .playlisticon { | 275 .playlisticon { |
| 276 background: url('../../app/theme/mediaplayer_playlist.png'); | 276 background: url('shared/images/mediaplayer_playlist.png'); |
| 277 background-repeat: no-repeat; | 277 background-repeat: no-repeat; |
| 278 background-position: 6px 8px; | 278 background-position: 6px 8px; |
| 279 } | 279 } |
| 280 | 280 |
| 281 .controlbutton { | 281 .controlbutton { |
| 282 z-index: 9999; | 282 z-index: 9999; |
| 283 cursor: pointer; | 283 cursor: pointer; |
| 284 width: 28px; | 284 width: 28px; |
| 285 height: 30px; | 285 height: 30px; |
| 286 } | 286 } |
| 287 | 287 |
| 288 .controlbutton:hover { | 288 .controlbutton:hover { |
| 289 background: -webkit-gradient(linear, | 289 background: -webkit-gradient(linear, |
| 290 left top, | 290 left top, |
| 291 left bottom, | 291 left bottom, |
| 292 from(#6a7eac), | 292 from(#6a7eac), |
| 293 to(#000000)); | 293 to(#000000)); |
| 294 } | 294 } |
| 295 | 295 |
| 296 .icon { | 296 .icon { |
| 297 width: 100%; | 297 width: 100%; |
| 298 height: 100%; | 298 height: 100%; |
| 299 z-index: 9999; | 299 z-index: 9999; |
| 300 } | 300 } |
| 301 | 301 |
| 302 </style> | 302 </style> |
| 303 <script src="shared/js/local_strings.js"></script> | 303 <script src="shared/js/local_strings.js"></script> |
| 304 <script src="media_common.js"></script> | 304 <script src="shared/js/media_common.js"></script> |
| 305 <script> | 305 <script> |
| 306 | 306 |
| 307 function $(o) { | 307 function $(o) { |
| 308 return document.getElementById(o); | 308 return document.getElementById(o); |
| 309 } | 309 } |
| 310 | 310 |
| 311 var videoPlaybackElement = null; | 311 var videoPlaybackElement = null; |
| 312 var audioPlaybackElement = null; | 312 var audioPlaybackElement = null; |
| 313 var currentPlaylist = null; | 313 var currentPlaylist = null; |
| 314 var currentItem = -1; | 314 var currentItem = -1; |
| (...skipping 458 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 773 | 773 |
| 774 </script> | 774 </script> |
| 775 <body onload='load();' onselectstart='return false'> | 775 <body onload='load();' onselectstart='return false'> |
| 776 <div id='error' class='error'></div> | 776 <div id='error' class='error'></div> |
| 777 <div id='title' class='audiotitle'></div> | 777 <div id='title' class='audiotitle'></div> |
| 778 <div id='glow' class='glow'></div> | 778 <div id='glow' class='glow'></div> |
| 779 <div id='playercontrols' class='playercontrols'> | 779 <div id='playercontrols' class='playercontrols'> |
| 780 </div> | 780 </div> |
| 781 </body> | 781 </body> |
| 782 </html> | 782 </html> |
| OLD | NEW |