# @binbat/whip-whep 中文文档

规范地址：https://npmcn.com/package/%40binbat/whip-whep/

版本：1\.1\.1-sdp-trickle-throw
npm 元数据更新时间：2024-06-30T11:31:19.004Z
中文译文更新时间：2026-11-08T03:05:05.482Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40binbat/whip-whep
原文对照：https://npmcn.com/package/%40binbat/whip-whep/?lang=original
项目主页：https://github.com/medooze/whip-whep-js#readme
源码仓库：https://github.com/medooze/whip-whep-js

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：29 kB，7 个文件
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2023-12-23T13:13:07.622Z
- 最新版本发布：2024-06-30T11:31:18.787Z
- 近 30 天下载量：11384（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：9（近 12 个月 0 个）

## 中文简介

WHIP和WHEP客户

## 安装

```sh
npm install @binbat/whip-whep
```

也可以使用：`pnpm add @binbat/whip-whep`、`yarn add @binbat/whip-whep`、`bun add @binbat/whip-whep`

## README

[![Build status](https://github.com/medooze/whip-whep-js/workflows/build/badge.svg)](https://github.com/medooze/whip-whep-js/actions?query=workflow%3Abuild) [![npm package](https://img.shields.io/npm/v/whip-whep.svg?label=npm:whip-whep)](https://www.npmjs.com/package/whip-whep)

# 鞭子. js (英语)

WHIP 客户端 Javascript 模块

## 示例

```
import { WHIPClient } from "whip.js"

//Get mic+cam
const stream = await navigator.mediaDevices.getUserMedia({audio:true, video:true});

//Create peerconnection
const pc = new RTCPeerConnection({ bundlePolicy: "max-bundle" });

//Send all tracks
for (const track of stream.getTracks()) {
    //You could add simulcast too here
    pc.addTransceiver(track, { 'direction': 'sendonly' });
}

//Create whip client
const whip = new WHIPClient();

const url = "https://whip.test/whip/endpoint";
const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IndoaXAgdGVzdCIsImlhdCI6MTUxNjIzOTAyMn0.jpM01xu_vnSXioxQ3I7Z45bRh5eWRBEY2WJPZ6FerR8";

//Start publishing
whip.publish(pc, url, token);

```

# wh. js

WHEP 客户端 Javascript 模块

## 示例

```
import { WHEPClient } from "whep.js"

//Create peerconnection
const pc = window.pc = new RTCPeerConnection({ bundlePolicy: "max-bundle" });

//Add recv only transceivers
pc.addTransceiver("audio");
pc.addTransceiver("video");

pc.ontrack = (event) =>
{
    console.log(event)
    if (event.track.kind == "video")
        document.querySelector("video").srcObject = event.streams[0];
}

//Create whep client
const whep = new WHEPClient();

const url = "https://whep.test/whep/endpoint";
const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJtaWxsaWNhc3QiOnsidHlwZSI6IlN1YnNjcmliZSIsInNlcnZlcklkIjoidmlld2VyMSIsInN0cmVhbUFjY291bnRJZCI6InRlc3QiLCJzdHJlYW1OYW1lIjoidGVzdCJ9LCJpYXQiOjE2NzY2NDkxOTd9.ZE8Ftz9qiS04zTKBqP1MHZTOh8dvI73FBraleQM9h1A"

//Start viewing
whep.view(pc, url, token);

```

## 常见问题

### @binbat/whip-whep 是什么？

WHIP和WHEP客户

### 如何安装 @binbat/whip-whep？

在项目目录运行 npm install @binbat/whip-whep，或使用 pnpm add / yarn add / bun add。

### @binbat/whip-whep 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/binbat\_\_whip-whep 是否存在。

### @binbat/whip-whep 可以商用吗？

@binbat/whip-whep 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @binbat/whip-whep 的下载量有多少？

根据 npm 官方下载统计，@binbat/whip-whep 在 2026/10/08 – 2026/11/06 这 30 天内被下载 11,384 次，日均约 379 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @binbat/whip-whep 还在维护吗？

最新版本 1\.1\.1-sdp-trickle-throw 发布于 2024/06/30（2 年前）；至今共发布 9 个版本，其中过去 12 个月发布了 0 个；首次发布于 2023/12/23。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。