tsplayer

感谢慕课网和上面的讲师，感谢制作这个教程TypeScript 封装播放器组件的讲师

这是个练习项目，防小米官网弹出式播放器，使用 ts 封装播放器组件

imooc 分支代码是教程源码，master 做了些代码优化，以及功能扩展

popup 组件

// 参数
interface Ipopup {
  width?: string;
  height?: string;
  title?: string;
  position?: string;
  mask?: boolean;
  content?: (content: HTMLElement) => void;
}

video 组件

// 参数
interface IVideo {
  url: string;
  elem: string | HTMLElement;
  width?: string;
  height?: string;
  autoplay?: boolean;
  poster?: string;
  times?: number;
}

开发进度

• 拖拽进度条/音量进度条
• 点击进度条/音量进度条
• 暂停功能
• 全屏播放
• loading 加载
• 封面
• 倍数播放
• 截屏(canvas导出图片时会有跨域问题)

....