Ich emuliere hier mit einem ESP-32 eine zerbrochene IR-Fernbedienung. Die Ausgabe erfolgt über eine LED, die Eingabe über eine Seite, die im heimischen WLAN angeboten wird.
Der Haken ist nun, dass Safari auf den Iphones die Seite winzig klein darstellt, so dass man erstmal reinzoomen muss, um irgendetwas erkennen oder anklicken zu können. Dabei ist es schnuppe, dass rechts vom Inhalt jede Menge gähnende Leere herrscht. Kann man das Problem mit ein wenig html bewältigen ?
1 |
<!DOCTYPE html>
|
2 |
<html lang="de-DE">
|
3 |
<head>
|
4 |
<meta charset="utf-8">
|
5 |
<title>Fischprojektor</title>
|
6 |
</head>
|
7 |
<body>
|
8 |
<form action="/" method="post">
|
9 |
<fieldset style="display: inline-block;">
|
10 |
<legend>Auf einmal</legend>
|
11 |
<label><input type="checkbox" name="r" value="1" checked>rot</label><br>
|
12 |
<label><input type="checkbox" name="g" value="1" checked>grün</label><br>
|
13 |
<label><input type="checkbox" name="b" value="1" checked>blau</label><br>
|
14 |
<label><input type="checkbox" name="w" value="1">weiß</label><br>
|
15 |
<label><input type="checkbox" name="d" value="1" checked>drehen</label><br>
|
16 |
<label><input type="checkbox" name="m" value="1">Musik</label>
|
17 |
<p><label>Laufzeit :<br><input type="time" name="z" value="01:40" step="300" min="00:05" max="16:35"></label></p>
|
18 |
<button name="a" value="0">Senden</button>
|
19 |
</fieldset>
|
20 |
</form>
|
21 |
<form action="/" method="post">
|
22 |
<fieldset style="display: inline-block;">
|
23 |
<legend>Einzeln</legend>
|
24 |
<button name="a" value="1">An/Aus</button>
|
25 |
<button name="a" value="2">Farbe</button>
|
26 |
<p><button name="a" value="3">Drehen</button>
|
27 |
<button name="a" value="4">Zeit+</button></p>
|
28 |
<button name="a" value="5">Nachtlicht</button>
|
29 |
<button name="a" value="6">Musik</button>
|
30 |
</fieldset>
|
31 |
</form>
|
32 |
</body>
|
33 |
</html>
|
