Każdy pomysł. Każdy ekran.

Jedna platforma, trzy części.

mHub to nie jedna aplikacja. To trzy części, które do siebie pasują, i każda z nich jest otwarta. Dwie są fundamentami: format treści i API przeglądarki. Trzecia to aplikacje, a każda z nich opiera się na jednym fundamencie albo na obu.

Nasze ulubione. Wszystkie już działają.

Vuma opiera się na obu fundamentach; aplikacje obok niej pokazują, jak daleko można zajść na jednym. Pięć aplikacji, pięć różnych pomysłów, i każda z nich to dobry punkt wyjścia.

Vuma

Vuma zamienia dodane dodatki w jeden ekran do przeglądania: każdy katalog, który udostępniają twoje dodatki, wyszukiwanie we wszystkich naraz, biblioteka i odtwarzacz, który wznawia od miejsca, w którym przerwano. To jedna aplikacja webowa, która działa tak samo na telefonach, telewizorach i komputerach, i sama obsługuje dotyk, pilota i mysz.

Opiera się na obu fundamentach: dodatki dostarczają treść, a w przeglądarce mHub Browser API dodaje możliwości, których zwykła strona nigdy nie ma. Możesz ją nawet osadzić na własnej stronie, z własnymi dodatkami i własną nazwą: jeden plik HTML.

Otwórz aplikację Vuma · Stwórz własną wersję

Waves

Stacje radiowe, podcasty i darmowe audiobooki w jednej aplikacji. Waves to jeden plik HTML na tym samym buildzie Vuma: pięć dodatków audio, turkusowy akcent i addonManager: "fixed", więc źródła są ustalone, a użytkownik tylko je włącza i wyłącza. Podejrzyj kod źródłowy: sama strona jest całym samouczkiem.

Otwórz na żywo

Junior

Telewizja dla dzieci. Jeden dodatek, jaskrawe kolory, niemiecki od pierwszego ekranu (locale: "de") i addonManager: "hidden": z kanapy nie da się niczego źle ustawić. To także jeden plik HTML na buildzie Vuma.

Otwórz na żywo

Mediathek

Dodatek to dane; to, co ktoś na nim zbuduje, to aplikacja. Mediathek to jeden plik HTML bezpośrednio na dodatku ard-mediathek, bez Vuma pod spodem: rzędy, wyszukiwanie, seriale z odcinkami, napisy i odtwarzacz, który pamięta, gdzie przerwano. Dodatek pobiera dane, strona odpowiada za wygląd.

Otwórz na żywo · Kod źródłowy na GitHubie

Glance

Drugi fundament w pojedynkę: Glance w ogóle nie używa dodatków. Jeden plik HTML na Browser API, który ściąga na jeden spokojny ekran aktualną pogodę, nagłówki wiadomości, ceny rynkowe i stan twoich własnych serwerów. W zwykłej przeglądarce działa w ograniczonym zakresie; w aplikacji mHub budzi się każdy kafelek.

Otwórz na żywo · Kod źródłowy na GitHubie

Jeden pomysł, jeden folder, każdy ekran.

Wszystko, co ma listę, może być dodatkiem, a wszystko, czego przeglądarka odmawia, może być stroną w mHub. To pomysły, które chcielibyśmy zobaczyć zrealizowane, a każdy z nich dzieli od ciebie jeden prompt: wybierz jeden, a trafi do promptu dla AI poniżej.

Masz już coś takiego? Opublikuj to na mhub.mx: sprawdzimy to, udostępnimy pod twoją nazwą i dodamy do repozytorium społeczności.

Twoja własna aplikacja to jeden plik HTML.

Waves i Junior to dokładnie to: wczytaj build Vuma, wskaż mu element, wywołaj mount. Ten plik na dowolnym hostingu statycznym to gotowa aplikacja z twoimi dodatkami, twoją nazwą i twoimi kolorami, która sama nadąża za wydaniami Vuma. Bez kompilacji, bez kodu serwera, bez konta.

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

Dodatek to adres URL jego manifestu. Te hostowane tutaj znajdziesz w indeksie dodatków, a AI może zbudować ci nowy.

Każda opcja mount i to, skąd pochodzą pliki, są opisane w samej aplikacji: Jak zrobić własną aplikację. Opis jest dołączony do buildu, więc dotyczy wersji, którą zaraz wczytasz, a nie tej, dla której napisano tę stronę.

Dodatek to folder plików JSON.

Dodatek to źródło treści: filmy, stacje radiowe, podcasty, przepisy, kursy. Umieść folder gdziekolwiek w sieci, dodaj jego adres w aplikacji, a wszystko, co w nim jest, pojawi się tam do przeglądania. Wersja 2 protokołu nie potrzebuje serwera: każdy endpoint może być statycznym plikiem w dowolnym CDN. Każdy istniejący dodatek v1 nadal działa; aplikacje tłumaczą między obiema wersjami, a v1 pozostaje obsługiwany.

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

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

// dodatek zostaje statyczny,
// po dane idzie klient

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

Opisz to. AI to zbuduje.

Cały format dodatków mieści się w jednym prompcie i nigdy nie musisz go czytać. Skopiuj prompt, dodaj swój pomysł, a AI odpowie folderem plików. Wgraj je gdziekolwiek i twój dodatek działa.

Przeczytaj specyfikację mHub Addon Protocol v2 pod adresem
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
i zbuduj dla mnie dodatek. Dodatek to folder statycznych plików JSON,
gotowy do wgrania na dowolny hosting. W odpowiedzi podaj każdy plik: jego pełną ścieżkę,
a potem całą zawartość.

Mój dodatek: [tu opisz swój pomysł]

Jeśli twój asystent nie potrafi otwierać linków, wklej plik specyfikacji do czatu. Specyfikacja i kompletne przykładowe dodatki są na GitHubie.

Co twoja strona może robić w mHub

Wszystko mieści się w jednej przestrzeni nazw: window.mhub, a każdy host udostępnia pełny rdzeń. Sprawdź raz, czy przestrzeń nazw istnieje, a potem po prostu z niej korzystaj. Bez SDK, bez kompilacji, bez konta: jeden tag script to cała konfiguracja, a hostowanie skryptu u siebie jest w porządku.

API działa już w aplikacjach i trafia do nich wraz z kolejnymi wydaniami. Pisz pod nie już dziś, a twoja strona i tak będzie działać: tam, gdzie nie ma hosta, window.mhub po prostu nie istnieje, a twoja strona pozostaje zwykłą stroną internetową. Pobierz przeglądarkę, która je ma.

// inna domena, a da się odczytać
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">

Publikowane przez ludzi takich jak ty.

Jak dotąd 56 dodatków społeczności od 31 twórców. Zaloguj się e-mailem, wgraj folder jako zip lub podlinkuj taki, który hostujesz, a gdy przejdzie weryfikację, będzie dostępny pod mhub.mx/@you/addon, na liście społeczności i w repozytorium społeczności.

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 · hostowany gdzie indziej 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