Statamic ist ein fantastisches CMS mit einer wunderbaren Community. Es ist super entwicklerfreundlich und leicht mit Add-ons erweiterbar. Wenn Sie dies lesen, wissen Sie Statamic wahrscheinlich bereits zu schätzen. Allerdings beschränken sich die Möglichkeiten bei der Einbindung von Videos entweder auf die Nutzung von YouTube oder die direkte Verknüpfung mit einer MP4-Datei. Interessanterweise enthält sogar die eigene Website von Statamic einen Trick, wenn es um die Präsentation ihrer Videofunktionen geht.
Es ist ein Jahr her, seit wir Metriken in mave.io eingeführt haben, und seitdem haben wir Millionen von Aufrufen verarbeitet. Wir haben es als Open Source bereitgestellt, um unserem Versprechen gerecht zu werden, die Privatsphäre Ihrer Kunden zu gewährleisten. Dieser Beitrag ist ein technischer Überblick über die Änderungen, die wir an unserem Metrikprodukt vorgenommen haben, um Leistung und Datenschutz zu verbessern.
Kürzlich erhielten wir die Frage, ob es möglich sei, die rohe MP4-Datei von unserem System abzurufen, da diese Person sie als Teil ihrer Benutzeroberfläche verwenden wollte. Obwohl dies möglich ist und Sie theoretisch einfach eine rohe MP4-Datei in Ihre Website einbetten könnten, haben wir erklärt, wie wir unsere Komponenten entwickelt haben, um von mehreren Optimierungen zu profitieren und Ihren Benutzern ein besseres Erlebnis zu bieten.
Nach einem arbeitsreichen Jahr haben wir Ihnen bereits etwas Neues zu zeigen. Wir führen die Mave-Text-Komponente ein, um eine Textdarstellung eines Videos direkt in Ihre Website einzubetten. Es verfügt über automatisches Scrollen, hebt das aktuelle Wort hervor und ermöglicht es Ihnen, durch Klicken auf einen Absatz zu einer bestimmten Position im Video zu springen
Wir hatten ein arbeitsreiches Jahr 2023 und freuen uns, unsere neuesten Funktionen vorzustellen. Erwarten Sie einen detaillierten Einblick in unsere neue Komponentenbibliothek mit Funktionen wie verbesserten Untertiteln und anpassbaren Themen, unserem Open-Source-Metrikprodukt und vielem mehr. Tauchen Sie mit uns in diese Entwicklungen ein und teilen Sie die Geschichte hinter jedem Feature.
Wir unterstützen Kunden regelmäßig bei besonderen Anwendungsfällen. Diese Beispiele möchten wir teilen, damit jeder ein eigenes Intro oder Outro erstellen kann.
Heutzutage gibt es großartige Tools, um alles zu messen, was auf Ihrer Website passiert. Klicks, Lesezeit, Ladezeiten, Fehler usw. Und die Videoinhalte auf unseren Websites liegen uns genauso am Herzen … oder?
Wir können nicht genug betonen, dass es beim Erstellen von Anwendungen darauf ankommt, sich auf kleine Details zu konzentrieren. Phoenix LiveView macht es ganz einfach, genau das zu tun. Es ist großartig. Und dies ist bereits der dritte Beitrag, den wir dazu erstellt haben. Wenn Sie sich also fragen, ob wir einen ganzen Beitrag mit umstrittenen Themen verbringen können, dann ja, das können wir.
Letztes Mal habe ich die Details der Fehlerbehandlung und deren Animation beim Erstellen einer Anwendung mit Phoenix Liveview besprochen. Bei mave liegen uns diese Details am Herzen und Ihnen wahrscheinlich auch. Sonst würden Sie das nicht lesen. Heute befassen wir uns mit einem weiteren Thema, mit dem wir uns beschäftigt haben: Seitenübergänge.
Wir bei mave lieben Phoenix LiveView wirklich. Auch als Backend-Entwickler liegt Ihr Fokus auf kleinen Interaktionen, die Wirkung haben und dafür sorgen, dass sich Ihr Produkt solide anfühlt. Wir brauchen nur kleine Änderungen, um das Ergebnis in unserer gesamten App konsistent zu erhalten. Werfen wir einen Blick auf die Fehlerbehandlung mit dem LiveView-Formular von Phoenix.
1
2
3
4
5
<script type="module">
import { Player } from "https://cdn.video-dns.com/npm/@maveio/components/+esm";
</script>
<mave-player embed="ubg50Cq5Ilpnar1"></mave-player>
<script type="module">
import { Player } from "https://cdn.video-dns.com/npm/@maveio/components/dist/react.js";
</script>
<Player embed="ubg50Cq5Ilpnar1"></Player>
<script type="module">
import { Player } from "https://cdn.video-dns.com/npm/@maveio/components/+esm";
</script>
<mave-player embed="ubg50Cq5Ilpnar1"></mave-player>