Enhver idé. Alle skærme.

Én platform, tre dele.

mHub er ikke én app. Det er tre dele, der passer sammen, og de er alle åbne. To af dem er fundamenter: et indholdsformat og et browser-API. Den tredje er appsene, og hver af dem står på det ene fundament eller på begge.

Vores favoritter. Alle er live.

Vuma står på begge fundamenter; appsene ved siden af viser, hvor langt ét fundament alene rækker. Fem apps, fem forskellige idéer, og hver af dem er et sted at starte fra.

Vuma

Giv Vuma tilføjelser, og den samler dem på én skærm, du kan gennemse: alle de kataloger, dine tilføjelser stiller til rådighed, søgning på tværs af dem alle, et bibliotek og en afspiller, der fortsætter, hvor du slap. Det er én webapp, der kører på telefoner, tv og computere, og som selv håndterer touch, fjernbetjening og mus.

Den står på begge fundamenter: tilføjelser leverer indholdet, og i en mHub-browser tilføjer Browser API de evner, en almindelig side aldrig har. Du kan endda montere den på din egen side, med dine tilføjelser og dit navn på: én HTML-fil.

Åbn Vuma · Gør den til din

Waves

Radiostationer, podcasts og gratis lydbøger som én app. Waves er én HTML-fil oven på det samme Vuma-build: fem lydtilføjelser, en turkis accentfarve og addonManager: "fixed", så kilderne er fastlagt, og brugeren kun slår dem til og fra. Se kildekoden: siden er hele vejledningen.

Åbn den live

Junior

Børne-tv. Én tilføjelse, klare farver, tysk fra første skærm (locale: "de") og addonManager: "hidden": intet at stille forkert ind fra sofaen. Også én HTML-fil oven på Vuma-buildet.

Åbn den live

Mediathek

Tilføjelsen er dataene; det, nogen bygger oven på den, er appen. Mediathek er én HTML-fil direkte på ard-mediathek-tilføjelsen, uden Vuma nedenunder: rækker, søgning, serier med deres afsnit, undertekster og en afspiller, der husker, hvor du stoppede. Tilføjelsen henter, siden står for udseendet.

Åbn den live · Kildekode på GitHub

Glance

Det andet fundament alene: Glance bruger slet ingen tilføjelser. Én HTML-fil på Browser API, der henter live-vejr, overskrifter, markedspriser og status for dine egne servere ind på én rolig skærm. I en almindelig browser klarer den sig pænt med mindre; i en mHub-app vågner hver flise.

Åbn den live · Kildekode på GitHub

Én idé, én mappe, alle skærme.

Alt med en liste kan blive en tilføjelse, og alt, hvad en browser nægter at gøre, kan blive et site i mHub. Det her er idéer, vi gerne vil se lavet, og hver af dem er kun en prompt væk: vælg én, så havner den i AI-prompten længere nede.

Har du lavet en af dem? Udgiv den på mhub.mx: vi gennemgår den, hoster den under dit navn og viser den i fællesskabets repository.

Din egen app er én HTML-fil.

Waves og Junior er præcis dette: indlæs Vuma-buildet, giv det et element, kald mount. Denne fil er, på en vilkårlig statisk host, en færdig app med dine tilføjelser, dit navn og dine farver, og den følger selv med i Vumas udgivelser. Intet build-trin, ingen serverkode, ingen 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>

En tilføjelse er dens manifest-URL. Dem, der hostes her, står i tilføjelsesoversigten, og en AI kan bygge en ny til dig.

Alle mount-indstillinger, og hvor filerne kommer fra, er dokumenteret i selve appen: Sådan laver du din egen app. Vejledningen følger med buildet, så den beskriver den version, du er ved at indlæse, og ikke den, denne side blev skrevet til.

En tilføjelse er en mappe med JSON-filer.

En tilføjelse er en kilde til indhold: film, radiostationer, podcasts, opskrifter, kurser. Læg mappen hvor som helst på nettet, tilføj dens adresse i en app, og alt i den dukker op der, klar til at gennemse. Version 2 af protokollen kræver ingen server: hvert endpoint kan være en statisk fil på et vilkårligt CDN. Alle eksisterende v1-tilføjelser virker fortsat; appsene oversætter mellem de to, og v1 understøttes stadig.

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

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

// tilføjelsen forbliver statisk,
// klienten tager turen

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

Beskriv det. En AI bygger det.

Hele tilføjelsesformatet kan være i én prompt, og du behøver aldrig læse det. Kopiér prompten, tilføj din idé, og AI'en svarer med en mappe med filer. Upload dem hvor som helst, og din tilføjelse er live.

Læs specifikationen for mHub Addon Protocol v2 på
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
og byg en tilføjelse (et addon) til mig. En tilføjelse er en mappe med statiske JSON-filer,
klar til at blive uploadet til en vilkårlig webhost. Svar med hver fil: dens fulde sti,
og derefter dens komplette indhold.

Min tilføjelse: [beskriv din idé her]

Hvis din assistent ikke kan åbne links, så indsæt specifikationsfilen i chatten i stedet. Specifikationen og komplette eksempeltilføjelser findes på GitHub.

Det kan dit site i mHub

Alt ligger under ét navnerum: window.mhub, og alle værter leverer hele kernen. Tjek én gang, om navnerummet findes, og kald det så bare. Intet SDK, intet build-trin, ingen konto: ét script-tag er hele opsætningen, og du må gerne selv hoste scriptet.

API'et er live i appsene og rulles ud med deres udgivelser. Skriv op mod det i dag, så virker din side under alle omstændigheder: hvor der ikke er nogen vært, findes window.mhub simpelthen ikke, og dit site forbliver et almindeligt website. Få en browser, der har det.

// på tværs af origins, læsbart
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">

Udgivet af folk som dig.

56 fællesskabstilføjelser fra 31 skabere indtil nu. Log ind med din e-mail, upload en mappe som zip eller link til en, du selv hoster, og når den er godkendt, ligger den på mhub.mx/@you/addon, i fællesskabslisten og i fællesskabets 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 · hostet et andet sted 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