Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

m-canvas-video

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

m-canvas-video

canvas视频播放器

  • 0.0.6
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

stars forks language issue

Canvas 视频播放器

  • 绘制视频影像
  • 绘制控制区域蒙层
  • 绘制播放暂停按钮
  • 绘制进度条
  • 绘制进度时间
  • 绘制进度条悬浮位置标识
  • 点击进度条更新当前视频帧

使用

npm install m-canvas-video
<div class="canvas-video" id="video"></div>
import Video from "m-canvas-video";
const container = document.querySelector<HTMLDivElement>("#video");
if (container) {
    const video = new Video(container, 600, 400);

    video.src = "视频链接";

    // 继承了原生video的一些属性及事件监听
}
问题记录
  • 过段时间后视频变白
  • 视频初始化缓存进度存在问题

FAQs

Package last updated on 22 Mar 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc