Diese Website verwendet Cookies. Durch die Nutzung unserer Services erklären Sie sich damit einverstanden, dass wir Cookies setzen.
Mehr erfahren
Notwendig
Zustimmen
Startseite
Streambox TG
LautFM to go
Chat
Downloads
Moin moin
Stream
Gespielte Songs
Autogramme
The-Voting
Webradio-Vote
Chat-Vote
Lotto
Ergebnis
Besucher
Web-Toll
Bilderhosting
Farbgenerator
Data-URL-Generator
Chat Top List
CSS-Farben-Diagramm
Marquee-Blink
PopUp-Generator
weareone
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_2.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_3.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_1.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_4.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_5.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_6.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_7.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center' style=' display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_8.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; '> <div style='position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; '> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js'></script> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js'></script> <div class='audio-player'> <audio id='audio-player' loop controls src='http://51.255.104.137:8060/;' type='audio/mp3' controls='controls'></audio> </div> </div> </div> </div> <script type='text/javascript' src='https://chathost.de/test/server/mp3/streambox/js/player.js'></script> </body> </html>
<html lang='de'> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'></HEAD> <div align='center'><body style='margin:0px;background-color:transparent;'><script type='text/javascript' src='js/jquery-latest.min.js'></script> <div align='center style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_9.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_10.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_11.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_12.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_13.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAeCAYAAADKFzdqAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gYYAAA3NQg/9gAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAKa0lEQVR4nO2afWxV5R3HP+flvvTl0t6WFrZahEqpbZxwGbQ6EJ1sEhYIaRaZUzZEYEaZYg0sLGRvLs6YGUiRLZsMhhs6XVgMG8QFjE5ihy/ROLBCRwMdpimDUul623t6es/z7I97z+X09Nz2Xikayf0mT57nPPe5z/nd83zy+/3O81xFSklOOY2X1M/agJyuLuWAymlclQMqp3FVDqicxlU5oHIaV+mftQGfQ6nxeHyplPI6Z6cQIqtJxhrv8/k6dF3fB1ijDKsCZmd14+w1ALwCmJkMzgGVpSzLerG3t3exYRgFQgiEEFiWhRACKWXq2m7b/ZZl2d9HSpkq9ud2G0BKSSgUGqipqXm1sLBwqZcdg4ODy86fP7+jvb29bCybFUUZVtttZ7+zAKiqiqIo+Hy+wRkzZpzKz8+vy+T5ZATU4sWLXz116tS1mYwdTatWrVq1adOmw/b10qVLf+H3+xf29PT8Z/PmzT/ftWvXM6dOndImT54sqqqq/r5ly5afLlq06MVgMNi6b9++x5qamn5/4sSJulgsxsyZM//X2dn5VlFRUfvOnTt3NzY2vtrU1HTPE0888VhhYeEN0Wj0xMsvv7wayM51jCHLsmb29/cXWJaFuzjhcvZ5QeYsbriEEHR3d+dPmTLlhlAoVAzEAQOwZHLj0DCM+998880y0zSRUqIoCvaeortt1+kAsosNkV0n24GioqKy06dPf2XhwoUfetniVEZA5efnl4ZCoarLWwooLS3VXdd3Tp06tTkUCk1ob2/Pe/75529evnz5a/X19U9t2LDhQHNz8/zy8vLrY7HY3JaWlq1bt25d9cgjjzx68eLFmubm5vtXrlz5zIQJE84DBAKB6nA4XBYOhxfV1tb+WNO0qS+99NL0xsbGf1+u3S5JTdNSEIz4MNkXjUbx+/1ompZaHCHEsMVzAiWESPWpqoqUkmg0WgA0Al1AG3BWURRDSikVRfErioKup19CKSXxeDzVTgdUXl4eQDqgME0zuHPnzm8ANU5bgJj7nhkBNWfOHCorKzMZOqquvXa4k7v77rsfPXbsWKNpmreXl5e3AW9HIhGqqhLsCiHuu+WWWz7o7e2tPn78+Mp58+Ztr62tJRqNAnDjjTdahYWFCkAkElGLi4svrFixYlNra+uSeDw+zzTNQ8C4AmU/ZE3TUn1usBRF4cyZM2zbto3169dTXV09YhHtBXa2pZQpmKSU9PT0lAFbgbeBPwEHSSykZcPkDGNur9TZ2cnDDz885m/av38/mqaNAMm+NgyjsLW1dTPQ67Kl0z1XRkDNnj2bvr6+TIaOqoqKilT7zJkzYV3Xt9x0003botFoRUFBQbV9r0mTJnHu3LnJtbW1X/P5fM8GAoGL/f39K4HtdXV1GIYBwNy5czsHBgYWHzlyhEgkYkkpi/1+/2Pz589/6uLFi9eVlJRUAS2XbbhLtodyyp2fALz77rvce++9rF69mrvuuou8vLy0QNkgOUNgcp4i4OvAf4EPgG6SiboXUM5rJ/SjyefzpTyp00vZxTGP25ZPBlR9ff0uIJSRdaNIUZTTdnvKlCkfl5aW3hmLxRapqvqXkpKS3wE0NDQ8qyjKCV3XJzc0NPwwHA4/B9DT07Ohr6+vrK6u7p9SypMACxYseLK7u7tbSjlRVdXlpaWlreFweKVhGLfqur49HA7/8XJt9vgNwx6yM/Q5QbAXVgjBjh07OHToEE1NTdTX13sCZRc77Nn3cmgGUApokAhPznDnGouiKBkDpWkauq57wmQXl2xbRigjoMLhcHNGlmWpgoKC9wsKCt539hUXF+92fm63S0pKnko2zzuGD02cOPE3zu+HQqGWUCg07l7JKWdY8sql7DzIqY6ODtavX8+yZctYu3YtpaWlw3IpN1Qe+VkICOLYO3QC4wWUBwie0nUdn8+XFigPMG1bRs6V0R1zSsl+4OlCnttDuXXw4EFmzZrFkiVLUm9+bi/lzoXSyQ5TbhvsdjYeyufzpfVOmYIJOaA+kZxAuUMekHqbc+uOO+5g3bp1VFZWIoRI5WKfBCg7KXdvkDrf5LLJoeyQ5yz2HDmgrrDSAeWUE4aKigo2btzIwoULh+VZXu1083nJuSXhvm82IU9V1VFDXjYaE6h169Y90NHRMSerWa8yhcNhZc+ePd8D4u6Q5wbAGfIURWHNmjWsWbOGoqKiYXtO9r4UMC4eyr0bno2H0nXd00PZxd7lz2iusQZ0dXXNaWtruy/jGa9ClZeXG8ADJHaJxwRKSklZWRl79+4lEomkQHJubtr1eORQ6Y5UgsEgs2cPP+rzmtNOytMl5Nn8q3dMoGbNmkVRUVHGE16NKi4upqOjQ5k2bZpiWdawxNwrQRdCUFNTk9oJBzy9mBuibEPeWB5q+vTp7N692/N4xb15mc47ZRM6IQOgIpHIuOySf56Vn5+vHjt2TCX5yu6EKVO5z9ncWwVuj+fepHRLUZRBXdexAXf0j3pmlylQzoR8cHAQ08zozwZjA9XQ0PDe0NBQid/vn2aa5oe6rn95aGjoiN/vv800zX+460AgsMAwjDeCweBs0zSPa5o2TUrZpapqsZRyUAihaZqmSCn7VVWdGI/HP9J1vcY0zX8Fg8EGwzBaAoHArYODg6+75/b5fPPi8fhbfr9/pmmaJzRNmyqEOKcoSlBVVd2yrD5VVSdZltXh9/uvNwzj/by8vJsNw3jDw85h9wgEAnNN02zVdf06IUSnoiglQggDQFXVgo0bNyqA3zTN/ZqmrRBChGKxWJ4XGOlClzN8jPaWCAkvd+DAAedSxHEcdOu6vv2aa66Z29vbWyKE0Jz3cQPl1eeEyu53wmaXeDzOhQsXOH78eFpbnFIydK/VJA4pfws8DnwfeA64J029EniSxDnUt4HXgFrgY8AH+IEzQD3wV+B+4GfAr4FVwIvAt4A/A8sd9S7gIeAnwK+Ab5I4WpkEFALtwHxgb9LGHwE7gO96zOW+x1bgl8B3hoaGXlFV9UuGYXRbliWllJXFxcV77Ifx9NNPX9/a2nrn0aNHHxJC5GXyALPV2bNn6ejocHa9TuLZt0gpBwBeeOGF2pMnTz7wzjvvrBVCeG40Xq4GBgY4fPiwOzF/HXhcSnnIPT5ToLKRSoJeu1YA6ajx6HN/pwDo96jzSfzhy0/iD186iXMtf3KueLJtJL/TR+L8qTeDeiIJ4EMnT56M9ff353V1dYm2tjY1EAj4H3zwwRiXdqmDJMBtAuaNz2MbVRLYAvwBOCGlNAEURSkEvgr8IGnPp6GULVLKo+4PrwRQn3spifigkoBUI+FVteQ1yXYFcDuJw9JqEgCP91+q4ySOmlqAvwHvARdkctEURfEDU4FFyTLjCtnhaYuUsts9KAeUhzyAsou9UIKEJywDvgiUkIBu9Pf87GWR8MidwEfAx1LKuMvOPOALQCWJA1vbW4+3RrUlZVMOqJFSLr02qQwHypbgUlJqg3QlFhESCzkExKWUI3YYk7ZqJEByQv+p2wI5oNLKBZXtsWwJLuWDQuYeYko5oEaRCyq3Uq/NOaAuKQfUGHJANUI5kEbq/60LmpG3NbkYAAAAAElFTkSuQmCC'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_14.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_15.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_16.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/sternfeuer_17.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
<html lang="de"> <head> <style> BODY { margin: 0px; background-color: #; } /** audio player styles **/ .audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button { margin: 0; padding: 0; border: none; outline: none; } div.audio-player { position:absolute; top:0px; left:0px; WIDTH:148px;height: 30px; margin: 0 auto; background-color:#; background-image:url('data:image/png;base64,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'); BACKGROUND-REPEAT: no-repeat; } /* play/pause control */ .mejs-controls .mejs-button button { cursor: pointer; display: block; position: absolute; text-indent: -9999px; } .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 76px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAARCAYAAAAhUad0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4gENFikgP9GBpQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAACh0lEQVQ4jZWVTWsUQRCGn65q10jMIZoo6JqYj81NPIioYCAH/QeBIIqHiH/DU36AJxNQ4xeSgwo56k3wpicRL8EY9KgbQwImYbPT7WG3x5rZjWBD0VU1M/X2Wx89rheqp0dGlo8MDBwXkUiMRCDESAwBgBhjvlu9rRDt3v62pYTcR4zsNZtxa3Pzva8OD9+5u7BwbqxWI4RAlmWEEGg0GoQQckn+tJefxRhzu6xbebm01OdVZHysVkNVsUtVcc4VfM45Yow45wqSAlpbRLoCj46P94s4h6oiIogIzjlEJPepKqrK941vzDfudfhVFe99wS6L9z4XcQ6fGIhIXifnHKFdz3T6Ztzj8eXn6DvPTJyhr9KXZyCxtAyTL8VNPlFFALTN0jK2uoigzgPwcPIJ18ZusLi7yHZzu4NpOQvW9t634gHF4CXg/AP1ObP1k7+4P/WI66M3edZ42hHYAiag5BeRVnoTiF3BjItzDi8KETC99aP6k/nqA+StMu2n6fE9hBAK5UkpT40kInhnWNllD+Gco+IrEIDiawCsHVpj/XedU5WhHDD1QgJOoqpFpnbwy8y9doLKnjD1cZK5yhzBh8Lo2N0CF9Jr565bur1qCxQgwKVP57m1NcuF/otkWVaY1zJ4mYxv56/AtJxegMqBFtOzn89we3OWK0evEg/GQu3SaNheKIO6NKf2UtgXVCtMrIzy6vAL6KEwixa0DATFplQRvE2pXeVGGjxyjDfN18DfeiVgG7gbU3uwf46MtUMI+YylC98Cp4Ptx9TaIoKELFv9urracYnb5rKXx/9It4vmy8rKhuuFodrExPKJanWwXJ+caWqEEAr/zfRuN72bvbuzE+v1+oc/oOTZa3VAgUoAAAAASUVORK5CYII=') 0 0 no-repeat; } .mejs-controls .mejs-pause button { width: 29px; height: 17px; top: 6px; left: 110px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXCA29hR28AAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAADzUlEQVRIS43VSU9bVxQH8KeGtKpaddUN2CRKI4IakUSBlE5fIcoAsoEyBDF03EVtRAblIzRNSFzC0CFSV4jRBjMbbOwHGJvRNvM8XuaZx+bfd6960c3LaxJL/429OD+de86xdC4y0p1qMi3+lJtLfszJIT9kZ5Pvs7LId5mZ5Ntbt0huRgbJSU8n2WlpJCs1lWSqyUhJYUlPTiZpSUkk1Wxm+cZkIimJiSQlIYEk09y8SZJu3CBmmuvXWUzXrpFENQlXr5LoU6emPgoLuyLl3b69MTk5ifHxcYyMjGBoaAiBQAADAwPo6+uD3+9Hd3c3urq6IMsy3G43XC4X2tra0NraipaWFjQ1NaGxsRH19fWw2+2ora1FTU0NrFYrqqurUVlZiYqKCpSVlbGUlpayFBcV4ZPwcKuU/+iRMjMzAy0kGAzqQpxOJ5rUgg1qwfq6Otj/K2iz2VjBhoYGhqlTf6MY+j3HVFVVHYPKy8sZSEXI0rPHj5W5uTmIkNHR0Vc60tPTg99afsX78x/ixNq7mpxkeWf1JOId8awzWgyHchBHMYTlyRNlcXERImRsbOyVjvT39+Nn1y+QEPbahAcN7Imam5uPn4mCKIaDRNRZivg9P19ZXl7GwsICZmdnMT09rQsZHBzEHfcd3cJiIkIG9mR0XhwOhy6Id4jOz9mICFkqePpUIYRgaWkJ8/PzL0HEpwmFQsjz5OkWFkMR7e3tbHgphg/w/4EYotBiUVZXV/EmyPDwMO7Kd3ULi4kIGdkWeTwetklaEMdwUBRHrK+v420g9zrv6xYWYxgysi3q7OxER0cHw9CIGLFDUUajLBUXFCibm5sQIXRQRcjU1BSD3O96G0QkfD4fvF7vSxhtdzjqHEWUPH+ubG9vQwvR68gD7wPdwmIogq4zvy0UowfiKPViy9IfhYXK7u4uRMjKygroxmg78tD3ULewGONwJLsrvb29xxjaGS2Ioxjiz6IiZX9/HxSytbWFjY0NrK2t6UIsXgtOHL6nW5wn1hvH1pnfFj0QR9EwxF/FxcrBwQH29vaws7PzWgg9aE6fE3aPemzabbC5rLA61evXpp7j1gpUOsrh7/Wzu0KvrYgRQSIqmiL+LilR1A94N8Rn0ULoQaMQcU4mJibY0PLjxg8cvSs0IkjbIRr1n1SW0s3m5aOjIxweHr4RQodVhNAzTzdHi6HrTDH0toggihFB/7x4gSiD4Zn06Zkz9+JjYga+josLsMTGBr7iuXw58KWYS5cCX4i5eDHwuTYXLrB8JiYm5jhXeM6fD0afPm39QJI+/hcVG2El5bZ1bAAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* mute/unmute control */ .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { width: 21px; height: 5px; top: 8px; left: 8px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAYAAACW9l3DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXBwxNGjHlAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABZUlEQVQ4T73UyytEURzA8TMzF00eJVmoKSWlUPIoLGZhOYYoVmwGJUXJs6YsZyNha2MxRU2aLNgp5bGjWChrihJ/gYWO7+/2u9Np1tNdfLr395i559c59xpz5mXNQyxfUYXotrXWuIz1qpBEL6Jo0jjQr31Sk7hO43aNA23oQaPWO9Ci950YQa3Efs48exckiCroySsGDyg9yHrnyOMUl+jCLj5QxLr2TeIPWSc+gPz3HsZxj5TWT7CEGTwihy80+/UQBzzGDVYx4ORLi9VYejbwiWrNxUGDFyv/DddgwBTeIAOOosavhzEguQi6IcdnH9+Ia81drBzfX2xBdiGj+fIBr5HW+wLmkUAfNvGOMb8e4g7eQo7aGn7gvydc3QHlCB9hGjt40Xz5gIe4wiJkpwexgjss4BUTfm+IAzZA3idZVKuTTyOh97MIPh7yscmgHjHMIaI1D1OQoYac/mEsIyk5a635B4fvdOHGob28AAAAAElFTkSuQmCC') 0 0 no-repeat; } .mejs-controls .mejs-unmute button { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAFCAIAAAAlozBaAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAvSURBVHjaYvzKys3w7x8DuYCJgY2NgQLAxEAZYGL4/58S/SyMHOz/GRnJ1g8QYAADewYohhOV0wAAAABJRU5ErkJggg==') 0 0 no-repeat; } /* volume scrubber bar */ .mejs-controls div.mejs-horizontal-volume-slider { position: absolute; top: 7px; left: 6px; cursor: pointer; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 62px; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { width: 0; height: 12px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { position: absolute; display: block; width: 13px; height: 12px; top: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfiAQEXEAaoTFxtAAAAB3RFWHRBdXRob3IAqa7MSAAAAAx0RVh0RGVzY3JpcHRpb24AEwkhIwAAAAp0RVh0Q29weXJpZ2h0AKwPzDoAAAAHdEVYdFNvdXJjZQD1/4PrAAAACHRFWHRDb21tZW50APbMlr8AAAAGdEVYdFRpdGxlAKju0icAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAABfklEQVQoU2P4//8/HDMo/RdQcvg/W9vt73mr0P/3zAL/31R3/n9c2vJ/Poo6GEPc4k+Yruev+9v2vvz/5MkTOH746Mn/zunvvijY/T4LNFQBrolL47+RQ/jHF3v27Pu/d+9erHjVusP/ZSy/XgVqZAU5iUnN+e+N4yev/l+7du3/adOm4cQdE8/+lLP6PQOkSb+0/ffry5cvgzV1dHT8LygoQMGFhYVgTbt37/6v6/HzOoOYyf/8zXt+/UfWlJyc/N/T0xOMvb29UTR5Jnx5wiBt9b9qzxFMTXZ2dv/V1NQwNAVlfHoGcp5F48Tf79E1OTk5gTG6Jn2vn7dAmth1Pf/ev3DhClxTZmYmCoZpmr3w+H8F21/rwUEubPLfLzr/9RuQpgkTJmDFkybP/K9k9+ke0BIBeOTKWP5ssfB//nzl6r3/t2/fjoL7ph37q2Dz6S6P1jcbeOTCMJvKfy1Fu59H9L2/3Q0Getgl5stjbfef12Wtfy0C2sADUfefAQDJeY74XaYbbQAAAABJRU5ErkJggg==') no-repeat; } /** clearfix **/ .clearfix:after { content: ; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></HEAD> <div align="center"><body style="margin:0px;background-color:transparent;"><script type="text/javascript" src="js/jquery-latest.min.js"></script> <div align="center" style=" display:inline-table; vertical-align:top; position:relative; top:0px; left:0px; WIDTH:180px; height:270px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-image: url(https://chathost.de/test/server/mp3/streambox/images/w-p_streambox_play01_33.png); BACKGROUND-REPEAT: no-repeat; background-position: top left; background-image: -ms-linear-gradient(bottom, # 0%, # 100%); background-image: -moz-linear-gradient(bottom, # 0%, # 100%); background-image: -o-linear-gradient(bottom, # 0%, # 100%); background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #), color-stop(1, #)); background-image: -webkit-linear-gradient(bottom, # 0%, # 100%); background-image: linear-gradient(to bottom, # 0%, # 100%); border: 4px solid #000000; "> <div style="position: absolute; vertical-align: top; top: 222px; left: 15px; WIDTH:100%; "> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/mediaelement-and-player.min.js"></script> <div class="audio-player"> <audio id="audio-player" loop controls src="http://51.255.104.137:8060/;" type="audio/mp3" controls="controls"></audio> </div> </div> </div> </div> <script type="text/javascript" src="https://chathost.de/test/server/mp3/streambox/js/player.js"></script> </body> </html>
Login
Registrieren?
ZumChat
Hör uns auf
L I K E
Information
Mitglieder
Sendeplaqn
Download
Gästebuch
Streambox
Streamboxen
Sternenfeuer-Radio
We-Are-One
Streambox Generator
77 Webradio-Player
Laut FM Player
Online
Album
Böhse Onkelz
Unheilig
Newsletter
In
Out
Play / pause
JavaScript is required.
0:00
0:00
volume
< previous
> next
∞ repeat
menu
Internet Radio / Online Radio / Webradio - 24h Musik
Radio Abschalten
-
Partner-Radio`s
Technobase
-
we are one
HouseTime
-
we are one
HardBase
-
we are one
TranceBase
-
we are one
CoreTime
-
we are one
ClubTime
-
we are one
TeaTime
-
we are one
Diese Seite wurde mit dem W-P ® CMS Portal V2.50.9 erstellt.
Weitere Informationen erhalten Sie auf
web-php.de
Weitere Informationen erhalten Sie auf
w-p-mobile.de
