Jede Idee. Jeder Bildschirm.

Eine Plattform, drei Teile.

mHub ist nicht eine einzelne App. Es sind drei Teile, die zusammenpassen, und jeder davon ist offen. Zwei sind Fundamente: ein Inhaltsformat und eine Browser-API. Der dritte Teil sind die Apps, und jede davon steht auf einem der Fundamente oder auf beiden.

Unsere Favoriten. Alle live.

Vuma steht auf beiden Fundamenten; die Apps daneben zeigen, wie weit ein Fundament allein trägt. Fünf Apps, fünf verschiedene Ideen, und jede davon ist ein guter Ausgangspunkt.

Vuma

Gib Vuma Addons, und es macht daraus einen einzigen Bildschirm zum Stöbern: jeder Katalog, den deine Addons anbieten, eine Suche über alle, eine Bibliothek, ein Player, der dort weitermacht, wo du aufgehört hast. Es ist eine Web-App, die auf Handys, Fernsehern und Desktops gleichermaßen läuft und Touch, Fernbedienung und Maus selbst beherrscht.

Es steht auf beiden Fundamenten: Addons liefern die Inhalte, und in einem mHub-Browser ergänzt die Browser API die Fähigkeiten, die eine normale Seite nie hat. Du kannst es sogar auf einer eigenen Seite einbinden, mit deinen Addons und deinem Namen: eine HTML-Datei.

Vuma öffnen · Mach es zu deiner App

Waves

Radiosender, Podcasts und kostenlose Hörbücher in einer App. Waves ist eine HTML-Datei auf demselben Vuma-Build: fünf Audio-Addons, ein türkiser Akzent und addonManager: "fixed", die Quellen sind also fest vorgegeben und man schaltet sie nur ein und aus. Schau dir den Quelltext an: Die Seite ist das ganze Tutorial.

Live öffnen

Junior

Kinderfernsehen. Ein Addon, kräftige Farben, Deutsch ab dem ersten Bildschirm (locale: "de") und addonManager: "hidden": Vom Sofa aus lässt sich nichts verstellen. Ebenfalls eine HTML-Datei auf dem Vuma-Build.

Live öffnen

Mediathek

Das Addon sind die Daten; was jemand darauf baut, ist die App. Mediathek ist eine HTML-Datei direkt auf dem ard-mediathek-Addon, ohne Vuma darunter: Reihen, Suche, Serien mit ihren Folgen, Untertitel und ein Player, der sich merkt, wo du aufgehört hast. Das Addon holt die Daten, die Seite sorgt für das Aussehen.

Live öffnen · Quellcode auf GitHub

Glance

Das andere Fundament für sich allein: Glance nutzt überhaupt keine Addons. Eine HTML-Datei auf der Browser API, die Live-Wetter, Schlagzeilen, Marktpreise und den Status deiner eigenen Server auf einen ruhigen Bildschirm holt. In einem normalen Browser bleibt sie eingeschränkt nutzbar; in einer mHub-App erwacht jede Kachel.

Live öffnen · Quellcode auf GitHub

Eine Idee, ein Ordner, jeder Bildschirm.

Alles mit einer Liste kann ein Addon sein, und alles, was ein Browser verweigert, kann eine Seite in mHub sein. Das sind Ideen, die wir gern umgesetzt sehen würden, und jede ist nur einen Prompt entfernt: Wähl eine aus, und sie landet weiter unten im KI-Prompt.

Eins davon gebaut? Veröffentliche es auf mhub.mx: Wir prüfen es, hosten es unter deinem Namen und listen es im Community-Repository.

Deine eigene App ist eine HTML-Datei.

Genau das sind Waves und Junior: den Vuma-Build laden, ihm ein Element geben, mount aufrufen. Diese Datei ist auf jedem statischen Host eine fertige App mit deinen Addons, deinem Namen und deinen Farben, und sie folgt den Vuma-Releases von selbst. Kein Build-Schritt, kein Servercode, kein Konto.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
  content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no">
<title>My App</title>
<link rel="stylesheet" href="https://vuma.mx/latest/style.css">
</head>
<body>
<div id="app"></div>
<script type="module">
  import { mount } from "https://vuma.mx/latest/app.js";
  mount({
    addons: [
      "https://www.mhub.mx/radio-and-podcasts",
      "https://www.mhub.mx/public-domain",
    ],
    brand: { name: "My App", colors: { accent: "#00AAFF" } },
  });
</script>
</body>
</html>

Ein Addon ist seine Manifest-URL. Die hier gehosteten stehen im Addon-Verzeichnis, und eine KI kann dir ein neues bauen.

Jede mount-Option und woher die Dateien kommen, ist in der App selbst dokumentiert: So baust du deine eigene App. Die Anleitung kommt mit dem Build, beschreibt also die Version, die du gleich lädst, und nicht die, für die diese Seite geschrieben wurde.

Ein Addon ist ein Ordner mit JSON-Dateien.

Ein Addon ist eine Quelle für Inhalte: Filme, Radiosender, Podcasts, Rezepte, Kurse. Leg den Ordner irgendwo ins Web, füg seine Adresse in einer App hinzu, und alles darin erscheint dort zum Stöbern. Version 2 des Protokolls braucht keinen Server: Jeder Endpunkt kann eine statische Datei auf einem beliebigen CDN sein. Jedes bestehende v1-Addon funktioniert weiter; die Apps übersetzen zwischen beiden, und v1 wird weiter unterstützt.

/mhub-addon.json
/catalog/{type}/{catalogId}.json
/item/{type}/{id}.json
/source/{type}/{id}.json

"resources": ["catalog",
  "item", "source",
  "resolve", "subtitle"]

// Addon bleibt statisch,
// der Client holt die Daten

{ "id": "my-movies", "name": "My Movies", "specVersion": 2,
  "resources": ["catalog"], "types": ["video"],
  "catalogs": [{ "id": "all", "name": "All", "type": "video" }] }

Beschreib es. Eine KI baut es.

Das ganze Addon-Format passt in einen einzigen Prompt, und du musst es nie lesen. Kopier den Prompt, füg deine Idee hinzu, und die KI antwortet mit einem Ordner voller Dateien. Lad sie irgendwo hoch, und dein Addon ist live.

Lies die Spezifikation des mHub Addon Protocol v2 unter
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
und bau mir ein Addon. Ein Addon ist ein Ordner mit statischen JSON-Dateien,
bereit zum Hochladen auf einen beliebigen Webhost. Antworte mit jeder Datei:
zuerst ihr vollständiger Pfad, dann ihr kompletter Inhalt.

Mein Addon: [beschreib hier deine Idee]

Wenn dein Assistent keine Links öffnen kann, füg stattdessen die Spezifikationsdatei in den Chat ein. Die Spezifikation und vollständige Beispiel-Addons liegen auf GitHub.

Was deine Seite in mHub kann

Alles liegt unter einem Namespace: window.mhub, und jeder Host liefert den vollständigen Kern. Prüf einmal, ob der Namespace da ist, und ruf ihn dann einfach auf. Kein SDK, kein Build-Schritt, kein Konto: Ein Script-Tag ist die ganze Einrichtung, und du darfst das Script auch selbst hosten.

Die API ist in den Apps live und kommt mit ihren Releases überall an. Programmier schon heute dagegen, deine Seite funktioniert so oder so: Wo kein Host vorhanden ist, fehlt window.mhub einfach, und deine Seite bleibt eine normale Website. Hol dir einen Browser, der sie hat.

// Cross-Origin, lesbar
const r = await mhub.fetch(url);

const s = await mhub.openStream(
  { url, headers });
video.src = s.url;

await mhub.storage.set(k, v);

{ "id": "mysite",
  "endpoints": [
    "https://a.example",
    "https://b.example" ] }

mhub.setLinks([
  { id, name, icon, url }]);

mhub.setSearch({ placeholder,
  onQuery, onSuggest });

if (mhub.device.isTV) tvUi();

mhub.setBackHandler(depth);
mhub.setImmersive(true);
<meta name="mhub" content="app dpad">

Veröffentlicht von Leuten wie dir.

Bisher 56 Community-Addons von 31 Personen. Melde dich mit deiner E-Mail an, lad einen Ordner als Zip hoch oder verlinke ein Addon, das du selbst hostest. Sobald es die Prüfung besteht, liegt es unter mhub.mx/@you/addon, in der Community-Liste und im Community-Repository.

France 24 & RFI France Médias Monde live: France 24 in French, English, Arabic and Spanish, and the radios RFI and Monte Carlo Doualiya. Official streams, free worldwide. @steve · woanders gehostet ZDF Live The live channels of the ZDF, Germany's second public broadcaster: ZDF, ZDFneo, ZDFinfo, 3sat and phoenix. The streams are the ones zdf.de plays; most of them are limited to Germany, 3sat also plays in Austria and Switzerland. @jonas Kids Corner ★ For children, in English: the PBS Kids live channel, ABC Kids Listen from Australia, and a shelf of classic children's audiobooks read by LibriVox volunteers: Alice, Peter Pan, The Wind in the Willows, The Jungle Book, Anne of Green Gables and more. @sam Suomalaiset klassikot Finnish literature as audiobooks, read by LibriVox volunteers: the Kalevala, Aleksis Kivi, Juhani Aho, Minna Canth and more. Public domain, hosted by the Internet Archive. @aanikirja Русская классика ★ Russian literature as audiobooks, read by LibriVox volunteers: Pushkin, Gogol, Chekhov, Tolstoy, Dostoevsky, Turgenev and more. Public domain, hosted by the Internet Archive. @chitalka Public Broadcasters Public television and radio in English, live: PBS and PBS member stations, ABC News Australia, CBC News, plus CBC Radio One, CBC Music, NPR, ABC Radio National, ABC NewsRadio, ABC Classic, triple j and Double J. Every stream is the broadcaster's own. @sam