nexus-website/index.html at main · MicroSpotlight/nexus-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!doctype html>
<html lang="en" data-language="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#f7f8fc" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#0a0a0b" media="(prefers-color-scheme: dark)" />
    <meta name="description" content="Nexus by MicroSpotlight brings the files and media sources you choose into one calm player for iPhone, iPad, and Android." />
    <meta property="og:title" content="Nexus by MicroSpotlight" />
    <meta property="og:description" content="Your media. Any screen. One player for iPhone, iPad, and Android." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://nexus.microspotlight.team/" />
    <meta property="og:image" content="https://nexus.microspotlight.team/assets/nexus-social-card.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Nexus on iPhone, iPad, and Android — Your media. Any screen." />
    <meta name="twitter:card" content="summary_large_image" />
    <link rel="canonical" href="https://nexus.microspotlight.team/" />
    <link rel="icon" type="image/png" sizes="1024x1024" href="./assets/nexus-app-icon-light.png?v=20260807" />
    <link rel="stylesheet" href="./assets/site.css" />
    <title>Nexus by MicroSpotlight — Your media. Any screen.</title>
  </head>
  <body>
    <header class="site-header">
      <div class="header-inner page-shell">
        <a class="brand-link" href="./" aria-label="Nexus home">
          <span class="nexus-mark" aria-hidden="true"></span>
          <span>Nexus<small>by MicroSpotlight</small></span>
        </a>
        <nav class="site-navigation" data-site-navigation aria-label="Main navigation">
          <a href="#platforms"><span data-lang="en">Platforms</span><span data-lang="zh">平台</span></a>
          <a href="./changelog/"><span data-lang="en">Changelog</span><span data-lang="zh">变更日志</span></a>
          <a href="./privacy/"><span data-lang="en">Privacy</span><span data-lang="zh">隐私政策</span></a>
          <a href="./support/"><span data-lang="en">Support</span><span data-lang="zh">技术支持</span></a>
        </nav>
        <div class="header-actions">
          <button class="language-toggle" type="button" data-language-toggle>中文</button>
          <button class="theme-toggle" type="button" data-theme-toggle aria-label="切换到深色主题" aria-pressed="false"><span class="moon" aria-hidden="true">☾</span><span class="sun" aria-hidden="true">☀</span></button>
          <button class="menu-toggle" type="button" data-menu-toggle aria-label="Open navigation" aria-expanded="false"><span></span></button>
        </div>
      </div>
    </header>

    <main>
      <section class="hero page-shell">
        <div class="hero-layout">
          <div class="hero-copy" data-reveal>
            <div class="hero-signature">
              <picture>
                <img class="hero-icon hero-icon-light" src="./assets/nexus-app-icon-light.png" width="1024" height="1024" alt="Nexus app icon" />
                <img class="hero-icon hero-icon-dark" src="./assets/nexus-app-icon-dark.png" width="1024" height="1024" alt="" aria-hidden="true" />
              </picture>
              <div class="availability-stack" aria-label="Platform availability">
                <span class="availability-badge is-live"><span data-lang="en">Android on Google Play</span><span data-lang="zh">Android 已上架 Google Play</span></span>
                <span class="availability-badge"><span data-lang="en">iOS coming soon</span><span data-lang="zh">iOS 即将推出</span></span>
              </div>
            </div>
            <p class="eyebrow">Nexus by MicroSpotlight</p>
            <h1 class="display-title"><span data-lang="en">Your media.<br />Any screen.</span><span data-lang="zh">你的内容，<br />随处观看。</span></h1>
            <p class="lede">
              <span data-lang="en">Bring the files and media sources you trust into one calm, consistent player—designed natively for iPhone, iPad, and Android.</span>
              <span data-lang="zh">把你信任的文件与媒体来源带进一个安静、统一的播放器，为 iPhone、iPad 与 Android 原生设计。</span>
            </p>
            <div class="button-row hero-actions">
              <a class="button primary" href="#platforms"><span data-lang="en">Choose your platform</span><span data-lang="zh">选择你的平台</span></a>
              <a class="button secondary" href="./privacy/"><span data-lang="en">How Nexus protects data</span><span data-lang="zh">了解数据保护方式</span></a>
            </div>
            <p class="hero-footnote"><span data-lang="en">No built-in catalog. No Nexus account. You stay in control.</span><span data-lang="zh">不内置片库，不要求 Nexus 账号，控制权始终属于你。</span></p>
          </div>

          <div class="product-stage" data-reveal>
            <div class="stage-orbit orbit-one" aria-hidden="true"></div>
            <div class="stage-orbit orbit-two" aria-hidden="true"></div>
            <img class="ipad-shot" src="./assets/nexus-library-ipad.png" width="2064" height="2752" alt="Nexus unified library on a tablet" fetchpriority="high" />
            <img class="iphone-shot" src="./assets/nexus-onboarding-iphone.png" width="1206" height="2622" alt="Nexus onboarding on a phone" fetchpriority="high" />
            <div class="stage-caption">
              <span class="stage-caption-dot" aria-hidden="true"></span>
              <span><span data-lang="en">One library · Native on every platform</span><span data-lang="zh">一个片库 · 每个平台都有原生体验</span></span>
            </div>
          </div>
        </div>

        <div class="source-ribbon" data-reveal>
          <p><span data-lang="en">Connect what you already use</span><span data-lang="zh">连接你已经在使用的服务</span></p>
          <div class="source-ribbon-list" aria-label="Compatible source types">
            <span>Local files</span><span>WebDAV</span><span>SMB / NAS</span><span>Plex</span><span>Emby</span><span>Jellyfin</span>
          </div>
        </div>
      </section>

      <section class="platform-section page-shell" id="platforms">
        <header class="section-heading" data-reveal>
          <div>
            <p class="eyebrow"><span data-lang="en">Available where you watch</span><span data-lang="zh">在你观看的设备上使用</span></p>
            <h2 class="section-title"><span data-lang="en">One Nexus.<br />Two native experiences.</span><span data-lang="zh">同一个 Nexus，<br />两套原生体验。</span></h2>
          </div>
          <p class="section-intro"><span data-lang="en">The interface follows each platform instead of forcing one design everywhere. Your core library workflow stays familiar.</span><span data-lang="zh">界面遵循各平台的交互习惯，而不是把同一套设计强加到所有设备；核心片库流程始终熟悉一致。</span></p>
        </header>

        <div class="platform-grid">
          <article class="platform-card android-card" data-reveal>
            <div class="platform-card-top">
              <span class="platform-wordmark">Android</span>
              <span class="platform-state is-live"><span data-lang="en">Google Play</span><span data-lang="zh">Google Play</span></span>
            </div>
            <div>
              <h3><span data-lang="en">Download and start watching today.</span><span data-lang="zh">现在下载，开始观看。</span></h3>
              <p><span data-lang="en">Available on Google Play with phone and tablet layouts, Android media controls, picture in picture, background playback, and offline downloads.</span><span data-lang="zh">现已上架 Google Play，支持手机与平板布局、Android 媒体控制、画中画、后台播放和离线下载。</span></p>
            </div>
            <ul class="platform-meta">
              <li><span data-lang="en">Android 8.0 or later</span><span data-lang="zh">Android 8.0 或更高版本</span></li>
              <li><span data-lang="en">Google Play or direct APK download</span><span data-lang="zh">可通过 Google Play 或直接下载 APK</span></li>
            </ul>
            <div class="platform-card-actions" id="android-download">
              <a class="button primary" href="https://play.google.com/store/apps/details?id=team.MicroSpotlight.Nexus" target="_blank" rel="noreferrer"><span data-lang="en">Get it on Google Play</span><span data-lang="zh">前往 Google Play 下载</span></a>
              <!-- android-download:start -->
              <a class="button secondary" data-android-download data-download-state="available" href="https://github.com/MicroSpotlight/nexus-website/releases/download/android-v0.1.0-beta6/Nexus-Android.apk"><span data-lang="en">Download Android 0.1.0-beta6</span><span data-lang="zh">Android 0.1.0-beta6 下载</span></a>
              <span class="hero-note" data-android-download-note><span data-lang="en">Android 8.0 or later. Direct APK download from GitHub.</span><span data-lang="zh">需要 Android 8.0 或更高版本，通过 GitHub 直接下载 APK。</span></span>
              <!-- android-download:end -->
              <a class="text-link" href="./changelog/"><span data-lang="en">Read the changelog →</span><span data-lang="zh">查看变更日志 →</span></a>
            </div>
          </article>

          <article class="platform-card ios-card" data-reveal>
            <div class="platform-card-top">
              <span class="platform-wordmark">iPhone + iPad</span>
              <span class="platform-state"><span data-lang="en">Coming soon</span><span data-lang="zh">即将推出</span></span>
            </div>
            <div>
              <h3><span data-lang="en">Built around Apple’s native media experience.</span><span data-lang="zh">围绕 Apple 原生媒体体验打造。</span></h3>
              <p><span data-lang="en">Adaptive iPhone and iPad layouts with system playback, picture in picture, background audio, widgets, Live Activities, and optional private CloudKit sync.</span><span data-lang="zh">为 iPhone 与 iPad 自适应布局，支持系统播放、画中画、后台音频、小组件、实时活动和可选的私有 CloudKit 同步。</span></p>
            </div>
            <ul class="platform-meta">
              <li><span data-lang="en">iOS or iPadOS 17.0 or later</span><span data-lang="zh">iOS 或 iPadOS 17.0 及以上版本</span></li>
              <li><span data-lang="en">Preparing for the App Store</span><span data-lang="zh">正在准备 App Store 上架</span></li>
            </ul>
            <div class="platform-card-actions">
              <span class="button secondary pending" aria-disabled="true"><span data-lang="en">App Store · Coming soon</span><span data-lang="zh">App Store · 即将推出</span></span>
              <a class="text-link" href="./privacy/"><span data-lang="en">Platform privacy details →</span><span data-lang="zh">查看平台隐私说明 →</span></a>
            </div>
          </article>
        </div>
      </section>

      <section class="boundary-band">
        <div class="boundary-grid page-shell" data-reveal>
          <div>
            <p class="eyebrow"><span data-lang="en">The important boundary</span><span data-lang="zh">明确的产品边界</span></p>
            <h2 class="section-title"><span data-lang="en">A player,<br />not a content service.</span><span data-lang="zh">只做播放器，<br />不做内容服务。</span></h2>
          </div>
          <div class="boundary-note">
            <strong><span data-lang="en">You decide what to connect.</span><span data-lang="zh">连接什么，由你决定。</span></strong>
            <p><span data-lang="en">Nexus includes no built-in catalog, recommended source list, account, cookie, token, or hidden endpoint. Add only media and services you are authorized to access.</span><span data-lang="zh">Nexus 不内置片库、推荐源列表、账号、Cookie、Token 或隐藏接口。请只添加你有权访问的媒体与服务。</span></p>
            <div class="boundary-values" aria-label="Product commitments">
              <span><b>0</b><small><span data-lang="en">built-in sources</span><span data-lang="zh">内置内容源</span></small></span>
              <span><b>0</b><small><span data-lang="en">required accounts</span><span data-lang="zh">必需账号</span></small></span>
              <span><b>100%</b><small><span data-lang="en">your choice</span><span data-lang="zh">由你选择</span></small></span>
            </div>
          </div>
        </div>
      </section>

      <section class="narrative page-shell">
        <header class="narrative-head" data-reveal>
          <p class="eyebrow"><span data-lang="en">One coherent workflow</span><span data-lang="zh">一套连贯体验</span></p>
          <h2 class="section-title"><span data-lang="en">Different sources.<br />The same way to watch.</span><span data-lang="zh">来源可以不同，<br />观看方式始终一致。</span></h2>
          <p class="lede"><span data-lang="en">Nexus normalizes the busy parts without taking ownership of your content.</span><span data-lang="zh">Nexus 统一复杂的环节，却始终不接管你的内容。</span></p>
        </header>

        <div class="experience-grid">
          <article class="experience-card" data-reveal>
            <span class="feature-number">01</span>
            <h3><span data-lang="en">Connect what you trust.</span><span data-lang="zh">连接你信任的来源。</span></h3>
            <p><span data-lang="en">Open local files or configure your own compatible catalog endpoint, WebDAV, SMB/NAS, Plex, Emby, or Jellyfin server.</span><span data-lang="zh">打开本机文件，或配置你自己的兼容内容接口、WebDAV、SMB/NAS、Plex、Emby 与 Jellyfin 服务。</span></p>
          </article>
          <article class="experience-card" data-reveal>
            <span class="feature-number">02</span>
            <h3><span data-lang="en">Browse one library.</span><span data-lang="zh">浏览一个统一片库。</span></h3>
            <p><span data-lang="en">Search, continue watching, save favorites, organize custom lists, and keep history consistent across compatible media.</span><span data-lang="zh">搜索、继续观看、收藏内容、整理自定义列表，并为兼容媒体保持一致的观看记录。</span></p>
          </article>
          <article class="experience-card" data-reveal>
            <span class="feature-number">03</span>
            <h3><span data-lang="en">Play with precision.</span><span data-lang="zh">精确播放每一帧。</span></h3>
            <p><span data-lang="en">Choose playback engine, audio track, subtitle styling, aspect ratio, picture in picture, background audio, and authorized offline downloads.</span><span data-lang="zh">选择播放引擎、音轨、字幕样式、画面比例、画中画、后台音频和经授权的离线下载。</span></p>
          </article>
        </div>
      </section>

      <section class="device-section page-shell">
        <div class="device-frame" data-reveal>
          <figure><img src="./assets/nexus-detail-ipad.png" width="2064" height="2752" loading="lazy" alt="Nexus media details and episode selection" /></figure>
          <div class="device-copy">
            <div>
              <p class="eyebrow"><span data-lang="en">Detail without clutter</span><span data-lang="zh">丰富，但不杂乱</span></p>
              <h2><span data-lang="en">Everything you need, right where you expect it.</span><span data-lang="zh">需要的一切，<br />都在熟悉的位置。</span></h2>
              <p><span data-lang="en">Details, episodes, playback lines, downloads, and progress stay connected from the first tap to the final frame.</span><span data-lang="zh">从第一次点击到最后一帧，详情、选集、播放线路、下载与进度始终自然衔接。</span></p>
            </div>
            <div class="capability-list">
              <span><span data-lang="en">Unified search</span><span data-lang="zh">统一搜索</span></span>
              <span><span data-lang="en">Offline playback</span><span data-lang="zh">离线播放</span></span>
              <span><span data-lang="en">Subtitle controls</span><span data-lang="zh">字幕控制</span></span>
              <span><span data-lang="en">Playback recovery</span><span data-lang="zh">播放恢复</span></span>
            </div>
          </div>
        </div>
      </section>

      <section class="privacy-section page-shell">
        <div class="privacy-layout">
          <div data-reveal>
            <p class="eyebrow"><span data-lang="en">Local first, on every platform</span><span data-lang="zh">每个平台，都坚持本地优先</span></p>
            <h2 class="section-title"><span data-lang="en">Your library is not our business.</span><span data-lang="zh">你的片库，<br />不是我们的生意。</span></h2>
            <p class="privacy-intro"><span data-lang="en">The same privacy boundary applies on iPhone, iPad, and Android, with platform-specific protection where it matters.</span><span data-lang="zh">iPhone、iPad 与 Android 遵循同一条隐私边界，并在关键位置使用各平台原生的数据保护能力。</span></p>
          </div>
          <div class="privacy-points" data-reveal>
            <article class="privacy-point">
              <span class="privacy-index">01</span>
              <div><strong><span data-lang="en">On-device by default</span><span data-lang="zh">默认保存在设备上</span></strong><p><span data-lang="en">Sources, playback progress, history, favorites, preferences, and downloads remain local by default.</span><span data-lang="zh">来源、播放进度、记录、收藏、偏好与下载默认保存在本机。</span></p></div>
            </article>
            <article class="privacy-point">
              <span class="privacy-index">02</span>
              <div><strong><span data-lang="en">System-protected credentials</span><span data-lang="zh">由系统保护凭据</span></strong><p><span data-lang="en">Apple Keychain and Android Keystore keep credentials outside ordinary source exports and backups.</span><span data-lang="zh">Apple 钥匙串与 Android Keystore 让凭据远离普通来源导出与备份。</span></p></div>
            </article>
            <article class="privacy-point">
              <span class="privacy-index">03</span>
              <div><strong><span data-lang="en">Optional platform cloud</span><span data-lang="zh">可选的平台云服务</span></strong><p><span data-lang="en">Private CloudKit sync on Apple platforms and encrypted Android backup are optional, minimized, and never require a Nexus account.</span><span data-lang="zh">Apple 平台的私有 CloudKit 同步与 Android 加密备份均为可选、最小化处理，也不要求 Nexus 账号。</span></p></div>
            </article>
            <a class="button secondary" href="./privacy/"><span data-lang="en">Privacy details for each platform</span><span data-lang="zh">查看各平台隐私详情</span></a>
          </div>
        </div>
      </section>

      <section class="final-cta">
        <div class="page-shell" data-reveal>
          <p class="eyebrow"><span data-lang="en">Ready when you are</span><span data-lang="zh">准备好，就开始</span></p>
          <h2 class="section-title"><span data-lang="en">Bring the media you trust. Nexus handles the watching.</span><span data-lang="zh">带上你信任的内容，<br />把观看交给 Nexus。</span></h2>
          <p><span data-lang="en">Android is now available on Google Play. The iPhone and iPad release is preparing for the App Store.</span><span data-lang="zh">Android 现已上架 Google Play；iPhone 与 iPad 版本正在准备 App Store 上架。</span></p>
          <div class="button-row">
            <a class="button primary" href="https://play.google.com/store/apps/details?id=team.MicroSpotlight.Nexus" target="_blank" rel="noreferrer"><span data-lang="en">Get Nexus on Google Play</span><span data-lang="zh">前往 Google Play 获取 Nexus</span></a>
            <a class="button secondary" href="./support/"><span data-lang="en">Get support</span><span data-lang="zh">获取技术支持</span></a>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <div class="page-shell">
        <div class="footer-grid">
          <div class="footer-statement">
            <a class="brand-link" href="./"><span class="nexus-mark" aria-hidden="true"></span><span>Nexus<small>by MicroSpotlight</small></span></a>
            <p><span data-lang="en">Nexus is a player for user-provided files and media sources. It does not provide or recommend content.</span><span data-lang="zh">Nexus 是面向用户自有文件与自填媒体来源的播放器，不提供或推荐内容。</span></p>
          </div>
          <nav class="footer-links" aria-label="Footer navigation">
            <a href="#platforms"><span data-lang="en">Platforms</span><span data-lang="zh">平台</span></a>
            <a href="./changelog/"><span data-lang="en">Changelog</span><span data-lang="zh">变更日志</span></a>
            <a href="./support/"><span data-lang="en">Support</span><span data-lang="zh">技术支持</span></a>
            <a href="./privacy/"><span data-lang="en">Privacy Policy</span><span data-lang="zh">隐私政策</span></a>
            <a href="./terms/"><span data-lang="en">Terms of Service</span><span data-lang="zh">服务条款</span></a>
          </nav>
        </div>
        <div class="footer-bottom"><span>© <span data-current-year>2026</span> MicroSpotlight</span><span><span data-lang="en">Made for iPhone, iPad, and Android.</span><span data-lang="zh">为 iPhone、iPad 与 Android 打造。</span></span></div>
      </div>
    </footer>
    <script src="./assets/site.js" defer></script>
  </body>
</html>