# @joy-uni-videoplayer

**Repository Path**: jiuyi-code/joy-uni-videoplayer

## Basic Information

- **Project Name**: @joy-uni-videoplayer
- **Description**: 支持在网页上使用webrtc支持播放rtsp流，需要后端自定义的媒体服务支持。同时支持原生avi,  flv格式播放
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-24
- **Last Updated**: 2025-08-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 视频播放器组件

## 说明

支持通过后端视频服务(需配合视频服务软件使用)，把 rtsp 视频流转换成 webrtc 在页面上播放。

## 运行

1. `yarn`安装依赖
2. `yarn dev`进行预览

## 使用说明

### 使用 npm

`yarn add @joy/uni-video-player`

然后直接按 vue 要求，引入组件后使用

```vue
<template>
  <UniVideoPlayer
    class="video-player"
    :videoUrl="rtsp://192.168.0.236:5505/line6_alarm_demo1.avi"
    videoType="rtsp_local"
    videoServer="192.168.0.236"
    :iceServer="iceServer"
  />
</template>

<script>
import UniVideoPlayer from "@joy/uni-video-player";
...
</script>
```

#### props

| 名称     | 描述            | 默认值 |
| -------- | --------------- | ------ |
| videoUrl | rtsp 视频流地址 | \      |
| videoServer | 视频服务地址 | 默认使用与videoUrl相同Ip地址的服务，比如videoUrl为 `rtsp://192.168.0.236:5505/line6_alarm_demo1.avi`, 适用于视频服务与rtsp视频流在同一Ip地址时使用 |
|videoType|视频流类型| 默认为: rtsp_local: 本地rtsp webrtc播放方案，可取值: flv  |
videoType 支持: 'flv','rtsp','rtsp_local'

## todo

- [ ] 错误提示添加上
- [ ] 添加 debug 模式，显示详细的配置信息
- [ ] 添加播放的动画提示