Es ist einfach so passiert, dass ich Musik liebe und immer eine Art Lautsprecher in meiner Küche installiert habe. Jetzt ist es ein Stereopaar mit Bluetooth-Unterstützung.
Aber welche Quelle soll verwendet werden? Ich habe ein Telefon, meine Frau hat ein Telefon, mein Kind hat ein Telefon, und alle Telefone möchten eine Verbindung zu diesen Lautsprechern herstellen, was häufig zu bestimmten Unannehmlichkeiten führt. Die Lautsprecher wissen nicht, von welchem Gerät ich gerade Musik abspielen möchte, und stellen daher eine Verbindung zu dem ersten Gerät her, auf das sie stoßen. Um einfach einen schönen Hintergrund einzuschalten, müssen Sie eine Reihe von Aktionen ausführen:
Stellen Sie sicher, dass Ihr Telefon derzeit mit Lautsprechern gekoppelt ist.
Wenn nicht Ihre, müssen Sie die Verbindung der Lautsprecher mit allen anderen Geräten trennen und eine Verbindung herstellen.
Führen Sie eine Anwendung aus.
wähle eine Art Musik;
und wenn Sie immer noch einen Anruf auf diesem Gerät erhalten und wenn das Telefon Ihrer Frau schneller als das Ihre verbindet ?! ...
Im Allgemeinen verwandelte sich der Prozess von einem einfachen "Ich möchte hier und jetzt Musik hören" in eine Reihe magischer Pässe, und manchmal bestand überhaupt kein Wunsch, diesen Prozess überhaupt zu starten. Was benötigt wurde, war eine einfache, zuverlässige und bequeme Möglichkeit, die Musik einzuschalten und mit Ihrem Geschäft fortzufahren.
Hardware Software
Ich nahm ein altes Tablet (unter Android), schrieb eine kleine Webanwendung, koppelte das Tablet und die Lautsprecher, positionierte das Tablet an einem zugänglichen Ort und bekam, was ich brauchte.
So sieht es lebendig aus (auf dem Foto ist ein fotogeneres Tablet zu sehen, das reale Gerät wird mit Hilfe von Haltern für Gemälde wie "Klettverschluss" am Kühlschrank befestigt).
20 -web--, , - . ...
Web-, UI/UX
UI/UX . : , . , . , , .
, , , :
, ;
();
-;
();
.
...
1.
Web App Manifest , .
Web Audio Api , . . ( , ). "" .
:
"" ;
;
- ;
, Mobile Safari . 21 : , .
2.
Wake Lock Api .
- , , , - -. .. , Web Audio Api, , , . .
- , .
mSafari , , . , mp3 . . , , .
.
:
Web Audio Api . . "" .
3.
.. Web Audio Api mSafari, , Web Audio Api html5 audio.
. Lighthouse (pagespeed google). 100 , .
-, .
:
, . ( ).
, . " - " !
Web Audio Api - , , ( , ( ), ). , 21 , web- .
, - - - . 8 , , .
Im Moment habe ich vor, eine Pause von der Entwicklung einzulegen und nur diese Lösung zu verwenden. Im Laufe der Zeit kann ich bei Bedarf die Geolokalisierung und eine anpassbare Liste von Funkkanälen verschrauben.
Kirsche
Viele Webentwickler wissen nicht, wie 100 Leuchtturmpunkte aussehen. So... :)
Ich würde mich freuen, wenn meine Erfahrung für Sie nützlich ist. Viel Glück an alle!