this.videoOk = $(`#video_${remoteStream.id_}`).get(0); // 获取video 视频id
//vue在video视频中截取图片 和 添加水印字幕
var canvas = document.createElement("canvas"); // 生成canvas
var context=canvas.getContext('2d')
canvas.width = 500; //设置宽高
canvas.height = 500;
context.drawImage(this.videoOk, 0, 0, 500, 500); // 截取图片 this.videoOk是video视频中的帧
// 设置填充字号和字体，样式
context.font = "24px 宋体"
context.fillStyle = "#FFC82C"
// 设置右对齐
context.fillText('石家庄西',10,450) // 在图片上添加地址
var img = document.createElement("img"); // 创建图片标签 img
that.imageUrl = canvas.toDataURL(); //图片地址
let formData = new FormData();
formData.append("file", that.dataURLtoBlob(that.imageUrl)); // base64转文件流 变formData 进行上传
// base64转文件流
dataURLtoBlob(dataurl) {
var arr = dataurl.split(','),mime = arr[0].match(/:(.*?);/)[1],bstr = atob(arr[1]),n = bstr.length,u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {
type: mime
});
},
