documentation/index.html

<!doctype html>
<html lang="en" class="dark">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Vyla Entertainment — Vyla</title>
    <meta name="description"
        content="A community-built media project focused on freedom, privacy, and giving people control over their own experience." />
    <meta name="keywords"
        content="Vyla, media streaming, self-hosted, privacy, open source, media player, streaming API, SDK, Android TV, desktop media" />
    <link rel="canonical" href="https://vyla.cc/" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://vyla.cc/" />
    <meta property="og:title" content="Vyla Entertainment — Vyla" />
    <meta property="og:description"
        content="A community-built media project focused on freedom, privacy, and giving people control over their own experience." />
    <meta property="og:image" content="https://vyla.cc/assets/images/thumbnail.png" />
    <meta property="og:site_name" content="Vyla" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://vyla.cc/" />
    <meta property="twitter:title" content="Vyla Entertainment — Vyla" />
    <meta property="twitter:description"
        content="A community-built media project focused on freedom, privacy, and giving people control over their own experience." />
    <meta property="twitter:image" content="https://vyla.cc/assets/images/thumbnail.png" />
    <meta property="twitter:site" content="@vylaentertainment" />

    <!-- Additional SEO -->
    <meta name="robots" content="index, follow" />
    <meta name="author" content="Vyla" />

    <link rel="icon" href="/favicon.ico" />
    <link rel="stylesheet" href="/assets/base.css" />
    <link rel="stylesheet" href="/assets/highlight.css" />
    <link rel="stylesheet" href="/assets/mintlify-overrides.css" />

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Vyla",
      "description": "A community-built media project focused on freedom, privacy, and giving people control over their own experience.",
      "url": "https://vyla.cc/",
      "applicationCategory": "MultimediaApplication",
      "operatingSystem": "Windows, macOS, Linux, Android, Android TV",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      }
    }
    </script>

    <script>
        (function () {
            var saved = localStorage.getItem('vyla-theme');
            var isDark = saved ? saved === 'dark' : true;
            document.documentElement.classList.toggle('dark', isDark);
        })();
    </script>
</head>

<body>

    <div id="banner">
        <span>Vyla is self-hosted. Run Vyla Home, embed the SDK, or deploy Stream API on infrastructure you control.
            Rights
            holders can request source removal — <a href="/misc/dmca">DMCA policy</a>.</span>
        <button id="banner-close" onclick="dismissBanner()" aria-label="Dismiss">✕</button>
    </div>

    <header id="navbar">
        <div class="nav-top">
            <a class="brand" href="/"><img src="/assets/images/logo.png" alt="Vyla" id="brand-logo"></a>
            <button id="search-trigger" type="button" onclick="openSearch()" aria-label="Search"></button>
            <div class="links">
                <button id="theme-toggle" type="button" onclick="toggleThemeMenu(event)" aria-label="Theme"></button>
            </div>
        </div>
        <nav class="tabs">
            <a class="tab-link" href="/">Vyla</a>
            <a class="tab-link" href="/sdk">SDK</a>
            <a class="tab-link active" href="/stream-api/overview">Stream API</a>
            <a class="tab-link" href="/guides/integrations">Resources</a>
            <a class="tab-link" href="/misc/credit">Misc</a>
        </nav>
    </header>
    <div id="layout">
        <nav id="sidebar">
            <div class="group">
                <p class="group-title">Start here</p>
                <ul>
                    <li><a class="active" href="/">Introduction</a></li>
                    <li><a class="" href="/architecture">Architecture</a></li>
                </ul>
            </div>
            <div class="group">
                <p class="group-title">Products</p>
                <ul>
                    <li><a class="" href="/home">Home</a></li>
                    <li><a class="" href="/go">Go</a></li>
                    <li><a class="" href="/tv">Tv</a></li>
                    <li><a class="" href="/player">Player</a></li>
                </ul>
            </div>
            <div class="group">
                <p class="group-title">Concepts</p>
                <ul>
                    <li><a class="" href="/concepts/providers">Providers</a></li>
                </ul>
            </div>
        </nav>
        <div id="content-col">
            <main class="prose">
                <h1>Vyla Entertainment</h1>
                <p class="page-description">A community-built media project focused on freedom, privacy, and giving
                    people
                    control over their own experience.</p>
                <img class="vyla-banner" src="/assets/images/devices.png"
                    alt="A collage of films and shows available through a Vyla experience" loading="lazy"
                    fetchpriority="low">
                <h2 id="about-vyla">About Vyla</h2>
                <p>Vyla is a community-built media project created around a simple idea: <strong>people should have
                        control over
                        how they experience their media.</strong></p>
                <p>We started Vyla because we wanted something clean, private, and easy to use without relying on a
                    single
                    company or centralized service. What began as a small project has grown into a collection of
                    applications and
                    tools for desktop, Android, Android TV, and more.</p>
                <p>Vyla is not a streaming service, and we do not host or provide the media itself. Instead, we build
                    the
                    software that brings the experience together while leaving control in the hands of the person using
                    it.</p>
                <h2 id="where-we-come-from">Where we come from</h2>
                <p>Vyla started as a small web project focused on creating a better way to discover and watch movies and
                    shows.
                    Over time, it grew into a broader project with applications for different platforms alongside the
                    tools that
                    power them.</p>
                <p>We care about keeping Vyla open, accessible, and community-driven. Our project has also been shared
                    by
                    communities such as <strong>FMHY</strong> and <strong>r/Piracy</strong>, where people interested in
                    alternative and self-hosted media solutions have discovered Vyla.</p>
                <p>We are proud to be part of a wider community of people who build, share, and explore alternatives to
                    traditional media platforms.</p>
                <h2 id="what-we-make">What we make</h2>
                <p>Vyla is made up of several projects designed for different ways of using the platform.</p>
                <table>
                    <thead>
                        <tr>
                            <th>Platform</th>
                            <th>Description</th>
                            <th>Link</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Vyla Home</td>
                            <td>Desktop app</td>
                            <td><a href="/home">Learn more</a></td>
                        </tr>
                        <tr>
                            <td>Vyla Go</td>
                            <td>Android app</td>
                            <td><a href="/go">Learn more</a></td>
                        </tr>
                        <tr>
                            <td>Vyla TV</td>
                            <td>Android TV app</td>
                            <td><a href="/tv">Learn more</a></td>
                        </tr>
                        <tr>
                            <td>Vyla SDK</td>
                            <td>Developer SDK</td>
                            <td><a href="/sdk">Learn more</a></td>
                        </tr>
                        <tr>
                            <td>Stream API</td>
                            <td>Self-hosted API</td>
                            <td><a href="/stream-api/overview">Learn more</a></td>
                        </tr>
                    </tbody>
                </table>
                <h2 id="made-for-people-not-platforms">Made for people, not platforms</h2>
                <p>We believe software should give people more control, not less.</p>
                <p>That means keeping Vyla local and self-hostable, avoiding unnecessary centralized dependencies, and
                    allowing
                    developers and users to decide how they want to use the project.</p>
                <p>Vyla can be as simple as a TV or mobile app, a desktop application, or the foundation for a
                    completely custom
                    media experience. <strong>You decide how much of Vyla you use and where it runs.</strong></p>
                <h2 id="start-exploring">Start exploring</h2>
                <ul>
                    <li><strong>On desktop?</strong> See <a href="/home">Vyla Home</a>.</li>
                    <li><strong>On Android?</strong> See <a href="/go">Vyla Go</a>.</li>
                    <li><strong>Using Android TV?</strong> See <a href="/tv">Vyla TV</a>.</li>
                    <li><strong>Building something with Vyla?</strong> Start with the <a href="/sdk-quickstart">SDK
                            quickstart</a>.</li>
                    <li><strong>Building your own client?</strong> See the <a href="/stream-api/overview">Stream
                            API</a>.
                    </li>
                    <li><strong>Want to understand how everything fits together?</strong> Visit <a
                            href="/architecture">Our
                            Architecture</a>.</li>
                </ul>
                <div class="callout callout-info">
                    <div class="callout-content">
                        <p>Vyla is self-hosted software and does not host or distribute media. Please respect applicable
                            laws,
                            upstream terms, and rights-holder requests. See the <a href="/misc/dmca">DMCA policy</a> for
                            removal
                            information.</p>
                    </div>
                </div>
            </main>
            <aside id="toc">
                <p class="toc-title">On this page</p>
                <ul>
                    <li><a href="#about-vyla">About Vyla</a></li>
                    <li><a href="#where-we-come-from">Where we come from</a></li>
                    <li><a href="#what-we-make">What we make</a></li>
                    <li><a href="#made-for-people-not-platforms">Made for people, not platforms</a></li>
                    <li><a href="#start-exploring">Start exploring</a></li>
                </ul>
            </aside>
        </div>
    </div>
    <footer id="site-footer">
        <a href="https://discord.gg/5eqRhKeywG" target="_blank" rel="noopener">Discord</a>
        <a href="https://gitlab.com/vyla-entertainment/" target="_blank" rel="noopener">GitLab</a>
    </footer>
    <script src="/assets/app.js"></script>
</body>

</html>