Svaka ideja. Svaki ekran.

Jedna platforma, tri dela.

mHub nije jedna aplikacija. To su tri dela koja se uklapaju, i svaki od njih je otvoren. Dva su temelji: format sadržaja i API pregledača. Treći deo su aplikacije, a svaka od njih stoji na jednom temelju ili na oba.

Naši favoriti. Svi rade uživo.

Vuma stoji na oba temelja; aplikacije pored nje pokazuju dokle može da stigne i samo jedan temelj. Pet aplikacija, pet različitih ideja, i svaka od njih je dobra polazna tačka.

Vuma

Kada Vuma dobije dodatke, pretvara ih u jedan ekran za pregledanje: svaki katalog koji tvoji dodaci nude, pretraga kroz sve njih, biblioteka i plejer koji nastavlja tamo gde je reprodukcija stala. To je jedna veb aplikacija koja radi i na telefonima, i na televizorima, i na desktop računarima, i sama se snalazi sa dodirom, daljinskim upravljačem i mišem.

Stoji na oba temelja: dodaci donose sadržaj, a unutar mHub pregledača Browser API dodaje moći koje obična stranica nikad nema. Možeš je čak postaviti i na sopstvenu stranicu, sa svojim dodacima i svojim imenom: jedan HTML fajl.

Otvori Vumu · Napravi je svojom

Waves

Radio stanice, podkasti i besplatne audio-knjige kao jedna aplikacija. Waves je jedan HTML fajl nad istim Vuma buildom: pet audio dodataka, tirkizni akcenat i addonManager: "fixed", pa su izvori zadati, a korisnik ih samo uključuje i isključuje. Pogledaj njen izvorni kod: stranica je ceo tutorijal.

Otvori uživo

Junior

Dečja televizija. Jedan dodatak, jarke boje, nemački od prvog ekrana (locale: "de") i addonManager: "hidden": sa kauča nema šta pogrešno da se podesi. I ovo je jedan HTML fajl nad Vuma buildom.

Otvori uživo

Mediathek

Dodatak su podaci; ono što neko napravi na njemu je aplikacija. Mediathek je jedan HTML fajl direktno na dodatku ard-mediathek, bez Vume ispod: redovi, pretraga, serije sa epizodama, titlovi i plejer koji pamti dokle je stiglo gledanje. Dodatak dohvata podatke, stranica se brine o izgledu.

Otvori uživo · Izvorni kod na GitHub-u

Glance

Drugi temelj sam za sebe: Glance ne koristi nijedan dodatak. Jedan HTML fajl na Browser API-ju, koji na jedan miran ekran donosi vremensku prognozu uživo, naslove vesti, tržišne cene i status tvojih servera. U običnom pregledaču i dalje radi, samo sa manje mogućnosti; unutar mHub aplikacije svaka pločica oživi.

Otvori uživo · Izvorni kod na GitHub-u

Jedna ideja, jedan folder, svaki ekran.

Sve što ima listu može biti dodatak, a sve što pregledač odbija da uradi može biti sajt unutar mHub-a. Ovo su ideje koje bismo voleli da neko napravi, i od svake te deli samo jedan prompt: izaberi jednu i ona završava u AI promptu niže na stranici.

Već imaš nešto od ovoga? Objavi to na mhub.mx: pregledamo, hostujemo pod tvojim imenom i prikazujemo u repozitorijumu zajednice.

Tvoja aplikacija je jedan HTML fajl.

Waves i Junior su upravo to: učitaj Vuma build, daj mu element, pozovi mount. Ovaj fajl, na bilo kom statičkom hostingu, gotova je aplikacija sa tvojim dodacima, tvojim imenom i tvojim bojama, i sam prati nova izdanja Vume. Bez koraka izgradnje, bez serverskog koda, bez naloga.

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

Dodatak je URL njegovog manifesta. Oni koji su hostovani ovde navedeni su u indeksu dodataka, a AI ti može napraviti novi.

Svaka opcija za mount, i odakle dolaze fajlovi, dokumentovana je u samoj aplikaciji: Kako da napraviš sopstvenu aplikaciju. Stiže uz build, pa opisuje verziju koju upravo učitavaš, a ne onu prema kojoj je ova stranica pisana.

Dodatak je folder JSON fajlova.

Dodatak je izvor sadržaja: filmovi, radio stanice, podkasti, recepti, kursevi. Postavi folder bilo gde na vebu, dodaj njegovu adresu u aplikaciju, i sve što je u njemu pojaviće se tamo, spremno za pregledanje. Verziji 2 protokola ne treba server: svaki endpoint može biti statički fajl na bilo kom CDN-u. Svaki postojeći v1 dodatak i dalje radi; aplikacije prevode između te dve verzije, a v1 ostaje podržan.

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

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

// dodatak ostaje statičan,
// klijent obavlja poziv

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

Opiši. AI napravi.

Ceo format dodataka staje u jedan prompt, i nikad ne moraš da ga čitaš. Kopiraj prompt, dodaj svoju ideju, i AI odgovara folderom fajlova. Otpremi ih bilo gde i tvoj dodatak radi.

Pročitaj specifikaciju mHub Addon Protocol v2 na
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
i napravi mi dodatak. Dodatak je folder statičkih JSON fajlova,
spreman za otpremanje na bilo koji veb hosting. Odgovori sa svakim fajlom:
prvo njegova puna putanja, zatim njegov kompletan sadržaj.

Moj dodatak: [ovde opiši svoju ideju]

Ako tvoj asistent ne može da otvara linkove, umesto toga nalepi fajl specifikacije u čet. Specifikacija i kompletni primeri dodataka nalaze se na GitHub-u.

Šta tvoj sajt može unutar mHub-a

Sve živi u jednom imenskom prostoru: window.mhub, i svaki host pruža celo jezgro. Jednom proveri da li imenski prostor postoji, pa ga samo pozivaj. Bez SDK-a, bez koraka izgradnje, bez naloga: jedan script tag je cela postavka, a možeš ga hostovati i sam.

API već radi u aplikacijama i stiže sa njihovim izdanjima. Piši za njega već danas i tvoja stranica radi u svakom slučaju: gde nema hosta, window.mhub jednostavno ne postoji i tvoj sajt ostaje običan sajt. Nabavi pregledač koji ga ima.

// sa drugog porekla, čitljivo
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">

Objavljuju ih ljudi poput tebe.

Zasad 56 dodataka zajednice od 31 autora. Prijavi se imejlom, otpremi folder kao zip ili poveži onaj koji sam hostuješ, i čim prođe pregled, nalazi se na mhub.mx/@you/addon, u listi zajednice i u repozitorijumu zajednice.

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 · hostovan negde drugde 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