Appearance
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 (最新版本)