open-index/open-npm huggingface dataset:
npm package: @hai2007/audio
Description: 🔇 前端处理音频的核心模块。 
Author: 你好2007
Latest version: 0.2.1

<p align='center'>
    <a href='https://hai2007.github.io/audio.js' target='_blank'>
        <img src='./logo.png'>
    </a>
</p>

# audio.js
🔇 前端处理音频的核心模块。 

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=@hai2007/audio"><img src="https://img.shields.io/npm/dm/@hai2007/audio.svg" alt="downloads"></a>
  <a href="https://packagephobia.now.sh/result?p=@hai2007/audio"><img src="https://packagephobia.now.sh/badge?p=@hai2007/audio" alt="install size"></a>
  <a href="https://www.jsdelivr.com/package/npm/@hai2007/audio"><img src="https://data.jsdelivr.com/v1/package/npm/@hai2007/audio/badge" alt="CDN"></a>
  <a href="https://www.npmjs.com/package/@hai2007/audio"><img src="https://img.shields.io/npm/v/@hai2007/audio.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/audio.js/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@hai2007/audio.svg" alt="License"></a>
  <a href="https://github.com/hai2007/audio.js">
        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/audio.js?style=social">
    </a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/audio.js/issues)！

## 如何引入

我们推荐你使用npm的方式安装和使用：

```
npm install --save @hai2007/audio
```

当然，你也可以通过CDN的方式引入：

```html
<script src="https://cdn.jsdelivr.net/npm/@hai2007/audio@0"></script>
```

## 如何使用

首先，需要创建一个声音管理对象：

```js
import AudioJS from '@hai2007/audio'; // 如果是CDN直接使用即可

new AudioJS(arrayBuffer).then(function(audioJS){
    // 然后，你就可以使用audioJS处理arrayBuffer记录的这段声音了
});
```

记录着声音的arrayBuffer如何获取，可以由很多方法，我们那本地文件举例子：

```html
<input type="file" id="source" onchange="doit()" accept="audio/*">
```

选择声音后，会回调doit方法：

```js
 var file = document.getElementById('source').files[0];
    var reader = new FileReader();
    reader.onload = function () {
        // reader.result 便是上面的arrayBuffer
    };
    reader.readAsArrayBuffer(file);
}
```

下面，我们来看看audioJS上面有哪些方法可以供使用。

- 提取片段

提取指定的片段记录在内部，按照序号编号（从0开始）：

```js
// 开始和结束秒
audioJS.extract(beginSecond,endSecond);
```

- 播放

通过传递一个index来表示播放上面提取的哪个片段，如果什么都不传递，表示播放当前维护的整个声音：

```js
audioJS.play(index);
```

- 下载

通过传递一个index来表示下载上面提取的哪个片段，如果什么都不传递，表示下载当前维护的整个声音：

```js
audioJS.download(index);
```

- 合并

可以传递至少一个index，表示把传递的坐标对应的内容按照顺序合并后追加到内部的片段记录结尾：

```js
audioJS.merge(index1,index2,...);
```

- 重置

就是把内部维护的片段等信息重新初始化，相当于重新加载当前维护的声音：

```js
audioJS.reset();
```

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/audio.js/blob/master/LICENSE)

Copyright (c) 2021 [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。
npm package: @hai2007/browser
Description: 🌐 基于浏览器开发的常用工具类方法或浏览器相关的操作，比如判断浏览器类型和版本等。
Author: 你好2007
Latest version: 0.4.0

<p align='center'>
    <a href='https://hai2007.github.io/browser.js' target='_blank'>
        <img src='./logo.png'>
    </a>
</p>

# browser.js
🌐 基于浏览器开发的常用工具类方法或浏览器相关的操作，比如判断浏览器类型和版本等。

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=@hai2007/browser"><img src="https://img.shields.io/npm/dm/@hai2007/browser.svg" alt="downloads"></a>
  <a href="https://www.jsdelivr.com/package/npm/@hai2007/browser"><img src="https://data.jsdelivr.com/v1/package/npm/@hai2007/browser/badge" alt="CDN"></a>
  <a href="https://www.npmjs.com/package/@hai2007/browser"><img src="https://img.shields.io/npm/v/@hai2007/browser.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/browser.js/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@hai2007/browser.svg" alt="License"></a>
  <a href="https://github.com/hai2007/browser.js" target='_blank'>
        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/browser.js?style=social">
    </a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/browser.js/issues)，欢迎参与维护！

## How to use?

首先你需要通过命令行安装，就像这样：

```
npm install --save @hai2007/browser
```

安装好了以后，然后引入你需要的方法即可（在具体方法的开头会说明），除此之外，你还可以直接引入全部方法：

```js
import tool from '@hai2007/browser';
```

或

```html
<script src='https://cdn.jsdelivr.net/npm/@hai2007/browser@0'></script>
```

### 可以使用的接口

- browser.formatColor() : 颜色格式化
- browser.getKeyString() : 获取当前键盘按下的按键
- ......等

当然，考虑到web应用打包体积的问题，比如我们希望对dom进行操作，我们有```browser.xhtml```对象，那么，更小提交的引入方式是：

```js
import xhtml from '@hai2007/browser/xhtml.js';
```

具体的使用你可以[查阅文档](https://hai2007.github.io/browser.js)哦~

如果在使用的时候，发现文档中有的方法无法使用，可能是你的版本过低导致的，你可以[点击此处](https://github.com/hai2007/browser.js/blob/master/CHANGELOG)查看版本日志。

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/browser.js/blob/master/LICENSE)

Copyright (c) 2021-present [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。
npm package: @hai2007/cli
Description: 帮助快速使用的一些实用命令
Author: 你好2007
Latest version: 1.5.0

<p align="center"> 
  <img src="https://github-readme-stats.vercel.app/api?username=hai2007&show_icons=true&theme=light"/> 
</p>
<p align="center"> 
  <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=hai2007&show_icons=true&layout=compact&theme=light""/>
</p>
                                                                                                                               
<p align="center"> 
  <img src="https://s05.flagcounter.com/chart.cgi?bdd0"/> 
</p>
                                                                                                                             
<p align="center">
  <a href='https://hai2007.gitee.io/sweethome/'>
    <img src="https://hai2007.gitee.io/sweethome/dist/cat.jpeg" />
  </a>
</p>
                                                               
<img align='right' src='https://hai2007.gitee.io/sweethome/dist/dream.png' />  
                                                                                                                               
# [What I Believe](https://hai2007.gitee.io/sweethome)

我还惊讶地意识到，在我生命中有很多时刻，每当我遇到一个遥不可及、令人害怕的情境，并感到惊慌失措时，我都能够应付——因为我回想起了很久以前自己上过的那一课。

我提醒自己不要看下面遥远的岩石，而是注意相对轻松、容易的第一小步，迈出一小步、再一小步，就这样体会每一步带来的成就感，直到完成了自己想要完成的，达到了自己的目标，然后再回头看时，不禁对自己走过的这段漫漫长路感到惊讶和自豪。

<p align='right'>———— 摘自 莫顿·亨特《走一步，再走一步》</p>
npm package: @hai2007/nodejs
Description: 🔨 node.js常用的基础方法汇总。 
Author: 你好2007
Latest version: 3.0.1

<p align='center'>
    <a href='https://hai2007.github.io/node.js' target='_blank'>
        <img src='./logo.png'>
    </a>
</p>

# @hai2007/nodejs - 🔨 node.js常用的基础方法汇总

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=@hai2007/nodejs"><img src="https://img.shields.io/npm/dm/@hai2007/nodejs.svg" alt="downloads"></a>
  <a href="https://www.npmjs.com/package/@hai2007/nodejs"><img src="https://img.shields.io/npm/v/@hai2007/nodejs.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/node.js/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@hai2007/nodejs.svg" alt="License"></a>
  <a href="https://github.com/hai2007/node.js">
      <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/node.js?style=social">
  </a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/node.js/issues)！

## How to use?

首先，你需要进行安装：

```
npm install --save-dev @hai2007/nodejs
```

安装好了以后，就可以使用了，使用的方式很多，具体的使用你可以[查阅文档](https://hai2007.github.io/node.js/)哦~

在很多时候，如果你进行了全局安装，也就是：

```
npm install -g @hai2007/nodejs
```

那么，你就可以在命令行执行下面命令：

```
nodejs
```

你就可以看见命令行打印出来帮助信息，这些命令在有些时候，对你项目打包等有很好的辅助功能。

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/node.js/blob/master/LICENSE)

Copyright (c) 2020-present [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。
npm package: @hai2007/polyfill
Description: ✔️ 为旧浏览器提供一些常用的原生新功能支持。
Author: 你好2007
Latest version: 0.2.0

# ✔️ polyfill.js - 为旧浏览器提供一些常用的原生新功能支持

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=@hai2007/polyfill"><img src="https://img.shields.io/npm/dm/@hai2007/polyfill.svg" alt="downloads"></a>
  <a href="https://www.jsdelivr.com/package/npm/@hai2007/polyfill"><img src="https://data.jsdelivr.com/v1/package/npm/@hai2007/polyfill/badge" alt="CDN"></a>
  <a href="https://www.npmjs.com/package/@hai2007/polyfill"><img src="https://img.shields.io/npm/v/@hai2007/polyfill.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/polyfill.js/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@hai2007/polyfill.svg" alt="License"></a>
  <a href="https://github.com/hai2007/polyfill.js" target='_blank'><img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/polyfill.js?style=social"></a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/polyfill.js/issues)，欢迎参与维护！

## How to use?
首先你需要通过命令行安装：

```bash
npm install --save @hai2007/polyfill
```

安装好了以后，然后引入你需要的兼容文件即可：

- Promise

```
import '@hai2007/polyfill/Promise.js';
```

- console

```
import '@hai2007/polyfill/console.js';
```

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/polyfill.js/blob/master/LICENSE)

Copyright (c) 2021-present [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。
npm package: @hai2007/style
Description: 👁️ 浏览器兼容样式和一些基础样式。
Author: 你好2007
Latest version: 0.3.0

# 👁️ style.css - 浏览器兼容样式和一些基础样式

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=@hai2007/style"><img src="https://img.shields.io/npm/dm/@hai2007/style.svg" alt="downloads"></a>
  <a href="https://packagephobia.now.sh/result?p=@hai2007/style"><img src="https://packagephobia.now.sh/badge?p=@hai2007/style" alt="install size"></a>
  <a href="https://www.jsdelivr.com/package/npm/@hai2007/style"><img src="https://data.jsdelivr.com/v1/package/npm/@hai2007/style/badge" alt="CDN"></a>
  <a href="https://www.npmjs.com/package/@hai2007/style"><img src="https://img.shields.io/npm/v/@hai2007/style.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/style.css/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@hai2007/style.svg" alt="License"></a>
    <a href="https://github.com/hai2007/style.css">
        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/style.css?style=social">
    </a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/style.css/issues)，欢迎参与维护！

## How to use?
首先你需要通过命令行安装：

```bash
npm install --save @hai2007/style
```

安装好了以后，然后引入你需要的样式文件：

- 统一不同浏览器的基础样式

```js
import '@hai2007/style/normalize.css';
```

或

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hai2007/style/normalize.css">
```

- 十二栅格化

```js
import '@hai2007/style/rasterize.css';
```

或

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hai2007/style/rasterize.css">
```

[<< 查看文档](./apis/rasterize.md)

- 文档样式

```js
import '@hai2007/style/doc-view.css';
```

或

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hai2007/style/doc-view.css">
```

[<< 查看文档](./apis/doc-view.md)

## CSS笔记

- [关于CSS中设置overflow属性的值为hidden的相关理解](./notebook/overflow-hidden.md)
- [vertical-align:垂直对齐方式相关说明](./notebook/vertical-align.md)
- [z-index 层叠上下文和层叠水平](./notebook/z-index.md)
- [Transform + Transitions + Animation](./notebook/Transform-Transitions-Animation.md)
- [margin 外边距](./notebook/margin.md)

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/style.css/blob/master/LICENSE)

Copyright (c) 2020-present [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。
npm package: @hai2007/video-player
Description: 在线视频播放器
Author: 你好2007
Latest version: 1.0.1

# [Video Player - 视频播放器](https://hai2007.github.io/video-player/)

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/video-player/issues)，欢迎参与维护！

- 你可以查看[在线用例](https://hai2007.github.io/video-player/)来快速体验！

## 如何引入

我们推荐你使用npm的方式安装和使用：

```bash
npm install --save @hai2007/video-player
```

当然，你也可以通过CDN的方式引入：

```html
<script src="https://unpkg.com/@hai2007/video-player@1"></script>
```

## 如何使用

- 特别注意：当前最后一个可用版本（非beta和alpha版本）请查看master分支的说明！

```js
import VideoPlayer from '@hai2007/video-player';

new VideoPlayer({

    // 挂载点(必选)
    el: document.getElementById('root')

});
```

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/video-player/blob/master/LICENSE)

Copyright (c) 2021-2022 [hai2007](https://hai2007.github.io/SweetHome/) 走一步，再走一步。
npm package: @hai2007/xhr
Description: General purpose HTTP / HTTPS client. Supports transparent gzip / deflate decoding.
Author: 你好2007
Latest version: 0.1.2

# xhr.js - 前端 XMLHttpRequest 请求

<p>
  <a href="https://hai2007.gitee.io/npm-downloads?interval=7&packages=@hai2007/xhr"><img src="https://img.shields.io/npm/dm/@hai2007/xhr.svg" alt="downloads"></a>
  <a href="https://packagephobia.now.sh/result?p=@hai2007/xhr"><img src="https://packagephobia.now.sh/badge?p=@hai2007/xhr" alt="install size"></a>
  <a href="https://www.jsdelivr.com/package/npm/@hai2007/xhr"><img src="https://data.jsdelivr.com/v1/package/npm/@hai2007/xhr/badge" alt="CDN"></a>
  <a href="https://www.npmjs.com/package/@hai2007/xhr"><img src="https://img.shields.io/npm/v/@hai2007/xhr.svg" alt="Version"></a>
  <a href="https://github.com/hai2007/xhr.js/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@hai2007/xhr.svg" alt="License"></a>
  <a href="https://github.com/hai2007/xhr.js" target='_blank'><img alt="GitHub repo stars" src="https://img.shields.io/github/stars/hai2007/xhr.js?style=social"></a>
</p>

## Issues
使用的时候遇到任何问题或有好的建议，请点击进入[issue](https://github.com/hai2007/xhr.js/issues)，欢迎参与维护！

## How to use?
首先你需要通过命令行安装：

```bash
npm install --save @hai2007/xhr
```

安装好了以后，然后引入后就可以使用了：

```js
import xhr from '@hai2007/xhr';

xhr({

    method:string,// 请求方法
    url:string,// 请求地址
    data:any,// 请求数据，可选
    header:json,// 请求头，可选
    timeout:6000,// 请求超时时间，可选
    xhr:function,// 自定义xhr对象，可选

},function(data){

    // 成功回调

}, function(error){

    // 错误回调

});
```

开源协议
---------------------------------------
[MIT](https://github.com/hai2007/xhr.js/blob/master/LICENSE)

Copyright (c) 2021-present [hai2007](https://hai2007.gitee.io/sweethome/) 走一步，再走一步。