🪓 iOS 14+ PHPickerViewController 섬주섬주섬

기존에 지원하는 UIPickerViewController 가 있었는데요! iOS 14 에서 새로운 Photo Picker 가 나왔슴다!

Apple Developer Documentation

자자 개발자 문서를 살펴보자구요!

PHPickerViewController 클래스는 UIImagePickerController 의 대안입니다. PHPickerViewController 는 안정성과 신뢰성을 개선하고 다음과 같은 개발자와 사용자에게 이점을 제공합니다.

• Deferred image loading and recovery UI

지연된 이미지 로딩과 복구 UI

• Reliable handling of large and complex assets, like RAW and panoramic images

RAW 및 파노라마 이미지와 같은 크고 복잡한 에셋의 안정적인 처

(RAW 는 이미지 파일 포맷이다. 다른 확장자들보다 크기가 매우 크지만 사진편집에 유용하다고 한다. iPhone 12 프로 및 프로맥스에서부터 촬영가능.)

• User-selectable assets that aren’t available for UIImagePickerController

UIImagePickerController 에 사용할 수 없는 사용자선택 가능한 에셋

• Configuration of the picker to display only Live Photos

Live Photos 만 표시하는 picker 구성

• Availability of PHLivePhoto objects without library access

라이브러리 액세스 없이 PHLivePhoto(Live Photo) 객체 사용가능

• Stricter validations against invalid inputs

유효하지 않는 입력에 대한 더 엄격한 검증

이렇게 보니까 기능면에서 무엇이 확실히 다른지 모르겠는데요! 만들어보기전에 먼저 소개해보겠습니다!

• multiple select
• zoom in or out
• search
• 권한 요청 팝업이 뜨지 않는다.

엄청..나지 않나요..? 휘둥그레

import PhotosUI

: picker 뷰컨트롤러를 구성하는 정보를 포함한 객체입니다.

이 객체로 제어 할 수 있는데 그 종류를 알아보자!

var configuration = PHPickerConfiguration()
// 🎆 selectionLimit
// 🎆 유저가 선택할 수 있는 에셋의 최대 갯수. 기본값 1. 0 설정시 제한은 시스템이 지원하는 최대값으로 설정.
configuration.selectionLimit = 1

// 🎆 filter
// 🎆 picker 가 표시하는 에셋 타입 제한을 적용. 기본적으로 모든 에셋 유형을 표시(이미지, 라이브포토, 비디오)
configuration.filter = .images
// configuration.filter = .any(of: [.images, .livePhotos, .videos])

만든 PHPickerConfiguration 을 가지고 PHPickerViewController 를 만들어야 합니다.

let picker = PHPickerViewController(configuration: configuration)

UIImagePickerController 도 선택하고 didFinishPickingMediaWithInfo 메서드로 선택한 미디어의 정보를 가져왔는데 PHPicker 도 동일한 역할이 있다.

// 🎆 유저가 선택을 완료했거나 취소 버튼으로 닫았을 때 알려주는 delegate
extension ViewController: PHPickerViewControllerDelegate {
    // 🎆 required method
    func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        // ...
    }
}

PHPickerViewControllerDelegate 을 채택해주고 역시나 picker.delegate = self 설정해주어야 한다.

이제 피커를 뷰에 띄어봅시다! 아래는 전체 코드입니다.

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        var configuration = PHPickerConfiguration()
        // 🎆 The maximum number of selections the user can make.
        // 🎆 기본값 1. 0 설정시 제한은 시스템이 지원하는 최대값으로 설정.
        configuration.selectionLimit = 2
        
        // 🎆 The filter you apply to restrict the asset types the picker displays.
        // 🎆 기본적으로 이미지(라이브포토 포함), 라이브포토, 비디오와 같은 모든 에셋타입 표시.
        configuration.filter = .images
//        configuration.filter = .any(of: [.images, .livePhotos, .videos])
        
        let picker = PHPickerViewController(configuration: configuration)
        picker.delegate = self
        
        self.present(picker, animated: true, completion: nil)
    }
}

// 🎆 유저가 선택을 완료했거나 취소 버튼으로 닫았을 때 알려주는 delegate
extension ViewController: PHPickerViewControllerDelegate {
    // 🎆 required method
    func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        // ...
    }
}

이제 선택한 에셋들을 다루어보겠습니다.

delegate 에서 파라미터 results 를 사용하면된답니다!

• PHPickerResult : 선택된 에셋을 나타내는 타입.
• itemProvider: NSItemProvider. 선택된 에셋의 respresentation.

extension ViewController: PHPickerViewControllerDelegate {
    func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        // 🎆 선택완료 혹은 취소하면 뷰 dismiss.
        picker.dismiss(animated: true, completion: nil)
        
        // 🎆 itemProvider 를 가져온다.
        let itemProvider = results.first?.itemProvider
        if let itemProvider = itemProvider,
           // 🎆 itemProvider 에서 지정한 타입으로 로드할 수 있는지 체크
           itemProvider.canLoadObject(ofClass: UIImage.self) {
            // 🎆 loadObject() 메서드는 completionHandler 로 NSItemProviderReading 과 error 를 준다.
            itemProvider.loadObject(ofClass: UIImage.self) { image, error in
                // 🎆 itemProvider 는 background asnyc 작업이기 때문에 UI 와 관련된 업데이트는 꼭 main 쓰레드에서 실행해줘야 합니다.
                DispatchQueue.main.sync {
                    self.myImageView.image = image as? UIImage
                }
            }
        }
    }
}

다음과 같이 PHPickerResult 배열에서 꺼내주면 된다.

    func picker(_ picker: PHPickerViewController, didFinishPicking results: [PHPickerResult]) {
        picker.dismiss(animated: true, completion: nil)   
    
        let itemFirstProvider = results[0].itemProvider
        let itemSecondProvider = results[1].itemProvider
        
        if itemFirstProvider.canLoadObject(ofClass: UIImage.self) {
            itemFirstProvider.loadObject(ofClass: UIImage.self) { image, error in
                DispatchQueue.main.sync {
                    self.myFirstImageView.image = image as? UIImage
                }
            }
        }
        
        if itemSecondProvider.canLoadObject(ofClass: UIImage.self) {
            itemSecondProvider.loadObject(ofClass: UIImage.self) { image, error in
                DispatchQueue.main.sync {
                    self.mySecondImageView.image = image as? UIImage
                }
            }
        }
    }

출처 :

iOS 14+ ) PHPicker

Requires mingw-w64-dpp and Windows 10. Windows 11 may or may not work, not tested yet.

Did you ever ask yourself the question: how-the-hell can I open a socket in kernel mode with a Mingw-w64 compiled driver?
Well, this is the solution. mingw-w64-ksocket simplifies the use of stream/datagram client/server sockets.
The API is similiar to the BSD socket API.
Greetings to KSOCKET for this sweet approach.

Compatible with C and C++ drivers.

Build it:

make DPP_ROOT="[path-to-mingw-w64-dpp-template-dir]" all

To install & (self-)sign the driver:

make DPP_ROOT="[path-to-mingw-w64-dpp-template-dir]" DESTDIR="[path-to-install-dir]" install

The directory [path-to-install-dir] should now contain three new files:

• driver.bat / driver-protobuf-c.bat / driver-protobuf-c-tcp.bat: setup the driver service, start it, stop it when it’s done and delete it
• driver.sys: example driver that uses kernel sockets (used together with userspace_client.exe)
• userspace_client.exe: example userspace application which communicates with the driver via TCP
• driver-protobuf-c.sys: example driver that make use of protobuf-c (local, no TCP/IP)
• driver-protobuf-c-tcp.sys: example driver that make use of protobuf-c via TCP/IP (used together with userspace_client_protobuf.exe)
• userspace_client_protobuf.exe: example userspace application which leverages protocol buffers to communicate with the driver via TCP

Start *.bat as Administrator.

If everything works fine, there should be a text displayed in userspace_client.exe / userspace_client_protobuf.exe console window, received from the driver.

For more debug output, it is recommended to use a debugger or log viewer like dbgview.

Attaches to the String type a random function which returns a random string for the provided number of bytes and encoding with ascii, base64, hex, latin1 and ucs2 as possible values. By default the number of bytes is 16 and the default encoding is hex.

npm install @dizmo/functions-random --save

const { random } = require('@dizmo/functions-random');

random(16);

2fa6651ce3680dd13899156f9550ec61

random(16, 'hex');

d00e24ae8348004bca2f9c07ba6ae43b

random(16, 'ascii');

lZq\x01\x07j\x17:OnlG9u[\x13

random(16, 'base64');

QbqxfgF3JBiCktUQl+p9lQ==

random(16, 'latin1');

ؼ\x8D\x9F*>\nØ\x83BÃÑë{\x15Ð

random(16, 'ucs2');

☔戠䰍⧗灺밄䯗晡

npm run clean

npm run build

npm run -- build --no-lint --no-clean

npm run -- build --prepack

npm run -- build --prepack --no-minify

npm run lint

npm run -- lint --fix

npm run test

npm run -- test --no-lint --no-clean --no-build

npm run cover

npm run -- cover --no-lint --no-clean --no-build

npm run docs

npm publish

npm publish --access=public

© 2020 dizmo AG, Switzerland

Complete and thoroughly tested parser for RSQL/FIQL written in Typescript(Javascript).
Tools to work with RSQL: matcher, filter, converter to SQL.
Built with zero dependencies.

npm install @mw-experts/rsql

or

yarn add @mw-experts/rsql

Import library as CommonJS module:

const rsql = require('@mw-experts/rsql');

Import library as ES6 module:

import { RsqlMatcher } from '@mw-experts/rsql';
import { RsqlFilter } from '@mw-experts/rsql';
import { RsqlToSqlConverter } from '@mw-experts/rsql';

or

import * as rsql from '@mw-experts/rsql';

Import library as standalone script in a browser:

<script src="https://github.com/node_modules/@mw-experts/rsql/dist/rsql-browser.js"></script>

RSQL is a query language for parametrized filtering of entries in RESTful APIs.

It’s based on FIQL (Feed Item Query Language)
an URI-friendly syntax for expressing filters across the entries in an Atom Feed.

The simplicity of RSQL and its capability to express complex queries in a compact and HTTP URI-friendly way
makes it a good candidate for becoming a generic query language for searching REST endpoints.

For example, you can query your resource like this:

/movies?search=name=="Kill Bill";year=gt=2003

or

/movies?search=director.lastName==Nolan and year>=2000.

RSQL introduces simple and composite operators which can be used to build basic and complex queries.

These operators can be used to do all sort of simple queries, for example:

• name==Fero: find all people whose name is Fero
• street!=Darna: find all people who do not live at Darna
• age=gt=10: find all people older than 10 (exclusive)
• age>10: find all people older than 10 (exclusive)
• age=ge=10: find all people older than 10 (inclusive)
• age>=10: find all people older than 10 (inclusive)
• house=lt=3: find all people who have less than 3 houses
• house<3: find all people who have less than 3 houses
• house=le=3: find all people who have less than or 3 houses
• house<=3: find all people who have less than or 3 houses
• name=in=(Fero,Jane) find all people whose name is Fero or Jane
• name=out=(Alex,Mike) find all people whose name is not Alex or Mike
• list=includes-all=(item1,item2) find all records where list is array and includes item1 and item2
• list=includes-one=(item1,item2) find all records where list is array and includes item1 or item2

These operators can be used to join the simple queries and build more involved queries which can be as complex as required.
Here are some examples:

• age=gt=10;age=lt=20: find all people older than 10 and younger than 20
• age=gt=10 and age=lt=20: find all people older than 10 and younger than 20
• age=lt=5,age=gt=30: find all people younger than 5 or older than 30
• age<5 or age>30: find all people younger than 5 or older than 30
• age=gt=10;age=lt=20;name=in=(Fero,Jane): find all people older than 10 and younger than 20 with names either Fero or Jane.

• field.name==value
• field-name==value
• field_name==value
• FieldName==value
• FIELD_NAME_777==value

• in double quotes – space, any unicode letter, any unicode number, _, -, ., ', (, )
• in single quotes – space, any unicode letter, any unicode number, _, -, ., ", (, )
• without quotes – any unicode letter, any unicode number, _, -, .
• with == or != operators you can also use asterisk * as a wildcard

By default, operators evaluated from left to right.
However, a parenthesized expression can be used to change the precedence.

• age=lt=20;(name==Fero,name==Jane): find all people younger than 20 with names either Fero or Jane.

const rsqlStr = 'name=="Kill Bill",year=ge=2000';
let result;

try {
  result = rsql.RsqlToSqlConverter.getInstance().convert(rsqlStr);
} catch (e) {
  console.warn(e);
}

console.log(result);

// will output:
// ("name" = 'Kill Bill' OR "year" >= '2000')

You can have different field names wrapper, for example if you use Mysql.
Just pass a second argument to convert method like this:

const rsqlStr = 'name=="Kill Bill",year=ge=2000';
let result;

try {
  result = rsql.RsqlToSqlConverter.getInstance().convert(rsqlStr, '`');
} catch (e) {
  console.warn(e);
}

console.log(result);

// will output:
// (`name` = 'Kill Bill' OR `year` >= '2000')

• “=includes-all=”, “=includes-one=” operators are not supported in RsqlToSqlConverter
• Not included in browser bundle

const data = [
  { name: 'Kill Bill', year: 2006 },
  { name: 'Terminator', year: 1998 },
  { name: 'Matrix', year: 2000 },
];

const rsqlStr = 'name=="Kill Bill",year=ge=2000';
let result = [];

try {
  result = rsql.RsqlFilter.getInstance().filter(rsqlStr, data);
} catch (e) {
  console.warn(e);
}

console.log(result);

// will output:
// [
//  { name: 'Kill Bill', year: 2006 },
//  { name: 'Matrix', year: 2000 },
// ]

const data = [
    {
        deep: {
            nested: {
                field: 777
            }
        },
        list: [1, 2, 3]
    }
]

const rsql = 'deep.nested.field==777';
const rsql = 'list[1]==2';

const data = { name: 'Matrix', year: 2000 };

const rsqlStr = 'name=="Kill Bill";year=ge=2000';

try {
  result = rsql.RsqlMatcher.getInstance().match(rsqlStr, data);
} catch (e) {
  console.warn(e);
}

console.log(result);

// will output: false

Value part of matching expression also can be used as path to value, example:

const data = [
    {
        deep: {
            nested: {
                field: 2
            }
        },
        list: [1, 2, 3]
    }
]

const rsqlStr = 'deep.nested.field==list[1]';

try {
  result = rsql.RsqlMatcher.getInstance().match(rsqlStr, data);
} catch (e) {
  console.warn(e);
}

console.log(result);

// will output: true

typescript version:

const rsqlStr = 'name=="Kill Bill";year=ge=2000';

const tokens: Token<RsqlTokenType>[] = RsqlTokenizer.getInstance().tokenize(rsqlStr);
const ast: RsqlAstRootNode = RsqlParser.getInstance().parse(tokens);
const matcher: RsqlMatcher = RsqlMatcher.getInstance();

try {
  result1 = matcher.matchWithPreparedAst(ast, { name: 'Matrix', year: 2000 });
  result2 = matcher.matchWithPreparedAst(ast, { name: 'Kill Bill', year: 2021 });
} catch (e) {
  console.warn(e);
}

console.log(result1);
// will output: false

console.log(result2);
// will output: true

javascript version:

const rsqlStr = 'name=="Kill Bill";year=ge=2000';

const tokens = rsql.RsqlTokenizer.getInstance().tokenize(rsqlStr);
const ast = rsql.RsqlParser.getInstance().parse(tokens);
const matcher = rsql.RsqlMatcher.getInstance();

try {
  result1 = matcher.matchWithPreparedAst(ast, { name: 'Matrix', year: 2000 });
  result2 = matcher.matchWithPreparedAst(ast, { name: 'Kill Bill', year: 2021 });
} catch (e) {
  console.warn(e);
}

console.log(result1);
// will output: false

console.log(result2);
// will output: true

• name==Marina and name==marina will give the same results – Marina, marina

You can use wildcard * in == and != operators. Example:

• name==Ma* find all items where name starts from Ma – Marina, Maxim, Maria
• value==*de* find all items where value starts and ends with any symbols – Made, abcdefg

• “==”, “!=” before comparison data converts to string
• “=gt=”, “>”, “=ge=”, “>=”, “=lt=”, “<“, “=le=”, “<=” before comparison data converts to number
• “=in=”, “=out=” before comparison data converts to string
• “=includes-all=”, “=includes-one=” before comparison data converts to array of strings

• Andrey Korovin – misticwonder

This project is licensed under the MIT License – see the LICENSE.md file for details

Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:

• Simple, fast routing engine.
• Powerful dependency injection container.
• Multiple back-ends for session and cache storage.
• Expressive, intuitive database ORM.
• Database agnostic schema migrations.
• Robust background job processing.
• Real-time event broadcasting.

Laravel is accessible, powerful, and provides tools required for large, robust applications.

Laravel has the most extensive and thorough documentation and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.

You may also try the Laravel Bootcamp, where you will be guided through building a modern Laravel application from scratch.

If you don’t feel like reading, Laracasts can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.

We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel Partners program.

• Vehikl
• Tighten Co.
• WebReinvent
• Kirschbaum Development Group
• 64 Robots
• Curotec
• Cyber-Duck
• DevSquad
• Jump24
• Redberry
• Active Logic
• byte5
• OP.GG

Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the Laravel documentation.

In order to ensure that the Laravel community is welcoming to all, please review and abide by the Code of Conduct.

If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via taylor@laravel.com. All security vulnerabilities will be promptly addressed.

The Laravel framework is open-sourced software licensed under the MIT license.

This project was bootstrapped with Create React App.

In the project directory, you can run:

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

This project was bootstrapped with Create React App.

In the project directory, you can run:

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

ciscopykit is a Python package designed to automate the generation of Cisco IOS commands and provide an easy way to track device configurations. It offers functionalities organized into various subpackages, each focusing on a specific aspect of network management. This README aims to provide an overview of the package structure and its functionalities.

• Device Management: The device module facilitates device management tasks such as adding, removing, modifying, and listing Cisco devices.
• Interface Configuration: The interface module handles interface management, allowing users to assign and remove IP addresses for network interfaces.
• Services Configuration: The services subpackage contains modules for configuring DHCP and PAT services on network devices.
• Switch Settings: The switch subpackage provides functions to generate and configure switch settings.
• VLAN Configuration: The vlan subpackage offers functionalities to generate and configure VLAN and VTP settings.
• LAN Security: The lan_security subpackage includes modules for LAN security features, covering switchport security, VLAN security, DHCP snooping, dynamic ARP inspection, and STP security.
• Routing Configuration: The routing subpackage contains modules for configuring static and dynamic routing protocols.

ciscopykit/
├── app.py
├── device.py
├── entry_point.py
├── etherchannel
│   ├── cli.py
│   ├── etherchannel.py
│   ├── __init__.py
│   └── README.md
├── help
│   ├── demo.py
│   ├── device.md
│   └── help.md
├── __init__.py
├── interface.py
├── ip
│   ├── __init__.py
│   ├── README.md
│   └── vlsm.py
├── README.md
├── routing
│   ├── app.py
│   ├── dynamic_routing.py
│   ├── __init__.py
│   ├── README.md
│   └── static_routing.py
├── security
│   ├── acl
│   │   ├── acl.py
│   │   ├── __init__.py
│   │   └── README.md
│   ├── __init__.py
│   └── lan_security
│       ├── app.py
│       ├── dhcp_snooping.py
│       ├── dynamic_arp_inspection.py
│       ├── __init__.py
│       ├── README.md
│       ├── stp_security.py
│       ├── switchport_security.py
│       ├── vlan_security.py
│       └── wiki.md
├── services
│   ├── app.py
│   ├── dhcp_service.py
│   ├── help.md
│   ├── __init__.py
│   ├── pat_service.py
│   └── wiki.md
├── switch
│   ├── app.py
│   ├── help.md
│   ├── __init__.py
│   ├── l2_switch.py
│   ├── l3_switch.py
│   ├── switch.py
│   └── wiki.md
├── templates
│   ├── generate_router_config.py
│   ├── logo.svg
│   ├── placeholder.txt
│   └── README.md
├── vlan
│   ├── app.py
│   ├── __init__.py
│   ├── README.md
│   ├── vlan.py
│   └── wiki.md
└── vpn
    ├── dmvpn
    │   ├── dmvpn.py
    │   ├── __init__.py
    │   └── README.md
    ├── gre
    │   ├── gre.py
    │   ├── __init__.py
    │   └── README.md
    └── README.md

To install ciscopykit, you can use pip:

pip install ciscopykit

Contributions to ciscopykit are welcome! If you have any ideas, enhancements, or bug fixes, feel free to open an issue or submit a pull request on GitHub.

This project is licensed under the MIT License – see the LICENSE.md file for details.

If you got redirected here it’s because ZoneMinder devs have censored my name and the title Shinobi.

On their forums moeiscool is replaced with moeisnotcool and Shinobi is replaced with zoneminder.

Edit: Shinobi now filters to yahoo. Which is pretty funny 😀

Shinobi Github Page

Shinobi is the Open Source CCTV platform written in Node.JS. Designed with multiple account system, Streams by WebSocket, and Save to WebM. Shinobi can record IP Cameras and Local Cameras.

Yes. I am saying it’s the platform. It will hopefully be revered like WordPress and Magento in their respective sectors… Hopefully better.

• Records IP Cameras and Local Cameras
• Streams by WebSocket, HLS (includes audio), and MJPEG
• Save to WebM and MP4
  • Can save Audio
• API
  • Get videos
  • Get monitors
  • Change monitor modes : Disabled, Watch, Record
  • Embedding streams

If you like Shinobi please check out some ways you can help Support Shinobi.

$5 from each person that visits the github page would be enough. Currently all hours spent on Shinobi are entirely voluntary. There is no income from sharing this program with you, so all support means a great deal.

Just a side note: Patreon is the best way to donate 🙂

https://github.com/moeiscool/Shinobi/wiki#why-make-this-other-solutions-already-exist

https://github.com/moeiscool/Shinobi/wiki

https://github.com/moeiscool/Shinobi/wiki/Supported-Cameras

https://github.com/moeiscool/Shinobi/wiki/Supported-Systems

Installation Tutorials

Troubleshooting Guide

Moe Alam

Follow me on Twitter https://twitter.com/moe_alam

If you wish to use this software for commercial purposes please consider donating 🙂 If not.. including my name would be nice.

Shinobi
Copyright (C) 2016-2025 Moe Alam, moeiscool

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

# Libraries Used

vbox.css (Classic Dashboard) - An unknown but seriously awesome dev
Material Design Lite (V2 Dashboard) - https://github.com/google/material-design-lite
jQuery - http://jquery.com/
Socket.io - http://socket.io/
Bootstrap - http://getbootstrap.com/
Moment.js - http://momentjs.com/
Livestamp.js - https://mattbradley.github.io/livestampjs/
Font Awesome - http://fontawesome.io/
Node.js - https://nodejs.org
MySQL - https://www.mysql.com/
NPM: mysql - https://www.npmjs.com/package/mysql
NPM: crypto - https://www.npmjs.com/package/crypto
NPM: express - http://expressjs.com/
NPM: request - https://www.npmjs.com/package/request
NPM: connection-tester - https://www.npmjs.com/package/connection-tester

and maybe a few others.