Wie habt ihr eure Webseite gebaut?

[mash_gh4]

Wie machst du das verschiedene Auflösungen, Formate ausgeliefert werden je nach Speed und Device?

mit adaptivem streaming mittels HLS (für apple bzw. jene devices, die nur h.264 u. h.265 unterstützen) und DASH für alle anderen (um auch VP9 nutzen zu können), aber zum glück kann man mittlerweile, dank CMAF, für beide auslieferungsvarianten die selben files am server verwenden, muss also nicht mehr unnötig viel speicherplatz und umwandlungszeit verschwenden.

ganz trivial ist die sache allerdings trotzdem nicht. ich verwende halt ein wild zusammengebasteltes ständig wachsendes shell script, um die entsprechenden umwandlungen (das meiste davon geht eh mit ffmpeg) einigermaßen handlich abzuwickeln.

ziemlich gute und aktuelle infos über die entsprechende aufbereitung und die momentan vernünftigstens auslieferungssettings findet man hier:

https://streaminglearningcenter.com/

[pillepalle]

Ich hole mal diesen Uralt-Thread aus der Versenkung :)

Ich möchte mir demnächst eine neue Webseite basteln und kriege es gerade nicht geregelt wie man Videos mit Ton abspielt. Die Idee ist ein Video als fensterfüllenden Hintergrund laufen zu lassen und ohne Ton funktioniert das auch super, aber sobald ich den Ton nicht mehr stumm schalte funktioniert es nicht mehr... keine Ahnung woran das liegt, aber vielleicht gibt es ja hier jemanden der HTML und CSS kann?

Mit diesen Befehlen startet das Video automatisch, läuft in Dauerschleife läuft und ist stumm geschaltet:

<video autoplay loop muted>

Das habe ich hier mal ausprobiert... läuft auch in praktisch allen Browsern.
http://fa.giotta.com/video_mute.html

Sobald ich den Mute Befehl heraus nehme um den Ton zu hören läuft es nicht mehr.
http://fa.giotta.com/video.html

Wenn man das Fenster über eine externe Seite aufruft (indem man in meiner Beispielseite auf das linke Video clickt), dann läuft es auf manchen Browsern (z.B. Edge, oder Opera). Aber nur solange man das Fenster nicht wieder neu läd. In anderen Browsern (Firefox und Safari) läuft es dann gar nicht.
http://fa.giotta.com/index.html

Hat da vielleicht jemand eine Erklärung für? Ich kann selber nicht programmieren und arbeite nur nach dem Trial&Error Prinzip. Was verändern und schauen was passiert :)

VG

[MK]

Die Idee ist ein Video als fensterfüllenden Hintergrund laufen zu lassen und ohne Ton funktioniert das auch super

Mit automatischem Ton ist ja auch maximal nervig.

welcome.jpeg

[cantsin]

Hat da vielleicht jemand eine Erklärung für?

Ich nehme schwer an, dass das die Browser blockieren.

[pillepalle]

@ cantsin

Ah... das wäre vielleicht eine Möglichkeit. Aber so ganz konsequent machen es nicht alle. Man muss ja nicht Musik laufen lassen, Atmo und ein wenig Entengeschnatter :) Falls sonst noch jemand eine Idee hat, immer her damit.

VG

[Frank Glencairn]

Schau mal da:

https://developer.chrome.com/blog/autoplay/

[pillepalle]

@ Frank

Danke... tatsächlich. Ich dachte schon ich bin blöd, weil ich mir das nicht erklären konnte :)

VG

[cantsin]

Kleiner Tip: Du kannst die Beschränkungen komplett umgehen, wenn Du statt Videos WebP-Animationen abspielst, und den Ton von einer (dann asynchronen) mp3-Datei. WebP unterstützt Googles VP3-Codec, insofern ist das in annehmbarer Qualität machbar.

Hier ein eigenes Beispiel für eine Seite mit loopenden WebPs:
http://mixedbusiness.pleintekst.nl/0025/

[pillepalle]

@ cantsin

Dank Dir. Ja, mal schauen. Vielleicht kriege ich das auch mit einem Button hin. Wollte nur nicht das übliche Videomenu eingeblendet haben. Sind nur erste Versuche in welche Richtung es gehen soll und was ich hinbekomme :)

VG

[cantsin]

Vielleicht kriege ich das auch mit einem Button hin. Wollte nur nicht das übliche Videomenu eingeblendet haben.

Da hilft eben WebP, weil Du dann HTML-technisch gesehen kein Video, sondern eine Bilddatei hast, die per "<IMG>"-Tag eingebunden wird. Das Looping kannst Du dann auch direkt in der WebP-Datei definieren, was ähnlich funktioniert wie bei GIF.

[dienstag_01]

Ich hatte das gerade vor zwei Wochen, als ich eine ältere Website von mir aktualisiert habe. Die hat ein kleines Video als Intro. Fazit: Ton rausgenommen, das Video wird sonst blockiert. Wenn man das umgeht (hab mich damit nicht beschäftigt), wird das sicher nicht überall funktionieren und sicher auch keine Dauerlösung sein. Eher eine, wo man ständig nachjustieren muss. Nur so zur Anregung.

[klusterdegenerierung]

Hauptsache ihr seit alle schon über php 8.0, sonst wird es evtl. teuer. :-)

[dienstag_01]

Hauptsache ihr seit alle schon über php 8.0, sonst wird es evtl. teuer. :-)

Ah, biste wieder irgendwo reingefallen ;)

[klusterdegenerierung]

Hauptsache ihr seit alle schon über php 8.0, sonst wird es evtl. teuer. :-)

Ah, biste wieder irgendwo reingefallen ;)

Yepp, wenn der Domainbetreiber keinen kostenlosen support für unter 8 mehr anbiet, ist man auf irgendwas reingefallen.

[dienstag_01]

Ah, biste wieder irgendwo reingefallen ;)

Yepp, wenn der Domainbetreiber keinen kostenlosen support für unter 8 mehr anbiet, ist man auf irgendwas reingefallen.

Informiert der Anbieter nicht?

[klusterdegenerierung]

Warum habe ich das hier geschrieben, erinnerung?

[dienstag_01]

Warum habe ich das hier geschrieben, erinnerung?

?

[klusterdegenerierung]

Warum habe ich das hier geschrieben, erinnerung?

?

Kannst ja gucken, wenn Du keine Mail von Deinem Betreiber bekommen hast ist ja gut, ich hatte eine bekommen.
Hätte ich nicht upgedatet, hätte ich monatl. ein paar Taler zahlen müssen.

Wenn man dann nicht zuweit unter 8 ist, ist das Risiko ja auch nicht so groß das was schief läuft.
Bei mir waren es ein paar Versionen die ich dann in Einzelsteps gegangen bin.

Habe aber auch schon gehört das einige ihre Bank danach nicht mehr verwenden konnten.

[roki100]

Wo ist mash_gh4? Hoffe es ist alles in ordnung mit ihm...

[Undefiniert]

Wo ist mash_gh4? Hoffe es ist alles in ordnung mit ihm...

Hatte vor einiger Zeit denselben Gedanken. Mit ein bisschen Geschick (Detektiv spielen ;-) kannst Du ihn finden über Google. Damals war er anderweitig aktiv, für mich das Zeichen: alles ok.

[klusterdegenerierung]

Und was macht unserer Sony Guru Stefan?
Oder hieß der nicht Stefan?

Ach ne der FS700 Zahnarzt hieß Stefan, oder?

[Jalue]

Ich antworte lieber auf Dylans Ausgangspost, weil ich den ganzen „Musste nur Wordpress 8.9.2 compilen und dann mit WonderCool-Plugs nen simplen Artefact proggen, der virus proof triggert“ – BS nicht ertragen kann. Ich schlafe danach einfach schlecht.

Meine Website habe ich von einem Semi-Profi machen lassen, erst HTML und dann hat er, so vor etwa 10 Jahren, das Ding auf Wordpress umgestellt sowie nen Blog beigefügt, weil das angeblich wichtig sei, von wegen Ranking und so. Ich hab ihn einfach machen lassen, weil ich ohnehin gerne schreibe und bisweilen gibt es ja wirklich Dinge mitzuteilen, die für Kunden oder Kollegen hilfreich sein könnten.

Hat das meinen Umsatz befördert? In irgendeiner Form? Meine HP hat ihre Berechtigung, wenn ich mich irgendwo bewerbe, denn über den Link zu ihr kann ich mir Schreibarbeit ersparen. Dass jetzt irgendwelche CEO’s/Handwerker/Hochzeitspaare mit eiligem Filmbedarf bei mir anrufen würden, ist aber nie passiert, übrigens auch nicht mir bekannten Kollegen, die anders als ich viel Zeit und Geld in Suchmaschinenoptimierung oder fancy Design investieren.

Von daher mein Rat an den TO: Alles kein Hexenwerk und schon gar nicht entscheidend! Lass dir das Ding einmal von nem Profi auf Wordpress bauen. Sorge dann dafür, dass die Plugins aktuell bleiben (kannst du weitgehend automatisieren) and that’s pretty much it! Klar, wenn wir Endkunden erreichen müssten, wäre das ein anderer Schnack, aber das ist ja nicht der Fall. Als Filmemacher sind wir nicht im B-to-C, sondern im B-to-B Bereich unterwegs und da gelten andere Maßstäbe.

[roki100]

...und AI WordPress-Plugins können behiflich sein ;) https://getgenie.ai/de/beste-ki-wordpress-plugins/

[cantsin]

Ich würde sogar noch weitergehen und ein Webdesign bevorzugen, das auf statischem HTML basiert (also ohne drunterliegendem WordPress-CMS, Datenbankserver, PHP etc.).

Dafür gibt es heute richtig gute Generator-Frameworks (wie z.B. Jekyll und Hugo), und als Resultat hat man eine Website, die minimale Resourcen braucht, keine Software-Updates erfordert und praktisch nicht gehackt werden kann.

[dienstag_01]

Ich würde sogar noch weitergehen und ein Webdesign bevorzugen, das auf statischem HTML basiert (also ohne drunterliegendem WordPress-CMS, Datenbankserver, PHP etc.).

Dafür gibt es heute richtig gute Generator-Frameworks (wie z.B. Jekyll und Hugo), und als Resultat hat man eine Website, die minimale Resourcen braucht, keine Software-Updates erfordert und praktisch nicht gehackt werden kann.

Sehe ich im Großen und Ganzen auch so. Einfach ist meistens besser.

[KölnerDude]

Hey pillepalle! Dein Problem kommt daher, dass viele Browser Autoplay mit Ton blockieren. Du könntest das umgehen, indem du das Video stumm startest und den Ton über JavaScript erst nach einer Interaktion aktivierst. So könnte das aussehen:

Code: Alles auswählen

<video id="myVideo" autoplay loop muted>
  <source src="video.mp4" type="video/mp4">
  Dein Browser unterstützt kein Video.
</video>

<button onclick="enableSound()">Ton einschalten</button>

<script>
function enableSound() {
  var video = document.getElementById("myVideo");
  video.muted = false;
  video.play();
}
</script>

Das Video startet also stumm, und sobald der User den Button drückt, wird der Ton aktiviert. So solltest du die Browserbeschränkungen umgehen können!

[pillepalle]

@ KölnerDude

Super! Vielen Dank :)

VG

[soulbrother]

Die Frage im Titel ist zwar schon bald 5 Jahre her, aber seis drum:
Ich baue meine Sites ohne CMS (WordPress oder ähnl.),
denn das finde nur sinnvoll, wenn Inhalte häufig dazukommen oder geändert werden.
Also bleibe ich html/css Basis...
Um als Nicht-Programmierer auch die etwas komfortableren Funktionen zu nutzen, such ich mir ein ganz grob passendes (freies) template und ändere es nach meinen Vorstellungen.
Bei w3schools.com gibt es alles zu finden und zu lernen.
Einige meiner sites und die meiner Kunden habe ich mit dem w3 css erstellt, andere auch mit bootstrap.
Ich finde es spannend sich da ein wenig einzuarbeiten.