Cualquier idea. En cada pantalla.

Una plataforma, tres partes.

mHub no es una sola app. Son tres partes que encajan entre sí, y todas son abiertas. Dos son cimientos: un formato de contenido y una API de navegador. La tercera son las apps, y cada una se apoya en uno de esos cimientos o en los dos.

Nuestras favoritas. Todas en línea.

Vuma se apoya en los dos cimientos; las apps que la acompañan muestran hasta dónde llega uno solo. Cinco apps, cinco ideas distintas, y cada una es un buen punto de partida.

Vuma

Dale addons a Vuma y los convierte en una sola pantalla para explorar: cada catálogo que ofrecen tus addons, búsqueda en todos ellos, una biblioteca y un reproductor que sigue donde lo dejaste. Es una sola app web que funciona igual en teléfonos, televisores y equipos de escritorio, y se encarga ella misma del táctil, el control remoto y el puntero.

Se apoya en los dos cimientos: los addons aportan el contenido y, dentro de un navegador mHub, la Browser API añade los poderes que una página normal nunca tiene. Incluso puedes montarla en una página tuya, con tus addons y tu nombre: un archivo HTML.

Abrir Vuma · Hazla tuya

Waves

Emisoras de radio, podcasts y audiolibros gratuitos en una sola app. Waves es un archivo HTML sobre la misma compilación de Vuma: cinco addons de audio, un color de acento verde azulado y addonManager: "fixed", así que las fuentes están fijadas y el usuario solo las activa o desactiva. Mira su código fuente: la página es el tutorial completo.

Ábrela en línea

Junior

TV infantil. Un addon, colores vivos, alemán desde la primera pantalla (locale: "de") y addonManager: "hidden": nada que desconfigurar desde el sofá. También es un archivo HTML sobre la compilación de Vuma.

Ábrela en línea

Mediathek

El addon son los datos; lo que alguien construye encima es la app. Mediathek es un archivo HTML directamente sobre el addon ard-mediathek, sin Vuma debajo: filas, búsqueda, series con sus episodios, subtítulos y un reproductor que recuerda dónde te quedaste. El addon se encarga de obtener los datos; la página, del aspecto.

Ábrela en línea · Código en GitHub

Glance

El otro cimiento por sí solo: Glance no usa ningún addon. Es un archivo HTML sobre la Browser API que reúne el clima en vivo, titulares, cotizaciones y el estado de tus propios servidores en una pantalla tranquila. En un navegador normal se degrada con elegancia; dentro de una app de mHub cada tarjeta cobra vida.

Ábrela en línea · Código en GitHub

Una idea, una carpeta, todas las pantallas.

Todo lo que tenga una lista puede ser un addon, y todo lo que un navegador se niega a hacer puede ser un sitio dentro de mHub. Son ideas que nos gustaría ver hechas realidad, y cada una está a un prompt de distancia: elige una y aparecerá en el prompt para la IA, más abajo.

¿Has creado uno de estos? Publícalo en mhub.mx: lo revisamos, lo alojamos con tu nombre y lo incluimos en el repositorio de la comunidad.

Tu propia app es un archivo HTML.

Waves y Junior son exactamente esto: carga la compilación de Vuma, dale un elemento y llama a mount. Este archivo, en cualquier alojamiento estático, es una app terminada con tus addons, tu nombre y tus colores, y sigue las nuevas versiones de Vuma por sí solo. Sin compilación, sin código de servidor, sin cuenta.

<!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 es la URL de su manifiesto. Los que se alojan aquí aparecen en el índice de addons, y una IA puede crearte uno nuevo.

Todas las opciones de mount, y de dónde vienen los archivos, están documentadas en la propia app: Cómo crear tu propia app. Viene con la compilación, así que describe la versión que estás a punto de cargar y no aquella con la que se escribió esta página.

Un addon es una carpeta de archivos JSON.

Un addon es una fuente de contenido: películas, emisoras de radio, podcasts, recetas, cursos. Pon la carpeta en cualquier lugar de la web, añade su dirección en una app y todo lo que contiene aparecerá allí, listo para explorar. La versión 2 del protocolo no necesita servidor: cada endpoint puede ser un archivo estático en cualquier CDN. Todos los addons v1 existentes siguen funcionando; las apps traducen entre ambas versiones, y v1 sigue siendo compatible.

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

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

// el addon sigue siendo estático,
// el cliente hace el viaje

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

Descríbelo. Una IA lo construye.

Todo el formato de addons cabe en un solo prompt, y nunca tienes que leerlo. Copia el prompt, añade tu idea y la IA te responde con una carpeta de archivos. Súbelos a cualquier sitio y tu addon estará en línea.

Lee la especificación del mHub Addon Protocol v2 en
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
y crea un addon para mí. Un addon es una carpeta de archivos JSON estáticos,
lista para subir a cualquier alojamiento web. Responde con cada archivo: su ruta completa
y después su contenido completo.

Mi addon: [describe aquí tu idea]

Si tu asistente no puede abrir enlaces, pega en el chat el archivo de la especificación. La especificación y addons de ejemplo completos están en GitHub.

Lo que tu sitio puede hacer dentro de mHub

Todo vive bajo un único espacio de nombres: window.mhub, y cada anfitrión ofrece el núcleo completo. Detecta el espacio de nombres una vez y después simplemente úsalo. Sin SDK, sin compilación, sin cuenta: una etiqueta script es toda la configuración, y puedes alojarla tú mismo sin problema.

La API ya funciona en las apps y va llegando con sus nuevas versiones. Programa con ella hoy y tu página seguirá funcionando en cualquier caso: donde no hay anfitrión, window.mhub simplemente no existe y tu sitio sigue siendo un sitio web normal. Consigue un navegador que la tenga.

// otro origen, legible
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">

Publicado por gente como tú.

56 addons comunitarios de 31 creadores hasta ahora. Inicia sesión con tu correo, sube una carpeta como zip o enlaza una que alojes tú, y en cuanto pase la revisión estará en mhub.mx/@you/addon, en la lista de la comunidad y en el repositorio de la comunidad.

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 · alojado en otro sitio 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