How 2 Media
Vermutlich fällt dir auf, dass die Handys im Image Video sogenannt Portrait gehalten werden, das Image Video selbst aber sogenannt Landscape spielt. Offensichtlich sind Handys so gebaut, dass sie natürlich, intuitiv 'de-Hooche-wäg' (eben Portrait) gehalten werden - obwohl professionelle Filme, ob im Kino oder im TV, samt und sonders 'de-Quere-wäg' spielen. Auch Filme, die ausschliesslich mit dem Handy gedreht wurden:Unsane is a 2018 American psychological thriller film directed by Steven Soderbergh and written by Jonathan Bernstein and James Greer. The film stars Claire Foy, Joshua Leonard, Jay Pharoah, Juno Temple, Aimee Mullins, and Amy Irving. Matt Damon has a cameo appearance as a detective. The film follows a woman confined to a mental institution after she is pursued by a stalker.
Streamable
Die Filme in dieser Website befinden sich ausschliesslich bei ▸Streamable. Der einzige, aber über alles plausible Grund ist die Erscheinung des Films ohne wenn und aber, ohne schwarze Balken, ohne Werbung, ohne gar nichts.LIVE!
if video cam on u'll c nothing really happens
Audio
▸ Play/Pause (Symphony by Bandit)Meine Aufnahmen mache ich darum mit der Mobile App Mp3Recorder, weil die Files direkt aus der App auf den Server hochgeladen werden können. Die Play/Pause Funktion ist ein wirklich einfacher JavaScript, den ich mir von Grok schreiben liess - der HTML-Audioplayer ist einfach nicht schön.):
<audio id="bandit" src="audio/bandit.mp3"></audio>
<script>
const audio = document.getElementById("bandit");
function togglePlay1() {
audio.paused ? audio.play() : audio.pause();
}
</script>
Achte darauf, togglePlay zu numerieren (2x), falls du in der gleichen Webseite mehrere Audiodateien spielen willst:▸ Play/Pause (Kiss my OH! by AnneMarie)
▸ Play/Pause (Symphony by Bandit)
Meine Aufnahmen mache ich darum mit der Mobile App Mp3Recorder, weil die Files direkt aus der App auf den Server hochgeladen werden können. Die Play/Pause Funktion ist ein wirklich einfacher JavaScript, den ich mir von Grok schreiben liess - der HTML-Audioplayer ist einfach nicht schön.):
Die nachfolgende Playlist samt progress bar setzt die 3 Dateien index.html, style.css und script.js voraus (siehe den Quelltext dieser ▸Seite). In der script.js werden die Audiodateien eingeschrieben. Ich empfehle, die drei Dateien in einen Ordner zu kopieren und die index.htm als iframe wo immer einzusetzen.
Radio
Live Streaming geht auch ohne Bild - nennt sich dann einfach Radio. Mit Mixlr kann 3 Stunden pro Tag gratis gesendet werden.SVG
SVG (Scalable Vector Graphics) sind XML-basierte Vektorgrafiken, die sich ohne Qualitätsverlust beliebig skalieren lassen. Im folgenden Beispiel sind dies die roten Zahlen und Kreise.first click/touch the "1" (and again to stop the audio) - and then do it in the text to end the whole action. Same on "2" and ...
Bilder speichern
Ein Bild sollte wenn immer möglich nicht grösser als 500KB sein - ausser es wird fremd-gelagert. Dann bestimmt wohl der Preis.
Image Map
Wohl werden noch immer Image Maps (verweis-sensitive Grafiken) verwendet. Sie sind, obwohl aktueller HTML5-Standard, jedoch aufgrund mangelnder Responsive-Fähigkeit (so dürfen Bilder nicht prozentual skaliert werden) seltener geworden. Click/touch mir in mein linkes Auge. Der Script sieht so aus:
<img src="img.jpg" usemap="#workmap" width="300"> <map name="workmap"> <area shape="circle" coords="195,120,40" href="URL"> </map>
Image Slider
Die JavaScript function heisst carousel und der Script sieht so aus:
<img class="mySlides" src="..." style="width:100%">
<img ...
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 5000); // Change image every 5 seconds
}
</script>
How 2 Database
Webbasierte Datenbanksysteme sind server-seitige, strukturierte Datensammlungen, die über das Internet, meist (so auch hier) mit PHP zugänglich gemacht werden und grosse Datenmengen effizient speichern, verwalten und sich manipulieren und bereitstellen lassen. Sie sind Basis dynamischer Webanwendungen, z.B. CMS wie WordPress, Typo3 & Co und Onlineshops, die oft mit Systemen wie MySQL, PostgreSQL, MariaDB oder Cloud-Lösungen wie iCloud, Google Cloud, ... umgesetzt werden.
Im absoluten Idealfall unterhältst du eine selbstgehostete Domain und hast dadurch Zugriff auf eine Datenbank.
Dann fragst du Lumo (oder Claude oder Grok oder ...) nach dem Script, welchen du in eine .php-Seite einschreiben kannst und der dich erfolgreich mit deiner Datenbank deines Host verbindet.
Der Script sieht so aus:
<?php
$servername = "meist localhost";
$username = "xxx";
$password = "yyy";
$dbname = "zzz";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
echo "Connected successfully";
?>
Dann prüfst du die Verbindung zur Datenbank:
Connected successfully
Dann eröffnest du eine kleine SQL-Tabelle zum Üben - der selbstverständlich erweiterbare Script, den dir Lumo & Co liefern, sieht zum Beispiel so aus:
<?php
$servername = "meist localhost";
$username = " ";
$password = " ";
$dbname = " ";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// sql to create table
$sql = "CREATE TABLE Namen (
id INT AUTO_INCREMENT PRIMARY KEY,
firstname VARCHAR(50) CHARACTER SET utf8mb4,
lastname VARCHAR(50) CHARACTER SET utf8mb4,
remarks VARCHAR(50) CHARACTER SET utf8mb4,
) CHARACTER SET utf8mb4;";
if ($conn->query($sql) === TRUE) {
echo "Table Namen created successfully";
} else {
echo "Error creating table: " . $conn->error;
}
$conn->close();
?>
Und dann gilt es nur noch, die Formulare für neue Datensätze, für das Finden und Anzeigen und allenfalls Editieren bestehender Datensätze zu schreiben resp. mit Lumo & Co. schreiben zu lassen.