Coder Social home page Coder Social logo

yunyoujun / air-conditioner Goto Github PK

View Code? Open in Web Editor NEW
3.4K 29.0 468.0 4.01 MB

❄️ Yun Portable Air Conditoner. 云空调,便携小空调,为你的夏日带去清凉!

Home Page: https://ac.yunyoujun.cn

License: MIT License

HTML 2.93% TypeScript 89.85% SCSS 6.06% Dockerfile 0.66% JavaScript 0.51%
tool air-conditioner

air-conditioner's Introduction

Air Conditioner

GitHub Pages

中文文档 | English Docs

云空调,便携小空调,为你的夏日带去清凉!


前世今生:云空调,便携小空调|云游君的小站

Features

优势

  • 🕐 随时随地打开空调
  • 📱 便携
  • 🔋 低功耗(使用 HTML CSS 而非 Canvas 绘制)
  • 🔊 静音
  • 🎮 操作简单
  • 🔧 安装便捷

劣势

  • 💨 没有风

安装

iframe

<iframe height="740" src="https://ac.yunyoujun.cn"></iframe>

您可以快速为您的网站安装空调。

样板房:空调房

上门服务

自行部署

Docker

部署时可使用以下环境变量进行配置自定义:

  • AC_NGINX_DOMAIN 指定域名
  • AC_NGINX_PORT 指定监听端口

腾讯云

使用 腾讯云 Webify 一键部署:

cloudbase

Dev

# 开发预览
# yarn dev
yarn start
# http://localhost:3000/

# 构建项目
yarn build
# ./build

环境变量

cp .env.example .env
# 关闭广告
VITE_DISABLE_ADSENSE=true

Todo

  • 空调
    • 能耗标签
    • 温度范围(16-31˚C)
    • 风 css
    • 音效
  • 适应系统的亮暗模式

Ref

air-conditioner's People

Contributors

1wkk avatar binggg avatar boyfeiyu avatar cynthia7979 avatar heroboy avatar josh-cena avatar kuthorx avatar leiysky avatar lonelyevil avatar nkh0472 avatar starkwang avatar yunyoujun avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

air-conditioner's Issues

建议增加新的云空调安装方式

目前的iframe安装模式占用的页面空间较大,通常只能另开一个专用的空调房,下述的安装模式可以让访客在任何页面都能享受到云空调,为炎炎夏日带来一丝凉意

  1. 采用顶部悬浮的形式,在每个页面中的左上角或右上角显示空调

  1. 左下角或者右下角给出云空调开关控制按钮

  2. 当鼠标移动到开关按钮上的时候,显示制冷制热与上下调整温度按钮

最后还希望大佬能再多制作一个vuepress的安装模式(

梦幻联动 - CPU

  • 制热时,执行一些复杂计算,让 CPU 升温
  • 制冷时,是否可以控制 CPU 的转速使 CPU 降温

没有风

希望可以加入吹风的功能

嵌入遥控器和独立遥控器的开关状态不匹配

如题,在独立遥控器上的操作确实也会改变嵌入遥控器的状态,反之可能不行

复现方法:

  • 使用独立遥控器打开空调(独立遥控器按钮转为红色)
  • 返回嵌入遥控器页面(嵌入遥控器按钮也为红色)
  • 点击嵌入遥控器的开关按钮(嵌入遥控器按钮转为绿色,并且空调关闭)
  • 返回独立遥控器页面(发现独立遥控器按钮还是红色)

另一种复现:

  • 使用嵌入遥控器打开空调(嵌入遥控器按钮转为红色)
  • 去到独立遥控器(独立遥控器按钮仍为绿色)

开发环境:

  • 系统版本:macOS Catalina 10.15.7
  • CPU:2 GHz 双核Intel Core i5
  • 内存:8 GB 1867 MHz LPDDR3
  • GPU:Intel Iris Graphics 540 1536 MB
  • 浏览器:Google Chrome 90.0.4430.93 (x86_64)
  • 室内面积:约100m²
  • 室温:20°C
  • 室外温度:28°C
  • 穿着:黑色八分袖(袖口有TROUBLE CHILD的印字),蓝色牛仔裤,快乐玛丽懒人一脚蹬小白鞋(后面压下去当拖鞋穿的)

一些有趣的小功能

1.建议温度高于室温后,空调播放待机声音。
2.冷/热模式开启时声音有所区别。冷风开启后,先最大风力吹风,后压缩机开始工作有启动的声音同时风量变小;热风模式下,先最大风,后电阻丝加热有热胀的声音同时风力变小

增加更多风的音效

  1. 添加持续的风声而不是只有开机启动的风声
  2. 冷暖模式下不同的风声可以带来不同的体感

编译失败

clone 源码, 什么都没修改

$ react-scripts build
Creating an optimized production build...
Failed to compile.

./src/index.scss
TypeError: Cannot read property 'prefix_exceptions' of undefined
    at Array.map (<anonymous>)


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

看报错可能是 postcss 或者 scss 的问题, 我的环境是

  • macOS 11.3.1
  • node 12.22.1

最高温度是30度,会出现31度的情况。

/**

  • 增加温度
  • @param {*} props
    */
    function increaseTemperature(props: any) {
    props.temperature < 31
    ? props.setTemperature(props.temperature + 1)
    : console.log("已经是最大温度啦!");
    }

这里要修改一下吗?

关于按钮的小建议

点击一次之后播放声音的过程中,如果再有点击事件,个人觉得重新播放感觉会好一点,更加解压

小bug

有个小bug,就是关掉空调之后还可以控制温度,这里应该去掉温度控制的点击事件

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.