Files
documentation/home/index.html

202 lines
9.6 KiB
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 Home — Vyla</title>
<meta name="description" content="The desktop control center for running the Vyla media stack locally." />
<meta name="keywords"
content="Vyla Home, desktop media player, Windows, macOS, Linux, self-hosted media, local streaming" />
<link rel="canonical" href="https://vyla.cc/home.html" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://vyla.cc/home.html" />
<meta property="og:title" content="Vyla Home — Vyla" />
<meta property="og:description" content="The desktop control center for running the Vyla media stack locally." />
<meta property="og:image" content="https://vyla.cc/assets/images/desktop-preview.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/home.html" />
<meta property="twitter:title" content="Vyla Home — Vyla" />
<meta property="twitter:description"
content="The desktop control center for running the Vyla media stack locally." />
<meta property="twitter:image" content="https://vyla.cc/assets/images/desktop-preview.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 Home",
"description": "The desktop control center for running the Vyla media stack locally.",
"url": "https://vyla.cc/home.html",
"applicationCategory": "MultimediaApplication",
"operatingSystem": "Windows, macOS, Linux",
"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>
<li><a class="" href="/architecture">Architecture</a></li>
</ul>
</div>
<div class="group">
<p class="group-title">Products</p>
<ul>
<li><a class="active" 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 Home</h1>
<p class="page-description">The desktop control center for running the Vyla media stack locally.</p>
<img class="vyla-banner" src="/assets/images/desktop/site_preview.png"
alt="Vyla Home desktop application preview" loading="lazy" fetchpriority="low">
<h2 id="vyla-home">Vyla Home</h2>
<p><strong>Vyla Home</strong> is the desktop application in the Vyla ecosystem. It prepares and runs the
local services that power your media experience, then opens the interface in a secure embedded
window. It is designed for people who want Vyla without managing a separate server process, reverse
proxy, or service lifecycle by hand.</p>
<h2 id="downloads">Downloads</h2>
<p>Vyla Home is available for Windows, macOS, and Linux. Get the latest version below:</p>
<table>
<thead>
<tr>
<th>Platform</th>
<th>Download</th>
</tr>
</thead>
<tbody>
<tr>
<td>Windows</td>
<td><a href="https://gitlab.com/vyla-entertainment/home/-/releases">Download .exe</a></td>
</tr>
<tr>
<td>macOS</td>
<td><a href="https://gitlab.com/vyla-entertainment/home/-/releases">Download .dmg</a></td>
</tr>
<tr>
<td>Linux</td>
<td><a href="#linux-setup">Build from source</a></td>
</tr>
</tbody>
</table>
<p>Inside the releases page, you can find the latest version of Vyla Home for each platform, find the
<code>.exe</code> for windows, and <code>.dmg</code> for macOS.
</p>
<h2 id="linux-setup">Linux Setup</h2>
<p>For Linux, you'll need to build Vyla Home from source. Follow these steps to install on Fedora:</p>
<p><strong>Step 1: Install dependencies</strong></p>
<pre><code class="hljs language-bash"><span class="hljs-built_in">sudo</span> dnf install webkit2gtk4.1-devel curl wget openssl-devel libappindicator-gtk3-devel librsvg2-devel
<span class="hljs-built_in">sudo</span> dnf install gcc gcc-c++ make automake autoconf
</code></pre>
<p><strong>Step 2: Install Node.js and NPM</strong></p>
<pre><code class="hljs language-bash"><span class="hljs-built_in">sudo</span> dnf install nodejs npm
</code></pre>
<p><strong>Step 3: Install Rust</strong></p>
<pre><code class="hljs language-bash">curl --proto <span class="hljs-string">'=https'</span> --tlsv1.2 -sSf https://sh.rustup.rs | sh
<span class="hljs-built_in">source</span> <span class="hljs-string">"<span class="hljs-variable">$HOME</span>/.cargo/env"</span>
</code></pre>
<p><strong>Step 4: Clone the Git repository</strong></p>
<pre><code class="hljs language-bash">git <span class="hljs-built_in">clone</span> https://gitlab.com/vyla-entertainment/home.git vyla-home
<span class="hljs-built_in">cd</span> vyla-home
</code></pre>
<p><strong>Step 5: Install more dependencies</strong></p>
<pre><code class="hljs language-bash">npm install
</code></pre>
<p><strong>Step 6: Build the Fedora package (.rpm)</strong></p>
<pre><code class="hljs language-bash">cargo update --manifest-path src-tauri/Cargo.toml
npx tauri build --bundles rpm,appimage
</code></pre>
<p><strong>Step 7: Final installation</strong></p>
<pre><code class="hljs language-bash"><span class="hljs-built_in">sudo</span> dnf install src-tauri/target/release/bundle/rpm/*.rpm
</code></pre>
<p><em>Thank you @krishi279 for supplying the Linux setup instructions on Discord ❤️.</em></p>
</main>
<aside id="toc">
<p class="toc-title">On this page</p>
<ul>
<li><a href="#vyla-home">Vyla Home</a></li>
<li><a href="#downloads">Downloads</a></li>
<li><a href="#linux-setup">Linux Setup</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>