Mikä tahansa idea. Kaikille näytöille.

Yksi alusta, kolme osaa.

mHub ei ole yksi sovellus. Se on kolme toisiinsa sopivaa osaa, ja jokainen niistä on avoin. Kaksi niistä on perustuksia: sisältömuoto ja selain-API. Kolmas osa ovat sovellukset, ja jokainen niistä rakentuu toisen perustuksen tai molempien varaan.

Suosikkimme. Kaikki käytössä nyt.

Vuma seisoo molempien perustusten varassa; sen rinnalla olevat sovellukset näyttävät, kuinka pitkälle yksi perustus yksinään kantaa. Viisi sovellusta, viisi eri ideaa, ja jokaisesta voi lähteä liikkeelle.

Vuma

Anna Vumalle lisäosia, niin se tekee niistä yhden selattavan näkymän: jokainen lisäosiesi katalogi, haku niistä kaikista, kirjasto ja soitin, joka jatkaa siitä, mihin jäit. Se on yksi verkkosovellus, joka toimii yhtä lailla puhelimissa, televisioissa ja tietokoneissa, ja se hoitaa itse kosketuksen, kaukosäätimen ja osoittimen.

Se seisoo molempien perustusten varassa: lisäosat tuovat sisällön, ja mHub-selaimessa Browser API lisää kyvyt, joita tavallisella sivulla ei koskaan ole. Voit jopa liittää sen omalle sivullesi omilla lisäosillasi ja omalla nimelläsi: yksi HTML-tiedosto.

Avaa Vuma · Tee siitä omasi

Waves

Radioasemat, podcastit ja ilmaiset äänikirjat yhtenä sovelluksena. Waves on yksi HTML-tiedosto saman Vuma-koosteen päällä: viisi äänilisäosaa, turkoosi korostusväri ja addonManager: "fixed", joten lähteet on määritetty valmiiksi ja käyttäjä vain kytkee niitä päälle ja pois. Katso sivun lähdekoodia: sivu on koko opas.

Kokeile heti

Junior

Lasten TV. Yksi lisäosa, kirkkaat värit, saksaa ensimmäisestä näytöstä alkaen (locale: "de") ja addonManager: "hidden": sohvalta ei pääse sotkemaan mitään. Sekin on yksi HTML-tiedosto Vuma-koosteen päällä.

Kokeile heti

Mediathek

Lisäosa on data; se, mitä joku rakentaa sen päälle, on sovellus. Mediathek on yksi HTML-tiedosto suoraan ard-mediathek-lisäosan päällä, ilman Vumaa välissä: rivit, haku, sarjat jaksoineen, tekstitykset ja soitin, joka muistaa, mihin jäit. Lisäosa hakee sisällön, sivu hoitaa ulkoasun.

Kokeile heti · Lähdekoodi GitHubissa

Glance

Toinen perustus yksinään: Glance ei käytä lainkaan lisäosia. Se on yksi HTML-tiedosto Browser API -rajapinnan päällä, ja se tuo reaaliaikaisen sään, uutisotsikot, markkinahinnat ja omien palvelimiesi tilan yhdelle rauhalliselle näytölle. Tavallisessa selaimessa se toimii rajoitetusti; mHub-sovelluksessa jokainen ruutu herää eloon.

Kokeile heti · Lähdekoodi GitHubissa

Yksi idea, yksi kansio, kaikki näytöt.

Kaikesta, missä on lista, voi tehdä lisäosan, ja kaikesta, mitä selain kieltäytyy tekemästä, voi tehdä sivuston mHubin sisälle. Nämä ovat ideoita, jotka haluaisimme nähdä toteutettuina, ja jokainen niistä on yhden kehotteen päässä: valitse yksi, niin se siirtyy alempana olevaan tekoälykehotteeseen.

Teitkö jonkin näistä? Julkaise se mhub.mx:ssä: tarkistamme sen, ylläpidämme sitä nimelläsi ja listaamme sen yhteisön repositorioon.

Oma sovelluksesi on yksi HTML-tiedosto.

Waves ja Junior ovat juuri tätä: lataa Vuma-kooste, anna sille elementti, kutsu mount. Tämä tiedosto millä tahansa staattisella palvelimella on valmis sovellus omilla lisäosillasi, nimelläsi ja väreilläsi, ja se seuraa Vuman julkaisuja itsestään. Ei käännösvaihetta, ei palvelinkoodia, ei tiliä.

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

Lisäosa on sen manifestin URL-osoite. Täällä ylläpidetyt on listattu lisäosahakemistoon, ja tekoäly voi rakentaa sinulle uuden.

Jokainen mount-asetus ja se, mistä tiedostot tulevat, on dokumentoitu itse sovelluksessa: Näin teet oman sovelluksesi. Ohje tulee koosteen mukana, joten se kuvaa juuri sitä versiota, jota olet lataamassa, eikä sitä, jota vasten tämä sivu kirjoitettiin.

Lisäosa on kansio JSON-tiedostoja.

Lisäosa on sisällön lähde: elokuvia, radioasemia, podcasteja, reseptejä, kursseja. Laita kansio minne tahansa verkkoon ja lisää sen osoite sovellukseen, niin kaikki sen sisältö näkyy siellä selattavana. Protokollan versio 2 ei tarvitse palvelinta: jokainen päätepiste voi olla staattinen tiedosto missä tahansa CDN:ssä. Jokainen olemassa oleva v1-lisäosa toimii edelleen; sovellukset kääntävät näiden kahden välillä, ja v1:n tuki jatkuu.

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

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

// lisäosa pysyy staattisena,
// asiakas hoitaa haun

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

Kuvaile se. Tekoäly rakentaa sen.

Koko lisäosamuoto mahtuu yhteen kehotteeseen, eikä sinun tarvitse koskaan lukea sitä. Kopioi kehote, lisää ideasi, niin tekoäly vastaa kansiollisella tiedostoja. Lataa ne minne tahansa, niin lisäosasi on käytössä.

Lue mHub Addon Protocol v2 -spesifikaatio osoitteesta
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
ja rakenna minulle lisäosa. Lisäosa on kansio staattisia JSON-tiedostoja,
valmiina ladattavaksi mille tahansa verkkopalvelimelle. Vastaa antamalla jokainen tiedosto:
ensin sen koko polku, sitten sen koko sisältö.

Lisäosani: [kuvaile ideasi tähän]

Jos avustajasi ei pysty avaamaan linkkejä, liitä spesifikaatiotiedosto keskusteluun. Spesifikaatio ja täydelliset esimerkkilisäosat löytyvät GitHubista.

Mitä sivustosi voi tehdä mHubissa

Kaikki on yhden nimiavaruuden alla: window.mhub, ja jokainen isäntä tarjoaa koko ytimen. Tunnista nimiavaruus kerran ja kutsu sitä sitten suoraan. Ei SDK:ta, ei käännösvaihetta, ei tiliä: yksi script-tagi on koko asennus, ja sen saa ylläpitää myös itse.

API on käytössä sovelluksissa ja leviää niiden julkaisujen mukana. Kirjoita sitä vasten jo tänään, niin sivusi toimii joka tapauksessa: jos isäntää ei ole, window.mhub yksinkertaisesti puuttuu ja sivustosi pysyy tavallisena verkkosivustona. Hanki selain, jossa se on.

// toiselta originilta, luettavissa
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">

Kaltaistesi ihmisten julkaisemia.

Tähän mennessä 56 yhteisön lisäosaa 31 tekijältä. Kirjaudu sähköpostillasi, lataa kansio zip-tiedostona tai linkitä itse ylläpitämäsi kansio, ja kun se läpäisee tarkistuksen, se löytyy osoitteesta mhub.mx/@you/addon, yhteisön listalta ja yhteisön repositoriosta.

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 · ylläpidetään muualla 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