video-tape.js v1.0.1

基于video标签中视频的截图和视频录制

兼容问题

安装

npm install video-tape.js

import Tape from 'video-tape.js'

示范

improt Tape from 'video-tape.js'

//截图
imgge(){
	let videoEl = document.getElementById('videoElement');
	let tape = new Tape(videoEl);
	tape.screenshot((imageFile,imageUrl) => {
		//在这里对图片处理或这拿到URl进行渲染
	},'file')
}

//录制
video(){
	let videoEl = document.getElementById('videoElement');
	let tape = new Tape(videoEl);

	//开始
	tape.tapeStart();

	setTimeout(() => {
		//结束
		this.tape.tapeStop((videoFile,videoUrl) => {
			//在这里播放录制的视频或者对视频文件处理	
		})
	},3000)
}

Api

import Tape from 'video-tape.js'

let videoEl = document.getElementById('videoElement');

//创建Tape对象时，必须传入一个video对象
let tape = new Tape(videoEl);

//截图方法
tape.screenshot((base64) => {},'base64')

//录制开始
tape.tapeStart()

//录制暂停
tape.tapePause()

//录制继续
tape.tapeResume()

//录制结束
tape.tapeStop((videoFile,fileUrl) => {},fileName)