Ogni idea. Ogni schermo.

Una piattaforma, tre parti.

mHub non è una sola app. Sono tre parti che si incastrano, e ognuna è aperta. Due sono le basi: un formato per i contenuti e un'API per il browser. La terza sono le app, e ognuna poggia su una delle due basi o su entrambe.

Le nostre preferite. Tutte online.

Vuma poggia su entrambe le basi; le app accanto mostrano fin dove arriva una base da sola. Cinque app, cinque idee diverse, e ognuna è un punto da cui partire.

Vuma

Dai a Vuma degli addon e li trasforma in un'unica schermata da esplorare: ogni catalogo che i tuoi addon espongono, la ricerca su tutti, una libreria, un player che riprende da dove hai interrotto. È una sola web app che gira su smartphone, TV e desktop, e gestisce da sé touch, telecomando e puntatore.

Poggia su entrambe le basi: gli addon portano i contenuti, e dentro un browser mHub la Browser API aggiunge i poteri che una pagina normale non ha mai. Puoi persino montarla su una tua pagina, con i tuoi addon e il tuo nome: un solo file HTML.

Apri Vuma · Rendila tua

Waves

Stazioni radio, podcast e audiolibri gratuiti in un'unica app. Waves è un solo file HTML sulla stessa build di Vuma: cinque addon audio, un colore d'accento verde acqua e addonManager: "fixed", così le fonti sono fisse e l'utente può solo attivarle e disattivarle. Guardane il codice sorgente: la pagina è l'intero tutorial.

Aprila online

Junior

TV per bambini. Un solo addon, colori vivaci, tedesco dalla prima schermata (locale: "de") e addonManager: "hidden": niente da configurare male dal divano. Anche questa è un file HTML sulla build di Vuma.

Aprila online

Mediathek

L'addon sono i dati; quello che qualcuno ci costruisce sopra è l'app. Mediathek è un file HTML direttamente sull'addon ard-mediathek, senza Vuma sotto: righe, ricerca, serie con i loro episodi, sottotitoli e un player che ricorda dove hai interrotto. L'addon recupera i dati, la pagina pensa all'aspetto.

Aprila online · Codice su GitHub

Glance

L'altra base, da sola: Glance non usa nessun addon. Un file HTML sulla Browser API, che porta meteo in tempo reale, notizie, prezzi di mercato e lo stato dei tuoi server su un'unica schermata tranquilla. In un browser normale perde qualche funzione senza rompersi; dentro un'app mHub ogni riquadro si risveglia.

Aprila online · Codice su GitHub

Un'idea, una cartella, ogni schermo.

Tutto ciò che ha un elenco può diventare un addon, e tutto ciò che un browser si rifiuta di fare può diventare un sito dentro mHub. Queste sono idee che ci piacerebbe veder realizzate, e ognuna è a un prompt di distanza: scegline una e finisce nel prompt per l'IA più in basso.

Ne hai creato uno? Pubblicalo su mhub.mx: lo revisioniamo, lo ospitiamo a tuo nome e lo mettiamo nel repository della community.

La tua app è un solo file HTML.

Waves e Junior sono esattamente questo: carica la build di Vuma, dalle un elemento, chiama mount. Questo file, su qualsiasi hosting statico, è un'app finita con i tuoi addon, il tuo nome e i tuoi colori, e segue da solo le release di Vuma. Nessuna build, nessun codice server, nessun account.

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

Un addon è l'URL del suo manifest. Quelli ospitati qui sono elencati nell'indice degli addon, e un'IA può costruirtene uno nuovo.

Ogni opzione di mount, e da dove arrivano i file, è documentata nell'app stessa: Come creare la tua app. La guida è inclusa nella build, quindi descrive la versione che stai per caricare e non quella su cui è stata scritta questa pagina.

Un addon è una cartella di file JSON.

Un addon è una fonte di contenuti: film, stazioni radio, podcast, ricette, corsi. Metti la cartella ovunque sul web, aggiungi il suo indirizzo in un'app, e tutto quello che contiene compare lì, pronto da esplorare. La versione 2 del protocollo non ha bisogno di un server: ogni endpoint può essere un file statico su qualsiasi CDN. Ogni addon v1 esistente continua a funzionare; le app traducono tra le due versioni, e la v1 resta supportata.

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

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

// l'addon resta statico,
// la richiesta la fa il client

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

Descrivilo. Un'IA lo costruisce.

L'intero formato degli addon sta in un solo prompt, e non devi mai leggerlo. Copia il prompt, aggiungi la tua idea, e l'IA risponde con una cartella di file. Caricali ovunque e il tuo addon è online.

Leggi la specifica mHub Addon Protocol v2 all'indirizzo
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
e costruisci un addon per me. Un addon è una cartella di file JSON statici,
pronta da caricare su qualsiasi web host. Rispondi con ogni file: il percorso completo,
poi il contenuto integrale.

Il mio addon: [descrivi qui la tua idea]

Se il tuo assistente non riesce ad aprire i link, incolla direttamente nella chat il file della specifica. La specifica e addon di esempio completi si trovano su GitHub.

Cosa può fare il tuo sito dentro mHub

Tutto sta sotto un unico namespace: window.mhub, e ogni host offre il core completo. Verifica una volta che il namespace esista, poi chiamalo e basta. Nessun SDK, nessuna build, nessun account: un tag script è tutta la configurazione, e puoi anche ospitarlo tu.

L'API è attiva nelle app e arriva con i loro aggiornamenti. Scrivi il codice oggi e la tua pagina funziona in ogni caso: dove non c'è un host, window.mhub semplicemente non esiste e il tuo sito resta un normale sito web. Scarica un browser che la supporta.

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

Pubblicati da persone come te.

Finora 56 addon della community, opera di 31 autori. Accedi con la tua email, carica una cartella come zip o collega una che ospiti tu, e una volta superata la revisione il tuo addon vive su mhub.mx/@you/addon, nell'elenco della community e nel suo repository.

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 · ospitato altrove 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