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

Koukejte spolu. Ať jste kdekoli.

Přátelé, chaty a watch party, přímo ve Vumě. Nic k instalaci: účet mhub.mx tě přihlásí a to, na co koukáš, se stane něčím, co sdílíte, s lidmi, které pozveš, na telefonu, televizi i počítači.

Watch party: jeden film, všechny obrazovky, stejný okamžik

Naplánuj party v chatu, nebo ji spusť z toho, co právě běží. Odpočet spustí všechny obrazovky ve stejnou chvíli a každý přehrávač drží tempo hostitele: pauza, přeskočení, pokračování, všichni vidí stejný obraz.

Tváře z party stojí na okraji obrazu, chat běží dál pod filmem, reakce létají přes obrazovku. Každý kouká se svými addony, ve své Vumě.

Otevřít Vuma

Messenger, který ví, na co koukáte

Vuma má záložku Social: chaty s přáteli a skupiny, odpovědi, reakce a vyhledávání, které běží na tvém zařízení. Pošli film jako kartu, dej mu srdce a naplánujte party hned pod ním. Každá zpráva je šifrovaná end-to-end.

To, na co právě koukají tví přátelé, stojí nad chaty a jako tvář na okraji přehledu. Jedno klepnutí požádá o společné koukání a jste ve stejném filmu.

Otevřít Vuma

Tři kroky k prvnímu chatu

Otevři Vuma, otevři Social, vyber si alias. Najdi přátele podle jejich @handle nebo jim pošli odkaz s pozvánkou: jedno klepnutí a jste přátelé. Funguje to stejně na jakékoli obrazovce, kterou držíš.

Otevřít Vuma

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