Skip to content
On this page

QiuVideo - AI视频播放器

一款基于TypeScript开发的现代化Web视频播放器组件,支持多种播放格式和丰富的交互功能。

特性

  • 基础播放控制:播放/暂停、进度条控制、音量调节
  • 多格式支持:标准视频文件、HLS直播流、FLV直播流
  • 响应式设计:适配不同屏幕尺寸
  • 丰富的UI组件:自定义控件、右键菜单、设置面板
  • 字幕支持:自定义字幕显示
  • 组件化架构:基于Web Components开发,易于集成和扩展
  • TypeScript支持:完整的类型定义,提供良好的开发体验

快速开始

html
<!-- 引入播放器CSS和JS -->
<link rel="stylesheet" href="dist/qiu-video.css">
<script src="dist/qiu-video.min.js"></script>

<!-- 创建容器 -->
<div id="player-container"></div>

<!-- 初始化播放器 -->
<script>
  const player = QiuVideo.create('#player-container')
    .src('path/to/video.mp4')
    .autoplay(false)
    .volume(0.7)
    .on('play', () => console.log('视频开始播放'))
    .mount();
</script>

浏览器支持

  • Chrome (最新版本)
  • Firefox (最新版本)
  • Safari (最新版本)
  • Edge (最新版本)

许可证

MIT