RadioDesBallons/live
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Optimisation code

Browse Source
This commit is contained in:
Samuel Vermeulen
2024-05-18 22:31:01 +02:00
parent 9895e571de
commit 2eead81829
1 changed files with 71 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
index.html
View File

@@ -21,73 +21,78 @@
<div class="bandeau"> <div class="bandeau">
<div align="center"> <div align="center">
<table style="width: 900px; height: 160px; background-color: #B6D13A;"> <table style="width: 900px; height: 160px; background-color: #B6D13A;">
<tr> <tr>
<td style="width: 400px; height: auto; text-align: center; color: white;"><p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">HAUTES-VOSGES</p><p style="font-size: medium;"><b>Le Thillot - Bussang - La Bresse</b></p><div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_thillot">Prog. Hautes-Vosges...</div></td> <td style="width: 400px; height: auto; text-align: center; color: white;">
<td style="width: 150px; text-align: center; vertical-align: middle;"> <p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">HAUTES-VOSGES</p><p style="font-size: medium;"><b>Le Thillot - Bussang - La Bresse</b></p>
<a href="javascript:void(0)" onclick="lect_hv()"><span id="bouton_hv"></span></a> <div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_thillot">Prog. Hautes-Vosges...</div>
<audio preload="none" id="live_hv" name="live_hv" width="100%"> </td>
<source src="https://stream.radiodesballons.com/hv" type="audio/mpeg" /> <td style="width: 150px; text-align: center; vertical-align: middle;">
</audio> <a href="javascript:void(0)" onclick="lect_hv()"><span id="bouton_hv"></span></a>
</td> <audio preload="none" id="live_hv" name="live_hv" width="100%">
<td style="text-align: center; width: 250px; vertical-align: middle;"><img width="100%" src="img/rdb.png"></td> <source src="https://stream.radiodesballons.com/hv" type="audio/mpeg" />
<td style="width: 150px; text-align: center; vertical-align: middle;"> </audio>
<a href="javascript:void(0)" onclick="lect_remiremont()"><span id="bouton_remiremont"></span></a> </td>
<audio preload="none" id="live_remiremont" name="live_remiremont" width="100%"> <td style="text-align: center; width: 250px; vertical-align: middle;"><img width="100%" src="img/rdb.png">
<source src="https://stream.radiodesballons.com/remiremont" type="audio/mpeg" /> </td>
</audio> <td style="width: 150px; text-align: center; vertical-align: middle;">
</td> <a href="javascript:void(0)" onclick="lect_remiremont()"><span id="bouton_remiremont"></span></a>
<td style="width: 400px; text-align: center; color: white;"><p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">REMIREMONT</p><p style="font-size: medium;"><b>Secteur de Remiremont</b></p><div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_remiremont">Prog. Remiremont 101.8...</div></td> <audio preload="none" id="live_remiremont" name="live_remiremont" width="100%">
</tr> <source src="https://stream.radiodesballons.com/remiremont" type="audio/mpeg" />
</table> </audio>
</div> </td>
<td style="width: 400px; text-align: center; color: white;">
<script> <p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">REMIREMONT</p>
var v1 = document.getElementById("live_hv"); <p style="font-size: medium;"><b>Secteur de Remiremont</b></p>
var t1 = document.getElementById("titre_hv"); <div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_remiremont">Prog. Remiremont 101.8...</div>
var b1 = document.getElementById("bouton_hv"); </td>
</tr>
var v2 = document.getElementById("live_remiremont"); </table>
var t2 = document.getElementById("titre_remiremont"); </div>
var b2 = document.getElementById("bouton_remiremont"); <script>
var v1 = document.getElementById("live_hv");
var etat1 = "stop"; var t1 = document.getElementById("titre_hv");
var etat2 = "stop"; var b1 = document.getElementById("bouton_hv");
var v2 = document.getElementById("live_remiremont");
b1.innerHTML = "<img src=\"img/play.png\">"; var t2 = document.getElementById("titre_remiremont");
function lect_hv() { var b2 = document.getElementById("bouton_remiremont");
if (etat1 == "stop") { var etat1 = "stop";
etat1 = "play"; var etat2 = "stop";
b1.innerHTML = "<img src=\"img/play.gif\">"; b1.innerHTML = "<img src=\"img/play.png\">";
v1.play();
} else if (etat1 == "play" || etat1 == "resume") { function lect_hv() {
etat1 = "pause"; if (etat1 == "stop") {
b1.innerHTML = "<img src=\"img/play.png\">"; etat1 = "play";
v1.pause(); b1.innerHTML = "<img src=\"img/play.gif\">";
v1.currentTime = 0 v1.play();
} else if (etat1 == "play" || etat1 == "resume") {
etat1 = "pause";
b1.innerHTML = "<img src=\"img/play.png\">";
v1.pause();
v1.currentTime = 0
} else if (etat1 == "pause") { } else if (etat1 == "pause") {
etat1 = "resume"; etat1 = "resume";
b1.innerHTML = "<img src=\"img/play.gif\">"; b1.innerHTML = "<img src=\"img/play.gif\">";
v1.play(); v1.play();
} }
} }
b2.innerHTML = "<img src=\"img/play.png\">";
b2.innerHTML = "<img src=\"img/play.png\">";
function lect_remiremont() { function lect_remiremont() {
if (etat2 == "stop") { if (etat2 == "stop") {
etat2 = "play"; etat2 = "play";
b2.innerHTML = "<img src=\"img/play.gif\">"; b2.innerHTML = "<img src=\"img/play.gif\">";
v2.play(); v2.play();
} else if (etat2 == "play" || etat2 == "resume") { } else if (etat2 == "play" || etat2 == "resume") {
etat2 = "pause"; etat2 = "pause";
b2.innerHTML = "<img src=\"img/play.png\">"; b2.innerHTML = "<img src=\"img/play.png\">";
v2.pause(); v2.pause();
} else if (etat2 == "pause") { } else if (etat2 == "pause") {
etat2 = "resume"; etat2 = "resume";
b2.innerHTML = "<img src=\"img/play.gif\">"; b2.innerHTML = "<img src=\"img/play.gif\">";
v2.play(); v2.play();
} }
} }
</script> </script>
</div> </div>
</body> </body>
</html> </html>