Alla idéer. Alla skärmar.

En plattform, tre delar.

mHub är inte en app. Det är tre delar som passar ihop, och alla är öppna. Två av dem är grunder: ett innehållsformat och ett webbläsar-API. Den tredje är apparna, och var och en av dem står på den ena grunden eller på båda.

Våra favoriter. Alla är live.

Vuma står på båda grunderna; apparna bredvid visar hur långt en enda grund räcker. Fem appar, fem olika idéer, och var och en är en bra startpunkt.

Vuma

Ge Vuma tillägg så gör den dem till en enda skärm att bläddra i: alla kataloger som dina tillägg har, sökning i alla på en gång, ett bibliotek och en spelare som fortsätter där du slutade. Det är en enda webbapp som körs lika bra på mobiler, tv-apparater och datorer, och som själv hanterar touch, fjärrkontroll och muspekare.

Den står på båda grunderna: tilläggen står för innehållet, och i en mHub-webbläsare lägger Browser API till förmågorna som en vanlig sida aldrig har. Du kan till och med bädda in den på en egen sida, med dina tillägg och ditt namn: en HTML-fil.

Öppna Vuma · Gör den till din

Waves

Radiokanaler, poddar och gratis ljudböcker i en app. Waves är en HTML-fil ovanpå samma Vuma-bygge: fem ljudtillägg, en blågrön accentfärg och addonManager: "fixed", så källorna är bestämda och användaren bara slår på och av dem. Visa källkoden: sidan är hela handledningen.

Öppna live

Junior

Barn-tv. Ett tillägg, glada färger, tyska från första skärmen (locale: "de") och addonManager: "hidden": inget att ställa in fel från soffan. Också en HTML-fil ovanpå Vuma-bygget.

Öppna live

Mediathek

Tillägget är datan; det någon bygger ovanpå är appen. Mediathek är en HTML-fil direkt på tillägget ard-mediathek, utan Vuma under: rader, sökning, serier med sina avsnitt, undertexter och en spelare som minns var du slutade. Tillägget hämtar, sidan står för utseendet.

Öppna live · Källkod på GitHub

Glance

Den andra grunden på egen hand: Glance använder inga tillägg alls. En HTML-fil på Browser API som hämtar väder, rubriker, marknadspriser och status för dina egna servrar live till en lugn skärm. I en vanlig webbläsare fungerar den i begränsad form; i en mHub-app vaknar varje ruta till liv.

Öppna live · Källkod på GitHub

En idé, en mapp, alla skärmar.

Allt som har en lista kan bli ett tillägg, och allt som en webbläsare vägrar göra kan bli en webbsida i mHub. Det här är idéer vi gärna vill se förverkligade, och var och en är bara en prompt bort: välj en, så hamnar den i AI-prompten längre ner.

Har du gjort något av det här? Publicera det på mhub.mx: vi granskar det, hostar det under ditt namn och listar det i community-repositoryt.

Din egen app är en HTML-fil.

Waves och Junior är precis det här: ladda Vuma-bygget, ge det ett element, anropa mount. Den här filen, på valfritt statiskt webbhotell, är en färdig app med dina tillägg, ditt namn och dina färger, och den följer Vumas nya versioner av sig själv. Inget byggsteg, ingen serverkod, inget 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>

Ett tillägg är dess manifest-URL. De som hostas här listas i tilläggsindexet, och en AI kan bygga ett nytt åt dig.

Alla mount-alternativ, och var filerna kommer ifrån, finns dokumenterade i själva appen: Så gör du din egen app. Dokumentationen följer med bygget, så den beskriver versionen du ska ladda och inte den som den här sidan skrevs för.

Ett tillägg är en mapp med JSON-filer.

Ett tillägg är en källa till innehåll: filmer, radiokanaler, poddar, recept, kurser. Lägg mappen var som helst på webben, lägg till adressen i en app, så dyker allt i den upp där, redo att bläddra i. Version 2 av protokollet behöver ingen server: varje endpoint kan vara en statisk fil på valfritt CDN. Alla befintliga v1-tillägg fortsätter att fungera; apparna översätter mellan de två, och v1 stöds även framöver.

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

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

// tillägget förblir statiskt,
// klienten gör resan

{ "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.

Hela tilläggsformatet ryms i en enda prompt, och du behöver aldrig läsa den. Kopiera prompten, lägg till din idé, så svarar AI:n med en mapp med filer. Ladda upp dem var som helst så är ditt tillägg live.

Läs specifikationen för mHub Addon Protocol v2 på
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
och bygg ett tillägg åt mig. Ett tillägg är en mapp med statiska JSON-filer,
redo att laddas upp till valfritt webbhotell. Svara med varje fil: först dess
fullständiga sökväg, sedan hela dess innehåll.

Mitt tillägg: [beskriv din idé här]

Om din assistent inte kan öppna länkar kan du klistra in specifikationsfilen i chatten i stället. Specifikationen och kompletta exempeltillägg finns på GitHub.

Vad din webbplats kan göra i mHub

Allt finns under en namnrymd: window.mhub, och alla värdar erbjuder hela kärnan. Kontrollera en gång att namnrymden finns, sedan är det bara att anropa. Ingen SDK, inget byggsteg, inget konto: en script-tagg är hela installationen, och du får gärna hosta den själv.

API:t är live i apparna och rullas ut med deras nya versioner. Skriv mot det i dag så fortsätter din sida att fungera oavsett: där ingen värd finns saknas window.mhub helt enkelt och din webbplats förblir en vanlig webbplats. Skaffa en webbläsare som har det.

// cross-origin, 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">

Publicerat av folk som du.

56 communitytillägg från 31 skapare hittills. Logga in med din e-post, ladda upp en mapp som zip eller länka en som du hostar själv, och när tillägget har klarat granskningen finns det på mhub.mx/@you/addon, i communitylistan och i community-repositoryt.

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 · hostas någon annanstans 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