# @popcorn-video/html5-decoder

Latest version **0.1.11** (published 2021-03-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @popcorn-video/html5-decoder
pnpm add @popcorn-video/html5-decoder
yarn add @popcorn-video/html5-decoder
bun add @popcorn-video/html5-decoder
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.11 |
| Published | 2021-03-24 |
| First published | 2020-01-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 18.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | huey.LS |
| Maintainers | ignous |

## Links

- npm: https://www.npmjs.com/package/@popcorn-video/html5-decoder
- Repository: https://github.com/huey-LS/popcorn
- Homepage: https://github.com/huey-LS/popcorn#readme
- Issues: https://github.com/huey-LS/popcorn/issues
- npm.io page: https://npm.io/package/@popcorn-video/html5-decoder

## Dependencies (2)

- [tslib](https://npm.io/package/tslib.md) ^1.10.0
- [@popcorn-video/video](https://npm.io/package/@popcorn-video/video.md) ^0.1.9

## Recent versions

- 0.1.11 (latest) — 2021-03-24
- 0.1.10 — 2021-01-20
- 0.1.9 — 2021-01-13
- 0.1.8 — 2020-05-22
- 0.1.7 — 2020-05-22
- 0.1.6 — 2020-01-21
- 0.1.5 — 2020-01-21
- 0.1.4 — 2020-01-21
- 0.1.3 — 2020-01-20
- 0.1.2 — 2020-01-16
- 0.1.1 — 2020-01-15
- 0.1.0 — 2020-01-15

## README

# Popcorn 是做什么的
`popcorn` 是基于js的`html5`视频播放器框架。(暂无计划支持flash，毕竟flash快要被彻底抛弃了，Adobe宣布2020年停止支持更新Flash Player)
目标同时提供 `react` 、`vue` 及原生`js`调用支持

# 为什么我要建这个库
估计很多人会问问什么要建这个框架，`video.js`不香吗？

确实作者之前也是基于`video.js`做视频的。不过我们需要对播放器本身做深层的定制，各种自定义控件、支持第三方格式解析(flv.js)，ui自定义。结果发现定制`video.js`组件并不容易，文档说明不是特别详细，大量定制需要翻看源码完成，部分内容不可定制化。比如：
  1. 如果需要去掉点击视频本身就暂定/播放的功能只等通过css设置`pointer-events: none;`去禁用点击时间；
  2. 加载中动画定制只能通过css, 复制动画有点困难；其实它定制的一般都是control-bar上的内容
  3. 使用 `flv.js` 错误事件抛出到外层比较困难；
  4. ..

实际开发中，我不断翻看源码完成组件开发... 渐渐的就会想,为啥不干脆自己做一个呢。

---
_Source: https://npm.io/package/@popcorn-video/html5-decoder · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._