Giter Site home page Giter Site logo

phuonglm / yi-hack-webui Goto Github PK

View Code? Open in Web Editor NEW
14.0 4.0 1.0 136 KB

Web UI for visualize YI ant camera's record from sd-card

Shell 28.05% PHP 21.35% JavaScript 24.44% Smarty 13.56% Dockerfile 12.60%
webui camera xiaomi video camera-ip yi-hack

yi-hack-webui's Introduction

Yi-hack-webui

My scenario: I have 3 Yi ant 720p IP camera and love to use yi-hack firmware with it. The problem is Yi hack doesn't provide any web ui to review and delete the video, the sd card get full pretty fast so I need a background process to pull all video from camera to my NAS and free the sd-card and have the WebUI to review/delete the recorded video.

Quick Demo:

Web UI

For player I used videojs and videojs-playlist to view recorded video.

How to run it

From Linux machine with docker and docker compose install

  • Make sure your computer or your NAS device able to run docker and docker-compose.
  • Clone this repository to your computer or your NAS device.
  • Open .env.example file and update variable depend on your config. CAMERAS for list of your camera IP, TELNET_USER and TELNET_PASSWORD for camera root user information. Save that file to .env
  • RUN docker-compose up -d to start the process in background
  • Access the web ui at http://localhost:5000

From device with docker install

  • Use this command to start our container from image
docker run -d \
    --name yi-hack-webui  \
    -p 5000:80/tcp \
    -v "<your_video_storage_path>:/var/www/app/data" \
    -e TELNET_USER="root" -e TELNET_PASSWORD="telnet_password" -e CAMERAS="192.168.1.100 192.168.1.101" \
    -e TIME_ZONE="Asia/Ho_Chi_Minh" -e NTP_SERVER="192.168.1.1" \
    -e DOWNLOAD_INVERVAL=300 -e DATA_PATH="/var/www/app/data/" \
    --memory=60m --restart=unless-stopped \
    phuonglm/yi-hack-webui:latest
  • Access the web ui at http://localhost:5000

Note

  • The record download script is only support yi-hack 720p, For other camera please add enviroment variable CUSTOM_SCRIPT_192_168_1_10=http://url/custom_download_script_for_your_camera.sh, the crontask will run your script instead of default yi-hack720 script.
  • For some device like Pi, NAS with ARM CPU, please use phuonglm/yi-webui:arm32v6-latest or phuonglm/yi-webui:arm64v8-latest instead.
  • If you don't want to use docker then the install process will very diffrence depend on your OS. But the minimum requirement is a Linux device with PHP, telnet and lftp installed. You will have to change some code and enviroment variable to relocate the storage of recorded video depend on your device.

yi-hack-webui's People

Contributors

phuonglm avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar

Forkers

gcasperjim

yi-hack-webui's Issues

Docker Image

Hello!

I have a QNAP NAS and want to use your software but I haven't used docker before so I have no idea how to do it manually. Could you create an docker image and put it on: https://hub.docker.com/ ? Then I could install it with one click in the "Container Station" (Thats how QNAP calls the docker management software they have)

regards

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.