创建、分发和探索使用 HTML、CSS 和 JS 在 Windows 上制作的实时、交互式壁纸。

安装

下载适用于 Windows 的 Octos 应用程序（正在建设中）

访问发布页面以下载最新的二进制文件。

注意：您的操作系统可能会发出智能屏幕警告。我还没有来得及对该应用程序进行认证/签名。目前，我只想得到您对应用程序的印象和测试，但在下一阶段（不久之后）我将努力解决这些问题，并希望能够发布到 Microsoft Store。

画廊

以下是我制作的一些示例模组，用于演示该应用程序的功能。它们都可以通过 Octos 应用程序使用。贡献您自己的…

使用前必读 - 图1

Ethereal（虚幻）

一个交互式媒体播放器，当您的鼠标经过它时会泛起涟漪。 使用前必读 - 图2

Terminal

一个带有实时老电视特效和可定制3D文本艺术的数字时钟。 使用前必读 - 图3

图片背景

将您的背景设置为任何图像/GIF/视频，并添加小部件，如媒体控制器、时钟和日历。

渐变

一个带有渐变背景的简单模拟桌面时钟，具有平静变换的颜色。

Octos 原始 API

使用 Octos 的本地 API 制作自己的实时壁纸非常容易。

  1. <html>
  2.     <body>
  3.         <p>Now playing: <span id="song-title"></span></p>
  4.         <button onclick="nextTrack()">Next track</button>
  6.         <script src="https://unpkg.com/octos@latest/octos.js"></script>
  7.         <script>
  8.             const controller = new octos.MediaController();
  10.             controller.on("track", (e) => {
  11.                 document.getElementById("song-title").innerText = e.title;
  12.             });
  14.             function nextTrack() {
  15.                 controller.nextTrack();
  16.             }
  17.         </script>
  18.     </body>
  19. </html>

使用 Octos API 可以实现以下功能：

  • 获取播放信息
  • 媒体/播放控制
  • 读写本地存储
  • 访问文件系统
  • 读写用户偏好设置
  • 访问系统信息

更多信息请参阅 API 文档。