To get a better understanding of what you can do with mave, we’re introducing a 101 course as an introduction to our component library. And as a video company, we couldn’t resist creating eight videos that total around twenty minutes. In those twenty minutes, we’ll cover everything you need to build your own video course site.
Statamic is a fantastic CMS with a wonderful community. It’s super developer-friendly and easily extendable with addons. If you’re reading this, you probably already appreciate Statamic. However, when it comes to integrating video, the options are limited to either using YouTube or linking directly to an MP4 file. Interestingly, even Statamic’s own site includes a rick-roll when showcasing their video capabilities.
It’s been a year since we introduced metrics in mave.io, and we’ve been handling millions of views since then. We open sourced it for accountability to our promise of ensuring privacy of your customers. This post is a technical rundown of the changes we made to our metrics product to improve performance and privacy.
Recently we received the question whether it is possible to get the raw mp4 file from our system, because that person wanted to use it as part of their UI. While this is possible, and you could in theory simply embed a raw mp4 file in your site, we explained how we developed our components to take advantage of multiple optimizations to give your users a better experience.
After a busy year we already have something new to show you. We’re introducing the mave-text component to embed a textual representation of a video directly onto your site. It features autoscroll, highlights the current word, and enables you to jump to a specific position in the video by clicking on a paragraph
We’ve had a busy 2023 and are excited to showcase our latest features. Expect a detailed look at our new component library, with features like enhanced subtitles and customizable themes, our open source metrics product, and much more. Join us as we dive into these developments and share the story behind each feature.
We’ve been busy with helping customers with specific use cases. We’d like to share these use cases so anyone can start building their own custom intro or outro.
These days the are great tools to measure everything that occurs in your site. Clicks, reading time, loading times, errors and so forth. And we care about the video content on our websites in the same way… right?
We can’t emphasize enough that focusing on small details matters when building applications. Phoenix LiveView makes it very easy to do just that. It’s awesome. And this is already the third post we created about it. So if you’re wondering whether we can spend a whole post on conteneditables, then yes, we can.
Last time I discussed the details of error handling and animating these when building an application with Phoenix Liveview. At mave, we care about those details and you probably do too. Otherwise, you wouldn’t be reading this. Today we’ll dive into another topic we’ve tackled: page transitions.
We really love Phoenix LiveView here at mave. Your focus, even as backend developer, moves towards little interactions that have impact and makes your product feel solid. We just need small changes to get the result consistently throughout our app. Let’s take a look at error handling with Phoenix’ LiveView form.
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>