Suchen

Video aus der Box

Ein Video aus meiner Dropbox hier direkt via <video> eingebunden.

Das Video startet automatisch (autoplay) läuft in einer Schleife (loop), der Ton ist (muted) kann aber über die (controls) zugeschaltet werden.

Brauche ich zwar noch nicht, aber ich wollte mich Technisch schon mal mit JSON auseinander setzten. Also kurz eine JSON-Datei erstellt (brennholzverleih.json) und diese schnell via Textarea mit ein paar Daten befüllt.

Ein Datensatz sieht in etwa so aus:

contentEditable + localStorage

Inhalte via contentEditable bearbeiten und in den localStorage des Browsers speichern.

Demo: https://codepen.io/butschy/pen/dyYyGVQ

Achtung, hier spricht die Zentrale!

Neulich im hamburger Elbtunnel.

Hier hieß es früher noch:

Achtung Achtung, hier spricht die Polizei, fahren sie bitte zügig, sie behindern den nachfolgenden Verkehr

Das klingt heute etwas anders und kommt sogar über das Radio (via Transmitter?)

Aber hört (seht) selbst: https://youtu.be/05O9DbhNXO4

Foscam C2 Video

Wie man die maximale Video Qualität aus der IP-Kamera Foscam C2 holt, geht so:

Kamera am LAN-Kabel - check
Video Einstellungen auf HD 1080p / 4M - check
Aufnahme via Webinterface (30fps) - check

Sieht dann in meinem Beispiel so aus:

Unicode 2 Textarea

Kann man Unicode (Dezimal) via Click in eine Textarea einfügen ?

Ja, mit einer kleinen PHP-Funktion und etwas JS-Code ist das alles kein Problem. Hier in meiner Box demonstriere ich das mit einigen Emoji´s. ?

#unicode #textarea #emoji #onclick #insert #function

Font Awesome v5.2.0 - How to Use

In einem HTML Dokument.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">

Oder via @import in der CSS Datei.

@import url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);

CENTER

Ein Element horizontal und vertikal positionieren mit so wenig Code wie möglich und so viel wie nötig.

body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

HTML - dialog

Geht man in den Artikel, wird hier via open="" automatisch eine Dialog-Box geöffnet.

USB Kabel für das Mitsubishi Space Star mp3 Radio

Auch wenn man nur den Mitsubishi Space Star Diamant hat, also den ohne +, so ist dort ab Werk ein mp3 Radio mit USB Funktion verbaut. Allerdings fehlt hier das USB-Kabel zum Handschuhfach.

Dieses Kabel kostet als original Ersatzteil ca. 65 Euro. Oder man läßt es sich via eBay für unter 5 Euro aus China kommen.

TinyMCE 4.3

Es gibt wieder einige Neuerungen im TinyMCE, aber immer noch kein Images-Upload bzw. einen File-Manager.

Ein bischen JS und man bekommt wenigstens ein Images-Upload ganz ohne Plugin hin.

Unicode vs. Latin-1

Wenn Daten als UTF-8 (Unicode) gespeichert wurde, aber als ISO 8859-1 (Latin-1) interpretiert werden, sieht das so aus:

Ã¤ Ã¶ Ã¼

deny from IP

Eine einfache IP-Sperre via .htaccess

order allow,deny
allow from all
deny from 146.xxx.xxx.xxx

Da gibt es eine IP, die seit Monaten beinah täglich versucht irgend etwas in die BOX zu schreiben, scheitert aber immer wieder an meinem Spamschutz und landet jedes mal auf meiner Spamliste.

Ich kann diese IP einfach nicht mehr sehen, nun wird diese "Geblockt / Ausgesperrt".

Maginon IPC 100 AC

Eine neue (alte) IP-Kamera wurde in meinem IP-Cam Dasboard aufgenommen und zeigt irgendeine Terrasse in Norderstedt in 640x480 VGA.

Auch die Maginon IPC-100 AC von Supra lässt sich ganz Easy via

https://[DEINEIP]:[PORT]/videostream.cgi?user=[USERNAME]&pwd=[PASSWORT]

in das Dashboard einbinden.

TM06 Routenplaner

Fertig, der Routenplaner mit mehr als 100 Zwischenzielen via Google Maps.

PHP Weiterleitung

Eine Weiterleitung via header();

if (!$user->eingeloggt()) {
 header('Location: login.php');
 exit;
}

Foscam via Web

Um ein Live-Screenshot einer Foscam IP-Kamera in die eigene Homepage einzubinden, brauchen wir je nach Modell nur den passenden Link und die sehen in etwa so aus: (z.b. für meine FI9821W V2).

https://[DEINEIP]:[PORT]/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=[USERNAME]&pwd=[PASSWORT]

Demo:

<article class="aid_'.$row['aid'].'">

bUTschy.de