# hk-pc-player

> 基础框架搭建

Latest version **1.0.0** (published 2021-09-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install hk-pc-player
pnpm add hk-pc-player
yarn add hk-pc-player
bun add hk-pc-player
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2021-09-09 |
| First published | 2021-09-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 37 |
| Unpacked size | 427.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Hanxin |
| Maintainers | hanxin |
| Keywords | video, player |

## Links

- npm: https://www.npmjs.com/package/hk-pc-player
- npm.io page: https://npm.io/package/hk-pc-player

## Dependencies (37)

- [cpy](https://npm.io/package/cpy.md) ^8.1.1
- [del](https://npm.io/package/del.md) ^6.0.0
- [chai](https://npm.io/package/chai.md) ^4.2.0
- [glob](https://npm.io/package/glob.md) ^7.1.6
- [chalk](https://npm.io/package/chalk.md) ^4.1.0
- [lerna](https://npm.io/package/lerna.md) ^4.0.0
- [mocha](https://npm.io/package/mocha.md) ^9.0.0
- [eslint](https://npm.io/package/eslint.md) ^7.14.0
- [rollup](https://npm.io/package/rollup.md) ^2.33.3
- [servor](https://npm.io/package/servor.md) ^4.0.2
- [cssnano](https://npm.io/package/cssnano.md) ^4.1.10
- [inquirer](https://npm.io/package/inquirer.md) ^8.0.0
- [cross-env](https://npm.io/package/cross-env.md) ^7.0.2
- [node-sass](https://npm.io/package/node-sass.md) ^6.0.1
- [@babel/core](https://npm.io/package/@babel/core.md) ^7.12.9
- [browser-env](https://npm.io/package/browser-env.md) ^3.3.0
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^9.8.6
- [babel-eslint](https://npm.io/package/babel-eslint.md) ^10.1.0
- [mocha-chrome](https://npm.io/package/mocha-chrome.md) ^2.2.0
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.12.5
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.12.7
- [rollup-plugin-json](https://npm.io/package/rollup-plugin-json.md) ^4.0.0
- [rollup-plugin-svgo](https://npm.io/package/rollup-plugin-svgo.md) ^1.1.0
- [travis-size-report](https://npm.io/package/travis-size-report.md) ^1.1.0
- [rollup-plugin-babel](https://npm.io/package/rollup-plugin-babel.md) ^4.4.0
- [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) ^2.22.1
- [rollup-plugin-eslint](https://npm.io/package/rollup-plugin-eslint.md) ^7.0.0
- [rollup-plugin-terser](https://npm.io/package/rollup-plugin-terser.md) ^7.0.2
- [rollup-plugin-postcss](https://npm.io/package/rollup-plugin-postcss.md) ^4.0.0
- [rollup-plugin-replace](https://npm.io/package/rollup-plugin-replace.md) ^2.2.0
- [eslint-config-prettier](https://npm.io/package/eslint-config-prettier.md) ^8.1.0
- [rollup-plugin-commonjs](https://npm.io/package/rollup-plugin-commonjs.md) ^10.1.0
- [eslint-config-airbnb-base](https://npm.io/package/eslint-config-airbnb-base.md) ^14.2.1
- [rollup-plugin-node-resolve](https://npm.io/package/rollup-plugin-node-resolve.md) ^5.2.0
- [rollup-plugin-size-snapshot](https://npm.io/package/rollup-plugin-size-snapshot.md) ^0.12.0
- [@babel/plugin-external-helpers](https://npm.io/package/@babel/plugin-external-helpers.md) ^7.12.1
- [@babel/plugin-transform-runtime](https://npm.io/package/@babel/plugin-transform-runtime.md) ^7.12.1

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2021-09-09

## README

# hk-player.js  

> hk-player.js   is a modern and full featured HTML5 video player



## Features

-   <b>Size</b> - `100kB` minified and gzipped
-   <b>Subtitle</b> - Support for `.VTT`, `.ASS` and `.SRT` formats
-   <b>Customizable</b> - `Right Click Menu`, `Business Layer`, `Video Controller` and `Settings Panel`
-   <b>Controller</b> - `Quality Switch`, `Subtitle Switch`, `Play Speed`, `Aspect Ratio`, `Video Flip`, `Fullscreen`, `Picture In Picture`, `Screenshot`, `Thumbnail`, `Adaptive Size`, `Highlight` and `Hotkey`...
-   <b>Built-in</b> - `Open Local Subtitles`, `Open Local Video`, `Mini Progress Bar`, `Network Detection` and `Subtitle Time Offset`
-   <b>Integration</b> - Easy to integration with other dependencies: `flv.js`, `hls.js`, `dash.js`, `shaka-player`, `webtorrent`...
-   <b>Code</b> - Vanilla `ES6` and `SASS`, Highly decoupled code, clear structure, easy to track bugs and add new features
-   <b>Document</b> - Detailed interface documentation and rich code demo
-   <b>API</b> - Rich interface and response events, easy to interface with business or custom plugin
-   <b>I18N</b> - support for internationalization of controls


## Install

Install with `npm`:

```bash
$ npm install @baidu/haokan-video-player
```

Or install with `yarn`:

```bash
$ yarn add @baidu/haokan-video-player
```

```js
import Artplayer from '@baidu/haokan-video-player';
```

Or umd builds are also available:

```html
<script src="path/to/@baidu/haokan-video-player.js"></script>
```



## Usage

```html
<div class="haokan-video-player-app"></div>
```

```js
var art = new Artplayer({
    container: '.haokan-video-player-app',
    url: 'path/to/video.mp4',
});
```

## Contribution

Installation dependency:

```bash
$ npm install
$ npm run bootstrap
```

Run the developer mode and select the project you want to develop:

```bash
$ npm run dev
```

Open web server:

```bash
$ npm start
```

---
_Source: https://npm.io/package/hk-pc-player · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
