Κάθε ιδέα. Κάθε οθόνη.

Μία πλατφόρμα, τρία μέρη.

Το mHub δεν είναι μία εφαρμογή. Είναι τρία μέρη που δένουν μεταξύ τους, και καθένα από αυτά είναι ανοιχτό. Τα δύο είναι θεμέλια: μια μορφή περιεχομένου και ένα API για το πρόγραμμα περιήγησης. Το τρίτο είναι οι εφαρμογές, και καθεμία στηρίζεται στο ένα θεμέλιο ή και στα δύο.

Οι αγαπημένες μας. Όλες σε λειτουργία.

Το Vuma στηρίζεται και στα δύο θεμέλια. Οι εφαρμογές δίπλα του δείχνουν πόσο μακριά φτάνει ένα θεμέλιο μόνο του. Πέντε εφαρμογές, πέντε διαφορετικές ιδέες, και καθεμία είναι ένα σημείο για να ξεκινήσεις.

Vuma

Δώσε στο Vuma πρόσθετα και τα κάνει μία οθόνη για περιήγηση: κάθε κατάλογο που προσφέρουν τα πρόσθετά σου, αναζήτηση σε όλα μαζί, μια βιβλιοθήκη, ένα πρόγραμμα αναπαραγωγής που συνεχίζει από εκεί που σταμάτησες. Είναι μία web εφαρμογή που τρέχει εξίσου σε κινητά, τηλεοράσεις και υπολογιστές, και χειρίζεται μόνη της την αφή, το τηλεχειριστήριο και το ποντίκι.

Στηρίζεται και στα δύο θεμέλια: τα πρόσθετα φέρνουν το περιεχόμενο, και μέσα σε ένα πρόγραμμα περιήγησης mHub το Browser API προσθέτει τις δυνατότητες που μια απλή σελίδα δεν έχει ποτέ. Μπορείς ακόμη και να το ενσωματώσεις σε μια δική σου σελίδα, με τα πρόσθετά σου και το όνομά σου: ένα αρχείο HTML.

Άνοιξε το Vuma · Κάν' το δικό σου

Waves

Ραδιοφωνικοί σταθμοί, podcast και δωρεάν ηχητικά βιβλία σε μία εφαρμογή. Το Waves είναι ένα αρχείο HTML πάνω στο ίδιο build του Vuma: πέντε πρόσθετα ήχου, μια τιρκουάζ απόχρωση και addonManager: "fixed", οπότε οι πηγές είναι δεδομένες και ο χρήστης απλώς τις ενεργοποιεί και τις απενεργοποιεί. Δες τον πηγαίο κώδικα: η ίδια η σελίδα είναι όλος ο οδηγός.

Άνοιξε τη ζωντανή έκδοση

Junior

Παιδική τηλεόραση. Ένα πρόσθετο, φωτεινά χρώματα, γερμανικά από την πρώτη οθόνη (locale: "de") και addonManager: "hidden": τίποτα που μπορεί να ρυθμιστεί λάθος από τον καναπέ. Κι αυτό είναι ένα αρχείο HTML πάνω στο build του Vuma.

Άνοιξε τη ζωντανή έκδοση

Mediathek

Το πρόσθετο είναι τα δεδομένα. Ό,τι χτίζει κάποιος πάνω του είναι η εφαρμογή. Το Mediathek είναι ένα αρχείο HTML κατευθείαν πάνω στο πρόσθετο ard-mediathek, χωρίς Vuma από κάτω: γραμμές, αναζήτηση, σειρές με τα επεισόδιά τους, υπότιτλοι και ένα πρόγραμμα αναπαραγωγής που θυμάται πού σταμάτησες. Το πρόσθετο φέρνει τα δεδομένα, η σελίδα φροντίζει την εμφάνιση.

Άνοιξε τη ζωντανή έκδοση · Κώδικας στο GitHub

Glance

Το άλλο θεμέλιο μόνο του: το Glance δεν χρησιμοποιεί καθόλου πρόσθετα. Ένα αρχείο HTML πάνω στο Browser API, που φέρνει ζωντανά τον καιρό, τίτλους ειδήσεων, τιμές αγορών και την κατάσταση των δικών σου διακομιστών σε μία ήρεμη οθόνη. Σε ένα απλό πρόγραμμα περιήγησης συνεχίζει να λειτουργεί με λιγότερα. Μέσα σε μια εφαρμογή mHub ζωντανεύει κάθε πλακίδιο.

Άνοιξε τη ζωντανή έκδοση · Κώδικας στο GitHub

Μία ιδέα, ένας φάκελος, κάθε οθόνη.

Οτιδήποτε έχει μια λίστα μπορεί να γίνει πρόσθετο, και οτιδήποτε αρνείται να κάνει ένα πρόγραμμα περιήγησης μπορεί να γίνει ιστότοπος μέσα στο mHub. Αυτές είναι ιδέες που θα θέλαμε να δούμε να γίνονται πραγματικότητα, και καθεμία απέχει μόνο ένα prompt: διάλεξε μία και θα μπει στο prompt για το AI πιο κάτω.

Έφτιαξες κάτι από αυτά; Δημοσίευσέ το στο mhub.mx: το ελέγχουμε, το φιλοξενούμε με το όνομά σου και το εμφανίζουμε στο αποθετήριο της κοινότητας.

Η δική σου εφαρμογή είναι ένα αρχείο HTML.

Το Waves και το Junior είναι ακριβώς αυτό: φόρτωσε το build του Vuma, δώσ' του ένα στοιχείο της σελίδας, κάλεσε το mount. Αυτό το αρχείο, σε οποιονδήποτε στατικό διακομιστή, είναι μια έτοιμη εφαρμογή με τα πρόσθετά σου, το όνομά σου και τα χρώματά σου, και ακολουθεί μόνο του τις νέες εκδόσεις του Vuma. Χωρίς build, χωρίς κώδικα διακομιστή, χωρίς λογαριασμό.

<!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 του manifest του. Όσα φιλοξενούνται εδώ εμφανίζονται στο ευρετήριο πρόσθετων, και ένα AI μπορεί να σου φτιάξει ένα καινούργιο.

Κάθε επιλογή του mount, και από πού έρχονται τα αρχεία, περιγράφεται μέσα στην ίδια την εφαρμογή: Πώς φτιάχνεις τη δική σου εφαρμογή. Έρχεται μαζί με το build, οπότε περιγράφει την έκδοση που πρόκειται να φορτώσεις και όχι εκείνη για την οποία γράφτηκε αυτή η σελίδα.

Ένα πρόσθετο είναι ένας φάκελος με αρχεία JSON.

Ένα πρόσθετο είναι μια πηγή περιεχομένου: ταινίες, ραδιοφωνικοί σταθμοί, podcast, συνταγές, μαθήματα. Βάλε τον φάκελο οπουδήποτε στο διαδίκτυο, πρόσθεσε τη διεύθυνσή του σε μια εφαρμογή, και ό,τι περιέχει εμφανίζεται εκεί, έτοιμο για περιήγηση. Η έκδοση 2 του πρωτοκόλλου δεν χρειάζεται διακομιστή: κάθε endpoint μπορεί να είναι ένα στατικό αρχείο σε οποιοδήποτε CDN. Κάθε υπάρχον πρόσθετο v1 συνεχίζει να λειτουργεί: οι εφαρμογές μεταφράζουν μεταξύ των δύο, και το v1 εξακολουθεί να υποστηρίζεται.

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

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

// το πρόσθετο μένει στατικό,
// τη διαδρομή την κάνει ο client

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

Περίγραψέ το. Ένα AI το φτιάχνει.

Όλη η μορφή των πρόσθετων χωράει σε ένα μόνο prompt, και δεν χρειάζεται ποτέ να τη διαβάσεις. Αντίγραψε το prompt, πρόσθεσε την ιδέα σου, και το AI απαντά με έναν φάκελο αρχείων. Ανέβασέ τα οπουδήποτε και το πρόσθετό σου είναι online.

Διάβασε την προδιαγραφή του mHub Addon Protocol v2 στο
https://raw.githubusercontent.com/mediahubmx/protocol/main/openapi.yaml
και φτιάξε μου ένα πρόσθετο (addon). Ένα πρόσθετο είναι ένας φάκελος με στατικά αρχεία JSON,
έτοιμα για ανέβασμα σε οποιονδήποτε διακομιστή web. Απάντησε με κάθε αρχείο: πρώτα την πλήρη διαδρομή του,
και μετά ολόκληρο το περιεχόμενό του.

Το πρόσθετό μου: [περίγραψε εδώ την ιδέα σου]

Αν ο βοηθός σου δεν μπορεί να ανοίξει συνδέσμους, επικόλλησε το αρχείο της προδιαγραφής στη συνομιλία. Η προδιαγραφή και πλήρη παραδείγματα πρόσθετων βρίσκονται στο GitHub.

Τι μπορεί να κάνει ο ιστότοπός σου μέσα στο mHub

Όλα βρίσκονται κάτω από ένα namespace: window.mhub, και κάθε host προσφέρει ολόκληρο τον πυρήνα. Έλεγξε μία φορά αν υπάρχει το namespace και μετά απλώς κάλεσέ το. Χωρίς SDK, χωρίς build, χωρίς λογαριασμό: ένα script tag είναι όλη η εγκατάσταση, και μπορείς να το φιλοξενήσεις και μόνος σου.

Το API είναι ήδη ενεργό στις εφαρμογές και φτάνει παντού με τις νέες τους εκδόσεις. Γράψε κώδικα γι' αυτό από σήμερα και η σελίδα σου λειτουργεί σε κάθε περίπτωση: όπου δεν υπάρχει host, το window.mhub απλώς λείπει και ο ιστότοπός σου μένει ένας συνηθισμένος ιστότοπος. Βρες ένα πρόγραμμα περιήγησης που το έχει.

// cross-origin, αναγνώσιμο
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