# hk-video

**Repository Path**: chencdashi/hk-video

## Basic Information

- **Project Name**: hk-video
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-10
- **Last Updated**: 2025-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# hk-video-demo

一个极简的摄像头视频流展示页面：输入流地址即可在首页实时播放，默认针对 HLS（`.m3u8`）做了自动适配，同时兼容浏览器原生支持的 MP4/MJPEG 等格式。

## 快速开始

```bash
pnpm install
pnpm dev
```

打开开发服务器输出的地址（默认 http://localhost:5173）即可。

## 使用方式

1. 在页面顶部输入框填写摄像头流地址，例如 `https://example.com/live/stream.m3u8`。
2. 点击“开始播放”。
3. 若为 HLS 且浏览器不原生支持，前端会自动使用 `hls.js` 进行解码；否则直接交给 `<video>` 原生能力。
4. 如果浏览器阻止了自动播放，可手动点击播放器的播放按钮。

## 生产构建

```bash
pnpm run build
pnpm preview
```

`pnpm run build` 会输出静态文件至 `dist/`，可部署到任意静态服务。