当前位置: 首页 > news >正文

做网站需要模板吗网页设计友情链接怎么做

做网站需要模板吗,网页设计友情链接怎么做,卖文具做网站好还是做电商好,时时彩网站建设html有本地上传替换部分&#xff0c;可以不看 原理&#xff1a;通过video标签对视频进行加载&#xff0c;随后使用canvas对截取的视频帧生成需要的图片 <template> <el-row :gutter"18" class"preview-video"><h4>视频预览<span&…

在这里插入图片描述

html有本地上传替换部分,可以不看

原理:通过video标签对视频进行加载,随后使用canvas对截取的视频帧生成需要的图片

<template>
<el-row  :gutter="18"  class="preview-video"><h4>视频预览<span>系统默认选中第一帧为封面</span></h4><div class="screenshot-box"><video:class="`screenshot-video screenshot-video${id}`":src="videoUrl"controlscrossorigin="anonymous"/></div><div class="preview-btn"><el-button size="small" type="primary" class="set-btn" @click="setWidthHeight">截取封面</el-button><el-uploadaction="":key="componentImgKey":on-change="handleAddLocalImage"accept=".jpg,.png,.jpeg,.JPG,.PNG,.JPEG":auto-upload="false":show-file-list="false":limit="1":multiple="false"ref="uploads"><el-button @click.native="handleAddLocalImageBefore" size="small" type="primary">本地上传</el-button></el-upload></div><canvas:class="`myCanvas${id}`"class="myCanvas":width="isWidth":height="isHeight"/></el-row></template>
<script>
export default {data(){return {videoUrl:"",id: 0,isWidth: 320,isHeight: 180,imgSrc:"",},methods:{setWidthHeight() {if (true) {this.$nextTick((_) => {var v = document.querySelector(`.screenshot-video${this.id}`);this.isWidth = v.offsetWidth;this.isHeight = v.offsetHeight;this.cutPicture();});}},//截取当前帧的图片cutPicture() {if (process.browser) {this.$nextTick((_) => {var v = document.querySelector(`.screenshot-video${this.id}`);let canvas = document.querySelector(`.myCanvas${this.id}`);var ctx = canvas.getContext("2d");ctx.drawImage(v, 0, 0, this.isWidth, this.isHeight);var oGrayImg = canvas.toDataURL("image/png");this.imgSrc = oGrayImg;this.file_ext="png"let size=this.imageSize(oGrayImg)/1024/1024if(size>2){this.$message.error("图片大小不能超过2MB!")return}});}},imageSize(base64Str) {const indexBase64 = base64Str.indexOf('base64,');if (indexBase64 < 0) return -1;const str = base64Str.substr(indexBase64 + 6);return (str.length * 0.75).toFixed(2);},}
}
</script>
http://www.hrbkazy.com/news/1408.html

相关文章:

  • 长春网站建设公司排名前十杭州网站优化咨询
  • 可以转app的网站怎么做seort什么意思
  • 罗阳网站建设网站制作软件免费下载
  • 网上做调查赚钱的网站软文广告有哪些
  • 泉州seo建站优化大师软件下载
  • 武汉汉口做网站推广注册域名查询网站官网
  • 无锡网站制作哪家正规什么推广方法是有效果的
  • 方圆网 网站建设免费私人网站建设软件
  • 个人网站可以做淘宝客网站吗网络推广工具
  • 碑林网站制作石家庄新闻网
  • 建筑设计是干嘛的福州网站优化公司
  • 挂别人公司做网站可以吗专业seo服务商
  • 做网站用windows还是linux合肥百度快照优化排名
  • wordpress分栏seo实战视频
  • 经验分享的网站开发搜索平台
  • 重庆网站建设选卓光百度上怎么打广告宣传
  • 如何推广微信视频号谷歌搜索引擎优化
  • 网站投稿源码快速网站推广
  • 软文自助发稿软件开发 网站建设seowhy教研室
  • 成都网络营销北京seo专业团队
  • wordpress架构的网站购物网站制作
  • 医疗机构网站权威解读当前经济热点问题
  • 广告创意设计案例企业seo排名费用报价
  • 做中药材生意哪个网站靠谱深圳网络推广渠道
  • 网站建设有那几个类型汕头seo代理商
  • 一般做网站是用什么语言开发的小红书seo软件
  • 企业网站建站 合肥seo优化技术招聘
  • 个人网站做捐赠发布违法吗百度网盘下载电脑版官方下载
  • 动态asp.net网站开发教程seo也成搜索引擎优化
  • 微信公众号 手机网站开发商品关键词怎么优化