Любая идея. Любой экран.

Одна платформа, три части.

mHub не одно приложение, а три части, которые подходят друг к другу, и все они открыты. Две из них служат фундаментом: формат контента и Browser API. Третья часть состоит из приложений, и каждое из них опирается на один фундамент или на оба.

Наши любимцы. И все уже работают.

Vuma опирается на оба фундамента; приложения рядом с ней показывают, как далеко может завести один фундамент. Пять приложений, пять разных идей, и с каждого из них можно начать.

Vuma

Дай Vuma аддоны, и она превратит их в один экран для просмотра: все каталоги твоих аддонов, поиск сразу по всем, библиотека и плеер, который продолжает с того же места. Это одно веб-приложение, которое одинаково работает на телефонах, телевизорах и компьютерах и само справляется с касаниями, пультом и мышью.

Она стоит на обоих фундаментах: аддоны приносят контент, а внутри браузера mHub Browser API добавляет возможности, которых у обычной страницы нет. Её даже можно встроить в собственную страницу, с твоими аддонами и твоим названием: один HTML-файл.

Открыть Vuma · Сделать своей

Waves

Радиостанции, подкасты и бесплатные аудиокниги в одном приложении. Waves сделан одним HTML-файлом поверх той же сборки Vuma: пять аудиоаддонов, бирюзовый акцент и addonManager: "fixed", так что источники заданы заранее, а пользователь только включает и выключает их. Открой исходный код страницы: она сама по себе и есть весь урок.

Открыть онлайн

Junior

Детское телевидение. Один аддон, яркие цвета, немецкий язык с первого экрана (locale: "de") и addonManager: "hidden": с дивана в настройках ничего не сломаешь. Тоже один HTML-файл поверх сборки Vuma.

Открыть онлайн

Mediathek

Аддон отвечает за данные, а то, что кто-то строит поверх него, становится приложением. Mediathek сделан одним HTML-файлом прямо на аддоне ard-mediathek, без Vuma внизу: ряды, поиск, сериалы с эпизодами, субтитры и плеер, который помнит, где ты остановился. Аддон загружает данные, страница отвечает за внешний вид.

Открыть онлайн · Исходный код на GitHub

Glance

Второй фундамент сам по себе: Glance вообще не использует аддоны. Один HTML-файл на Browser API, который собирает на одном спокойном экране погоду, заголовки новостей, биржевые цены и состояние твоих собственных серверов. В обычном браузере он аккуратно обходится без лишнего; внутри приложения mHub оживает каждая плитка.

Открыть онлайн · Исходный код на GitHub

Одна идея, одна папка, любой экран.

Всё, где есть список, может стать аддоном, а всё, что браузер делать отказывается, может стать сайтом внутри mHub. Это идеи, которые мы хотели бы увидеть воплощёнными, и до каждой всего один промпт: выбери любую, и она попадёт в промпт для ИИ ниже.

Уже есть что-то из этого? Опубликуй на mhub.mx: мы проверим, разместим под твоим именем и покажем в репозитории сообщества.

Твоё собственное приложение умещается в один HTML-файл.

Waves и Junior устроены именно так: загрузи сборку Vuma, дай ей элемент, вызови mount. Этот файл на любом статическом хостинге уже становится готовым приложением с твоими аддонами, твоим названием и твоими цветами, и он сам подхватывает новые релизы Vuma. Без сборки, без серверного кода, без аккаунта.

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

Аддон задаётся URL своего манифеста. Размещённые здесь аддоны перечислены в каталоге аддонов, а новый тебе может собрать ИИ.

Все параметры mount и то, откуда берутся файлы, описаны в самом приложении: Как сделать своё приложение. Инструкция поставляется вместе со сборкой, поэтому описывает ту версию, которую ты собираешься загрузить, а не ту, для которой писалась эта страница.

Аддон: папка JSON-файлов.

Аддон служит источником контента: фильмы, радиостанции, подкасты, рецепты, курсы. Положи папку в любое место в интернете, добавь её адрес в приложении, и всё её содержимое появится там, готовое к просмотру. Второй версии протокола сервер не нужен: каждый эндпоинт может быть статическим файлом на любом CDN. Все существующие аддоны v1 продолжают работать; приложения переводят между двумя версиями, и поддержка v1 сохраняется.

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

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

// аддон остаётся статическим,
// запрос делает клиент

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

Опиши. ИИ соберёт.

Весь формат аддонов умещается в один промпт, и тебе не придётся его читать. Скопируй промпт, добавь свою идею, и ИИ ответит папкой с файлами. Загрузи их куда угодно, и твой аддон заработает.

Прочитай спецификацию mHub Addon Protocol v2 по адресу
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
и собери для меня аддон. Аддон представляет собой папку статических JSON-файлов,
готовых к загрузке на любой веб-хостинг. В ответе приведи каждый файл: его полный путь,
а затем полное содержимое.

Мой аддон: [опиши здесь свою идею]

Если твой ассистент не умеет открывать ссылки, вставь файл спецификации прямо в чат. Спецификация и полные примеры аддонов лежат на GitHub.

Что может твой сайт внутри mHub

Всё находится в одном пространстве имён: window.mhub, и каждый хост предоставляет полное ядро. Один раз проверь, есть ли пространство имён, а дальше просто вызывай. Без SDK, без сборки, без аккаунта: вся настройка сводится к одному тегу script, и его можно разместить у себя.

API уже работает в приложениях и выходит вместе с их релизами. Пиши под него уже сегодня, и твоя страница будет работать в любом случае: где хоста нет, window.mhub просто отсутствует, и твой сайт остаётся обычным сайтом. Получить браузер с этим API.

// с другого домена, и ответ можно прочитать
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">

Опубликовано такими же людьми, как ты.

Уже 56 аддонов сообщества от 31 автора. Войди по email, загрузи папку в zip-архиве или дай ссылку на папку на своём хостинге, и после проверки аддон будет жить по адресу mhub.mx/@you/addon, в списке сообщества и в репозитории сообщества.

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 · размещён в другом месте 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