Een player, klaar om te embedden.
Adaptief afspelen, ondertiteling en afspeelbediening. Jij brengt de video mee; Mave regelt de distributie.
DocumentatieMave voor developers
Video in een paar
regels code.
Webcomponenten voor je front-end. Een REST API, webhooks en een CLI voor alles daarachter.
Mave regelt encoding, adaptieve streaming, ondertiteling en analytics zonder cookies, gehost in Europa. Jij houdt de controle over je markup, je styling en je data.
<script
type="module"
src="https://cdn.video-dns.com/npm/@maveio/components/+esm"
></script>
<mave-player embed="ubg502qJu7jOKXP"></mave-player>import { Player } from "@maveio/components/react";
export default function Hero() {
return <Player embed="ubg502qJu7jOKXP" />;
}$ npm install @maveio/components
// Waar dan ook in je front-end
import "@maveio/components";Werkt in gewone HTML, React, Vue, Svelte en elk CMS waarin je HTML kunt toevoegen.
Componenten
Webcomponenten voor
elk onderdeel van video.
Native custom elements die in elk framework werken, of helemaal zonder. Je configureert ze met attributen, stylet ze met CSS en breidt ze uit met slots.
<mave-player>
Player
Adaptieve streaming, ondertiteling, audiosporen en thema's. Het hart van elke embed.
<mave-clip>
Clip
Een stille loop die afspeelt als hij in beeld is en pauzeert als hij dat niet is. Gebruik hem zoals een afbeelding.
<mave-text>
Tekst
Het transcript van een video op je pagina, synchroon met het afspelen.
<mave-audio>
Audio
Speel audio-uploads of de audiosporen van een video af, met dezelfde bediening.
<mave-upload>
Upload
Laat mensen uploaden vanaf je eigen site, afgebakend met een token dat jij ondertekent.
<mave-list>
Lijst
Toon de video's van je space of van één collectie.
<mave-files>
Bestanden
Bied specifieke versies van een video aan als download.
Configureren
Attributen,
geen SDK's.
Elke instelling uit het Mave-dashboard is ook een attribuut. Stel een kleur in, kies de bediening, laad je eigen JavaScript-thema of plaats je eigen HTML in de player met slots.
Probeer de instellingen live<mave-player
embed="ubg502qJu7jOKXP"
color="#2563eb"
theme="/themes/brand.js"
controls="play time seek volume subtitles fullscreen"
subtitles="all"
active-subtitle="original">
<!-- Getoond zodra de video is afgelopen -->
<div slot="end-screen" style="display: none;">
<a href="/demo">Book a demo</a>
</div>
</mave-player>API en webhooks
Automatiseer alles
achter de player.
Maak video's aan vanaf een URL, orden ze in collecties en reageer met webhooks op wat er gebeurt, in plaats van te pollen.
Authenticeer elk verzoek met een bearer-token uit het dashboard. Met alleen-lezen-sleutels kun je GET-verzoeken doen; voor aanmaken, bijwerken en verwijderen heb je een lees-schrijfsleutel nodig.
curl -X POST https://api.mave.io/v1/videos \
-H "Authorization: Bearer $MAVE_TOKEN" \
-H "Content-Type: application/json" \
-d '{
"collection": "ubg50fRgMoWlCUU",
"input_url": "https://example.com/launch.mp4"
}'Webhook-events
video.createdvideo.uploadedvideo.processingvideo.readyvideo.archivedvideo.unarchivedvideo.deleted
Jij hebt de controle
Jouw app. Jouw regels.
Onderteken tokens op je eigen server, haal elke versie op via een voorspelbare URL en genereer frames wanneer je ze nodig hebt.
Uploads vanuit je app
Voeg <mave-upload> toe aan je site en onderteken een JWT die geldt voor een space, een collectie of één video. Geef hem een vervaltijd, zodat je de toegang op elk moment kunt intrekken.
Hotlinkbeveiliging
Speel video's alleen af op je eigen pagina's. De beveiligde player heeft een token nodig dat is ondertekend met je API-sleutel, met een vervaltijd die jij kiest.
HotlinkbeveiligingVoorspelbare bronnen
Elke versie, elk manifest en elke poster heeft een vaste URL. Gebruik ze in je eigen player of pipeline.
space-ubg50.video-dns.com/2qJu7jOKXP/h264_sd.mp4
Bronnen
Frames op aanvraag
Vraag elk frame van een video op als afbeelding. Stel het tijdstip en het formaat in via de URL.
image.mave.io/ubg502qJu7jOKXP.jpg?time=4&width=360
Afbeeldingen
$ brew install maveio/tap/mave
$ mave login
$ mave videos upload ./video.mp4 --wait
$ mave collections create --name "Product videos"
$ mave videos list --format tableCLI
Je bibliotheek,
vanuit de terminal.
Upload bestanden, bekijk je bibliotheek en maak collecties aan met de Mave CLI.
Commando's geven standaard JSON terug, dus de CLI past in scripts, CI en AI-assistenten die terminalcommando's uitvoeren. Stap je over van Vimeo? Importeer je video's met hun titels en mappen.
CLI-documentatieStandaard open
Lees de code.
Bouw erop verder.
Mave is open source: Mave Core, de componenten achter de player en het client-side pakket dat kijkdata verzamelt. Zie precies wat er op je website draait, of draai het zelf.
maveio/mave-core
Het platform zelf: dashboard, API, videoverwerking en analytics. Draai het op je eigen infrastructuur.
Bekijk op GitHub maveio/componentsDe webcomponenten achter de player, clip, tekst, audio en upload.
Bekijk op GitHub maveio/dataHet client-side pakket dat in de browser kijkdata verzamelt, zonder cookies.
Bekijk op GitHubGehost in Europa. Geen trackingcookies. Geen lock-in.
Begin met bouwen.
Maak een gratis account aan, upload een video en plak de snippet. Of lees eerst de documentatie.
