open-index/open-npm huggingface dataset:
npm package: @flokyorch/starwars-names
Description: Get random Star Wars names
Author: Jorge Vargas
Latest version: 1.2.0

# starwars-names

[![travis build](https://img.shields.io/travis/kashano/starwars-names.svg?style=flat-square)](https://travis-ci.org/kashano/starwars-names)
[![codecov coverage](https://img.shields.io/codecov/c/github/kashano/starwars-names.svg?style=flat-square)](https://codecov.io/github/kashano/starwars-names)
[![version](https://img.shields.io/npm/v/kashano/starwars-names.svg?style=flat-square)](http://npm.im/@flokyorch/starwars-names)
[![downloads](https://img.shields.io/npm/dm/kashano/starwars-names.svg?style=flat-square)](http://npm-stat.com/charts.html?package=@flokyorch/starwars-names&from=2018-08-01)
[![MIT License](https://img.shields.io/npm/l/starwars-names.svg?style=flat-square)](http://opensource.org/licenses/MIT)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](https://github.com/semantic-release/semantic-release)
npm package: @flomon-ui/icons
Description: Flomon icon components
Author: Inforzia
Latest version: 0.0.71

# flomon-icons

## 프로젝트 설치

```
# 설치할 경로에서
$ git clone https://github.com/inforzia/flomon-icons.git
```

## 모듈 설치

```
# 설치된 경로에서
$ npm install
```

## 아이콘만 생성

```
$ npm run gen
```

## 전체 빌드

```
$ npm run build
```

## git pull 과정 (CLI)

```
# 다른 사람이 올린 파일을 내려받기
$ git pull
```

## git push 과정 (CLI)

```
$ git add .
$ git commit -m "{커밋 메시지}"
$ git push
```

## npm publish 과정

```
# package.json 에서 다음 버전으로 변경 후
# e.g. version: 0.0.6 -> version: 0.0.7
# 최초 한번만 access=public 으로 publish
$ npm publish --access=public

# 다음 부터는
$ npm publish
```

## 아이콘 생성 과정

1. 프로젝트 내에 `icons` 폴더에 `svg 파일 업로드` (svg파일 이름으로 아이콘이 생성되기 때문에 중복된 이름 확인 후 업로드)
2. `git pull` 수행
3. `npm install` 수행
4. `package.json`에서 버전 변경
5. 프로젝트 경로에서 `npm run build` 명령어 실행
6. `dist` 폴더에서 `flomon-icon.html` 파일에서 아이콘 확인
7. `npm publish` 수행
8. `git push` 수행
9. [flomon-icons](https://www.npmjs.com/package/@flomon-ui/icons) npm 저장소 확인
10. [flomon-icons](https://github.com/inforzia/flomon-icons) github 저장소 확인
npm package: @flomon-ui/jsmpeg
Description: Flomon for jsmpeg
Author: inforzia@inforzia.io
Latest version: 0.0.4

# flomon-jsmpeg

Flomon for jsmpeg

## 설치 방법

```sh
npm install --save @flomon-ui/jsmpeg
```

## VanillaJS 코드 예시

```javascript
import JSMpeg from '@flomon-ui/jsmpeg';

const canvasEl = document.createElement('canvas');
document.body.appendChild(canvasEl);

const player = new JSMpeg.RTSPPlayer({
   url,
   params: {
    rtspUrl,
    scale: '480:-1',
  },
  canvas: canvasEl,
  autoplay: true,
  poster: 'https://cycjimmy.github.io/staticFiles/images/screenshot/big_buck_bunny_640x360.jpg',
});

... Code ...

player.destory();
```

## React.js 코드 예시

```javascript
import JSMpeg from '@flomon-ui/jsmpeg';
import Player from '@flomon-ui/jsmpeg/dist/jsmpeg/player';
import React, { useEffect, useRef } from 'react';

interface IProps {
	url: string;
	rtspUrl: string;
}

const RTSPPlayer: React.FC<IProps> = props => {
	const { url, rtspUrl } = props;
	const canvasRef = useRef<HTMLCanvasElement>();
	const playerRef = useRef<Player>();
	useEffect(() => {
		if (canvasRef.current && url && rtspUrl) {
			playerRef.current = new JSMpeg.RTSPPlayer({
				url,
				params: {
					rtspUrl,
					scale: '480:-1',
				},
				canvas: canvasRef.current,
				autoplay: true,
				poster: 'https://cycjimmy.github.io/staticFiles/images/screenshot/big_buck_bunny_640x360.jpg',
			});
		}
		return () => {
			playerRef.current?.destroy();
		};
	}, [canvasRef]);
	return <canvas ref={canvasRef} />;
};

export default RTSPPlayer;
```

## RTSP Player 6개

![image](https://user-images.githubusercontent.com/19975642/154651254-ce51bc3c-177b-4e30-828a-f032b9316334.png)

## RTSP 6개 스트리밍시 CPU 사용률 (scale=480:-1, qscale=25)

<img width="317" alt="image" src="https://user-images.githubusercontent.com/19975642/154652122-3cc571d3-fb54-4579-842d-2892b271d6bb.png">