浏览器运行的桌面环境系统：daedalOS

daedalOS 是一款开源的桌面环境系统，基于 JavaScript 和 TypeScript 编写的。 项目的目标是创建一个基于 Web 的桌面环境，拥有开始菜单、任务栏、动态壁纸、文件系统等功能。此外，系统还内置了各类开发工具、浏览器、命令行终端、视频播放器等应用，甚至还内置了经典的3D弹球游戏，daedalOS 大部分 UI 照着 Win10 做的, 但是也支持手机浏览器自适应，功能齐全。

Demo：dustinbrett.com

源码：https://github.com/DustinBrett/daedalOS

------------------------------------------------------------- 

Desktop environment in the browser.

dustinbrett.com 

daedalOS 🌌

Desktop environment in the browser

System 🧠

File System

• File Explorer
  • Back, Forward, Recent locations, Up one level, Address bar, Search
• Drag & Drop File Support (internal & external)
  • Loading progress dialog
• ZIP (write support), ZIP/ISO read support, 7Z/GZ/RAR/TAR/etc. extract support
• Writes to IndexedDb
• Group selection/manipulation & drag to sort/arrange
• Dynamic and auto cached icons for music, images, video & emulator states
• Context Menus
  • Cut, Copy, Create shortcut, Delete, Rename
  • Add file(s), Map directory
  • Open with options/dialog, Open file/folder location, Open in new window, Open Terminal here
  • Download, Add to archive, Extract here, Set as wallpaper, Convert audio/video/photo/spreadsheets, Properties
  • Sort by, New Folder, New Text Document
  • Screen Capture
• Keyboard Shortcuts
  • CTRL+C, CTRL+V, CTRL+X, CTRL+A, Delete
  • F2, F5, Backspace, Arrows, Enter
  • SHIFT+CTRL+R, SHIFT+F10, SHIFT+F12
  • In Fullscreen: Windows Key, Windows Key + R
• File information tooltips
• Allow sorting by name, size, type or date
  • Persists icon position/sort order

Windows

• Resizable and Draggable
• Minimize, Maximize & Close
• Persists size/position/maximized states
• Animates opening and closing

Start Menu

• Expandable Sidebar
  • Apps list, Documents/Pictures/Videos shortcuts, Power (clears session)
• Spotlight visual effect
• Folder support
• Keyboard shortcut opens with SHIFT+ESC
  • Or Windows Key when in fullscreen

Taskbar

• Peek hover preview of windows
• Focused window indicator

Clock

• Runs in a Web Worker
  • Drawn in an OffscreenCanvas
• NTP server time mode (ntp.js)
• Synced to system clock on load
• Date tooltip
• Calendar popup

Background

• Dynamic animated wallpapers (OffscreenCanvas/Web Worker)
  • Waves
  • Hexells
  • Matrix
  • Coastal Landscape
• Set via image/video (Fill, Fit, Stretch, Tile, Center)
• Picture Slideshow
• Astronomy Picture of the Day
• AI Generated Wallpapers Stable Diffusion

URL

• Query parameter loading
  • Examples:
    • /?url=/CREDITS.md
    • /?app=Browser

Apps 🧪

AI Chat

• Have conversations with artificial intelligence
• Supports OpenAI & HuggingFace API's
• Can run locally using WebLLM

BoxedWine (.exe, .zip)

• Runs 16/32-bit Windows applications

Browser (.htm, .html)

• Loads websites (w/HTTP header support)
• Bookmark bar
• Favicon support
• Back/Forward & Reload
• Google search via Address bar

DevTools

• Console, Elements, Network, Resources, Sources, DOM
• Activate from Start Menu or SHIFT+F12

EmulatorJS (.32x, .a26, .a52, .a78, .gb, .gba, .gbc, .gen, .gg, .j64, .jag, .lnx, .n64, .nds, .nes, .ngc, .ngp, .pce, .sfc, .smc, .smd, .sms, .v64, .vb, .vboy, .ws, .wsc, .z64)

• Plays console game roms

IRC

• Internet Relay Chat Client
• Connects over WebSockets

js-dos (.exe, .jsdos, .zip)

• DOS emulator
• Automatic save states on close
  • /Users/Public/Snapshots
• Automatic window resize

Marked (.md)

• Markdown Viewer

Monaco Editor

• Code/text editor
• Supports all file types
• Save files via CTRL+S
• Line count, cursor position, language id
• Prettier formatting
  • json, js/ts, css/sass/less, html, markdown

Paint (.bmp, .gif, .ico, .jpg, .png, .tiff, .webp,)

• Create & edit images

PDF (.pdf)

• Render/Print PDF's
• Page current/count & Zoom

Photos

• Supported Formats
  • JPEG XL (.jxl)
  • QOI (.qoi)
  • TIFF (.tif, .tiff)
• Fullscreen & Zoom

Ruffle (.swf, .spl)

• Flash Player emulator

Stable Diffusion

• Creates 512x512 images using artificial intelligence
• Runs locally using WebSD

Terminal

• File system support
• Autocomplete & history
• Command list via help
• Git support (checkout & clone)
• Python support (.py)
• WebAssembly Package Manager
  • Ex: wapm cowsay moo (#)
• Weather information
• eSheep
• Activate from Start Menu or SHIFT+F10
• Neofetch

TinyMCE (.rtf, .whtml)

• Read & WYSIWYG modes
• File save support

Virtual x86 (.img, .iso)

• x86 emulator
• Automatic save states on close
  • /Users/Public/Snapshots
• Automatic window resize

Video Player

• Supported Formats
• Plays YouTube videos/shortcuts
• Keyboard Shortcuts (Volume, Seek, Scale, Fullscreen)

Vim

• Code/text editor
• Supports all file types

Webamp (.mp3, .wsz)

• Winamp audio player
• Skin support
• Playlist & streaming support
• Visualization support ("Milkdrop")

Try It 🚀

Requirements

• Node.js
• Yarn

Development

yarn build:fs
yarn dev

Production

yarn build
yarn start 

from https://github.com/DustinBrett/daedalOS