Každý nápad. Každá obrazovka.

Jedna platforma, tři části.

mHub není jedna aplikace. Jsou to tři části, které do sebe zapadají, a každá z nich je otevřená. Dvě jsou základy: formát obsahu a API prohlížeče. Třetí jsou aplikace a každá z nich stojí na jednom ze základů, nebo na obou.

Naše oblíbené. Všechny naživo.

Vuma stojí na obou základech; aplikace vedle ní ukazují, jak daleko se dostaneš s jediným základem. Pět aplikací, pět různých nápadů a každá z nich je místo, odkud začít.

Vuma

Dej aplikaci Vuma doplňky a ona z nich udělá jednu obrazovku k procházení: každý katalog, který tvoje doplňky nabízejí, vyhledávání napříč všemi, knihovnu a přehrávač, který naváže tam, kde sledování skončilo. Je to jedna webová aplikace, která běží na telefonech, televizích i počítačích a sama zvládá dotyk, dálkový ovladač i myš.

Stojí na obou základech: doplňky přinášejí obsah a uvnitř prohlížeče mHub přidává Browser API schopnosti, které obyčejná stránka nikdy nemá. Můžeš ji dokonce umístit na vlastní stránku, s tvými doplňky a tvým jménem: jeden soubor HTML.

Otevřít Vuma · Udělej si ji po svém

Waves

Rádiové stanice, podcasty a audioknihy zdarma v jedné aplikaci. Waves je jeden soubor HTML nad stejným sestavením Vuma: pět zvukových doplňků, tyrkysový akcent a addonManager: "fixed", takže zdroje jsou pevně dané a uživatel je jen zapíná a vypíná. Podívej se na zdrojový kód stránky: ta stránka je celý návod.

Otevřít naživo

Junior

Dětská televize. Jeden doplněk, jasné barvy, němčina od první obrazovky (locale: "de") a addonManager: "hidden": z gauče se nedá nic rozbít. Taky jeden soubor HTML nad sestavením Vuma.

Otevřít naživo

Mediathek

Doplněk jsou data; co na nich někdo postaví, je aplikace. Mediathek je jeden soubor HTML přímo nad doplňkem ard-mediathek, bez Vuma pod ním: řady, vyhledávání, seriály s epizodami, titulky a přehrávač, který si pamatuje, kde sledování skončilo. Doplněk data stahuje, stránka se stará o vzhled.

Otevřít naživo · Zdrojový kód na GitHubu

Glance

Druhý základ sám o sobě: Glance nepoužívá vůbec žádné doplňky. Jeden soubor HTML nad Browser API, který na jednu klidnou obrazovku stahuje živé počasí, titulky zpráv, tržní ceny a stav tvých vlastních serverů. V obyčejném prohlížeči se elegantně omezí; uvnitř aplikace mHub ožije každá dlaždice.

Otevřít naživo · Zdrojový kód na GitHubu

Jeden nápad, jedna složka, každá obrazovka.

Cokoli se seznamem může být doplněk a cokoli, co prohlížeč odmítne udělat, může být web uvnitř mHub. Tohle jsou nápady, které bychom rádi viděli hotové, a každý z nich je jen jeden prompt daleko: vyber si jeden a objeví se v promptu pro AI níže.

Máš něco z toho hotové? Zveřejni to na mhub.mx: zkontrolujeme to, budeme to hostovat pod tvým jménem a zařadíme to do komunitního repozitáře.

Tvoje vlastní aplikace je jeden soubor HTML.

Waves a Junior jsou přesně tohle: načti sestavení Vuma, dej mu element a zavolej mount. Tenhle soubor je na libovolném statickém hostingu hotová aplikace s tvými doplňky, tvým jménem a tvými barvami a sám drží krok s novými vydáními Vuma. Bez sestavování, bez serverového kódu, bez účtu.

<!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>

Doplněk je URL jeho manifestu. Ty, které hostujeme tady, najdeš v přehledu doplňků a AI ti může postavit nový.

Každá volba pro mount a to, odkud se berou soubory, je popsané přímo v aplikaci: Jak si udělat vlastní aplikaci. Návod se dodává se sestavením, takže popisuje verzi, kterou se chystáš načíst, a ne tu, podle které vznikla tahle stránka.

Doplněk je složka souborů JSON.

Doplněk je zdroj obsahu: filmy, rádiové stanice, podcasty, recepty, kurzy. Dej složku kamkoli na web, přidej její adresu v aplikaci a všechno, co obsahuje, se tam objeví a dá se to procházet. Verze 2 protokolu nepotřebuje server: každý endpoint může být statický soubor na libovolném CDN. Každý existující doplněk v1 dál funguje; aplikace mezi oběma verzemi překládají a v1 zůstává podporovaná.

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

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

// doplněk zůstává statický,
// cestu podnikne klient

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

Popiš to. AI to postaví.

Celý formát doplňků se vejde do jednoho promptu a nikdy ho nemusíš číst. Zkopíruj prompt, přidej svůj nápad a AI odpoví složkou souborů. Nahraj je kamkoli a tvůj doplněk je online.

Přečti si specifikaci mHub Addon Protocol v2 na
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
a postav mi doplněk. Doplněk je složka statických souborů JSON,
připravená k nahrání na libovolný webhosting. Odpověz všemi soubory:
u každého celou cestu a pak jeho kompletní obsah.

Můj doplněk: [sem popiš svůj nápad]

Pokud tvůj asistent neumí otevírat odkazy, vlož mu soubor se specifikací přímo do chatu. Specifikace a kompletní ukázkové doplňky jsou na GitHubu.

Co tvůj web zvládne uvnitř mHub

Všechno je v jednom jmenném prostoru: window.mhub, a každý hostitel poskytuje celé jádro. Jednou ověř, že jmenný prostor existuje, a pak ho prostě volej. Žádné SDK, žádné sestavování, žádný účet: celé nastavení je jeden tag script a klidně si ho hostuj u sebe.

API už v aplikacích funguje a s jejich novými verzemi se dostává ke všem. Piš proti němu už dnes a tvoje stránka bude fungovat tak jako tak: kde žádný hostitel není, window.mhub prostě chybí a tvůj web zůstane obyčejným webem. Pořiď si prohlížeč, který ho má.

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

Zveřejněno lidmi, jako jsi ty.

Zatím 56 komunitních doplňků od 31 tvůrců. Přihlas se e-mailem, nahraj složku jako zip nebo odkaž na tu, kterou hostuješ ty, a jakmile projde kontrolou, bude na mhub.mx/@you/addon, v seznamu komunity a v komunitním repozitáři.

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 · hostováno jinde 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