mirror of
https://gitlab.com/vyla-entertainment/home-frontend.git
synced 2026-11-09 20:37:22 -05:00
209 lines
10 KiB
HTML
209 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="format-detection" content="telephone=no">
|
||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||
|
||
<title>Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming & Entertainment Platform</title>
|
||
<meta name="description"
|
||
content="Vyla Home is an ultra-fast, self-hosted standalone desktop media center that bypasses datacenter blocks, ISP throttling, and cloud downtime. Stream 4K movies, TV, and anime privately.">
|
||
<meta name="keywords"
|
||
content="vyla home, desktop media center, self-hosted streaming, serverless entertainment, media player, 4K streaming, bypass ISP throttling, local media vault, encrypted storage, desktop application">
|
||
<meta name="author" content="Vyla Entertainment">
|
||
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
|
||
<meta name="googlebot" content="index, follow">
|
||
<meta name="theme-color" content="#000000">
|
||
<meta name="color-scheme" content="dark">
|
||
<link rel="canonical" href="https://vyla.cc/">
|
||
|
||
<meta property="og:title" content="Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming">
|
||
<meta property="og:description"
|
||
content="Experience high-performance self-hosted streaming with Vyla Home. Direct connection, zero tracking, hardware-accelerated 4K playback.">
|
||
<meta property="og:image" content="https://vyla.cc/assets/images/thumbnail.png">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
<meta property="og:image:alt" content="Vyla Home Desktop Media Center Interface">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:site_name" content="Vyla Home">
|
||
<meta property="og:url" content="https://vyla.cc/">
|
||
<meta property="og:locale" content="en_US">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:site" content="@VylaEntertainment">
|
||
<meta name="twitter:creator" content="@VylaEntertainment">
|
||
<meta name="twitter:title" content="Vyla Home - Self-Hosted Desktop Media Center">
|
||
<meta name="twitter:description"
|
||
content="Experience high-performance self-hosted streaming with Vyla Home. Direct connection, zero tracking, hardware-accelerated 4K playback.">
|
||
<meta name="twitter:image" content="https://vyla.cc/assets/images/thumbnail.png">
|
||
<meta name="twitter:image:alt" content="Vyla Home Desktop Media Center Interface">
|
||
|
||
<link rel="icon" href="assets/images/favicon.ico" sizes="any">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
|
||
<link rel="manifest" href="manifest.json">
|
||
|
||
<link rel="preconnect" href="https://gitlab.com" crossorigin>
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="preload" as="style"
|
||
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
||
media="print" onload="this.media='all'">
|
||
<noscript>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
|
||
</noscript>
|
||
|
||
<link rel="stylesheet" href="src/styling/main.css">
|
||
|
||
<script defer src="src/javascript/fetch.js"></script>
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@graph": [
|
||
{
|
||
"@type": "WebSite",
|
||
"@id": "https://vyla.cc/#website",
|
||
"url": "https://vyla.cc/",
|
||
"name": "Vyla Home",
|
||
"description": "Self-Hosted Desktop Media Center",
|
||
"publisher": {
|
||
"@id": "https://vyla.cc/#organization"
|
||
}
|
||
},
|
||
{
|
||
"@type": "Organization",
|
||
"@id": "https://vyla.cc/#organization",
|
||
"name": "Vyla Entertainment",
|
||
"url": "https://vyla.cc/",
|
||
"logo": "https://vyla.cc/assets/images/header_logo.png",
|
||
"sameAs": [
|
||
"https://gitlab.com/vyla-entertainment/home",
|
||
"https://discord.gg/5eqRhKeywG"
|
||
]
|
||
},
|
||
{
|
||
"@type": "SoftwareApplication",
|
||
"@id": "https://vyla.cc/#application",
|
||
"name": "Vyla Home",
|
||
"applicationCategory": "MultimediaApplication",
|
||
"operatingSystem": "Windows, macOS, Android",
|
||
"offers": {
|
||
"@type": "Offer",
|
||
"price": "0",
|
||
"priceCurrency": "USD"
|
||
},
|
||
"description": "Vyla Home is a standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime with complete privacy.",
|
||
"url": "https://vyla.cc/",
|
||
"author": {
|
||
"@id": "https://vyla.cc/#organization"
|
||
},
|
||
"aggregateRating": {
|
||
"@type": "AggregateRating",
|
||
"ratingValue": "4.9",
|
||
"ratingCount": "1250",
|
||
"bestRating": "5",
|
||
"worstRating": "1"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<video src="/" autoplay muted loop></video>
|
||
<main>
|
||
<pre>
|
||
Welcome to Vyla! I really hope you enjoy it!
|
||
</pre>
|
||
|
||
<pre>
|
||
|
||
Here's a little explanation of Vyla:
|
||
|
||
Vyla started from the web project which initially intended to create a clean environment where one could stream movies
|
||
and TV shows free from all the unnecessary elements. Originally, it was developed mainly as a frontend which embedded
|
||
other players. With time I got involved in the process of developing the infrastructure.
|
||
|
||
Another core component of Vyla is Vyla API which dealt with searching streams from various providers, verifying their
|
||
availability and playing them. Later on, it evolved into being able to cope with many kinds of streams, deal with
|
||
possible issues related to their quality and reliability.
|
||
|
||
With constant changing and breakage of providers, I had to develop Vyla SDK. The purpose of it was to isolate the source
|
||
implementations from the rest of Vyla so that they could be independently managed and used in other projects. I made
|
||
each source the provider modules which had the same interface. Vyla SDK remains updated as sources change.
|
||
|
||
Among the main challenges associated with the development of Vyla was hosting. Initially I did self-hosting of frontend,
|
||
API, player, Nginx, PM2 and other infrastructure on a VPS. Managing them was a struggle with constant downtime, provider
|
||
issues, Cloudflare problems and, lastly the DMCA complains.
|
||
|
||
However, after receiving a DMCA strike and experiencing problems due to frequent reports in Cloudflare, I figured out
|
||
that it wouldn’t be efficient to self host the streaming infrastructure. Therefore, the choice was made to focus more on
|
||
SDK and the application rather than using a remote backend.
|
||
|
||
Thanks for Reading ❤️
|
||
|
||
</pre>
|
||
<div class="download-box">
|
||
<div class="download-header">Download Vyla</div>
|
||
<div class="download-grid">
|
||
<div class="download-item">
|
||
<span class="platform-name">Windows</span>
|
||
<a id="windows-download" href="#" aria-label="Download Vyla for Windows">loading...</a>
|
||
</div>
|
||
<div class="download-item">
|
||
<span class="platform-name">macOS</span>
|
||
<a id="mac-download" href="#" aria-label="Download Vyla for macOS">loading...</a>
|
||
</div>
|
||
<div class="download-item">
|
||
<span class="platform-name">Android</span>
|
||
<a id="android-download" href="#" aria-label="Download Vyla for Android">loading...</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!---
|
||
<pre>Screenshots</pre>
|
||
<div class="gallery">
|
||
<img src="assets/images/features/1.webp" alt="Feature 1" width="1920" height="1080" fetchpriority="high"
|
||
decoding="async">
|
||
<img src="assets/images/features/2.webp" alt="Feature 2" width="2075" height="1205" loading="lazy"
|
||
decoding="async">
|
||
<img src="assets/images/features/3.webp" alt="Feature 3" width="1805" height="1185" loading="lazy"
|
||
decoding="async">
|
||
<img src="assets/images/features/4.webp" alt="Feature 4" width="1679" height="1066" loading="lazy"
|
||
decoding="async">
|
||
<img src="assets/images/features/5.webp" alt="Feature 5" width="2078" height="1207" loading="lazy"
|
||
decoding="async">
|
||
<img src="assets/images/features/6.webp" alt="Feature 6" width="2071" height="1195" loading="lazy"
|
||
decoding="async">
|
||
</div>
|
||
-->
|
||
|
||
<pre id="reviews-output"></pre>
|
||
<pre id="partners-output"></pre>
|
||
<pre id="faq-output"></pre>
|
||
|
||
<footer class="footer">
|
||
<pre>Thanks for reading :-P</pre>
|
||
<div class="links">
|
||
<pre></pre>
|
||
<a href="https://gitlab.com/vyla-entertainment" target="_blank" rel="noopener noreferrer"
|
||
aria-label="GitLab project repository">Check out our Ecosystem on Gitlab</a>
|
||
<a href="https://discord.gg/5eqRhKeywG" target="_blank" rel="noopener noreferrer"
|
||
aria-label="Vyla Discord community server">Discord</a>
|
||
<pre></pre>
|
||
<a href="https://docs.vyla.cc" target="_blank" rel="noopener noreferrer"
|
||
aria-label="Vyla documentation website">Docs</a>
|
||
<pre></pre>
|
||
We have a nice API so you can create your own Vyla.
|
||
</div>
|
||
</footer>
|
||
</main>
|
||
</body>
|
||
|
||
</html> |