【建站服务】淮滨企业微信公众号小程序开发公司、淮滨企业网页设计方案、淮滨做网站开发价格、淮滨微信公众号制作运营报价明细表、淮滨网站设计公司费用、淮滨网站推广大概需要多少钱-域名申请
作者: 风兰 . 阅读量: 3 . 发表时间:2022-09-20 15:36:03
上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
淮滨企业微信公众号小程序开发公司、淮滨企业网页设计方案、淮滨做网站开发价格、淮滨微信公众号制作运营报价明细表、淮滨网站设计公司费用、淮滨网站推广大概需要多少钱

淮滨县,河南省信阳市下辖县,位于信阳市东北部,地处东经115°11′—115°35,北纬32°15′—32°38'之间,总面积1209平方公里,地处北亚热带与暖温带气候过渡地带。 [1] 截至2020年6月,淮滨县辖4个街道、5个镇、10个乡, [2] 县政府驻滨湖街道。 [3] 截至2019年末,淮滨县总人口78.47万。 [4]
淮滨因位于淮河之滨而得名。1952年8月经国务院批准,正式设立淮滨县。 [1] 1962年10月20日,合并于息县的原淮滨行政区域和固始县的原淮滨县期思、张庄两个区的行政区域为淮滨县的行政区域。 [5] 2019年3月,淮滨县入选第一批革命文物保护利用片区分县名单。 [6] 淮滨县产业集聚区是河南省首批确定的175个产业集聚区之一。造船业是淮滨县传统优势产业,也是纳入河南省“十一五”规划予以重点支持的装备制造业。 [7] 2020年2月26日,河南省人民政府批准淮滨县退出贫困县,正式脱贫摘帽。 [8] 淮滨县境内有期思古城、东西湖风景区、淮滨淮南湿地自然保护区等著名景点。
2019年,淮滨县生产总值225.92亿元,增长7.9%。其中,第一产业增加值41.26亿元,增长1.8%;第二产业增加值91.70亿元,增长8.9%;第三产业增加值92.97亿元,增长10.7%,三次产业结构18.3:40.6:41.1。 [4]
本篇文章是上一篇文章的一个应用。实现视频上传,截取关键帧,并上传给后端保存。这个场景比较多见,今天就说说实现方式吧。原理很简单,就是通过canvas获取某一帧的base64格式,然后转换为file格式,再通过ajax上传给服务端,保存缩略图。
直接上案例吧:
html
<input type="file"/>
首先创建一个video,然后再选取视频文件之后,自动添加到body中
let video =document.createElement("video")video.setAttribute('controls','controls')document.querySelector('input[type="file"]').addEventListener('change',function () {
document.body.appendChild(video)
video.src = window.URL.createObjectURL(this.files[0])})然后创建canvas,在视频播放的时候,截取第几秒。
var imgHeight = 0,
imgWidth = 0,
videoWidth = 0,
videoHeight = 0,
//要截图的视频
// video = document.getElementById('video');
canvas = document.createElement("canvas");
canvasCtx = canvas.getContext("2d");
//视频准备好可以播放
video.addEventListener("canplay", function () {
//获取展示的video宽高作为画布的宽高和临时视频截图的宽高
canvas.width = imgWidth = video.offsetWidth;
canvas.height = imgHeight = video.offsetHeight;
//获取实际视频的宽高,相当于视频分辨率吧
videoWidth = video.videoWidth;
videoHeight = video.videoHeight;
setTimeout(() => {
video.pause();
//坐原图像的x,y轴坐标,大小,目标图像的x,y轴标,大小。
canvasCtx.drawImage(video, 0, 0, videoWidth, videoHeight, 0, 0, imgWidth, imgHeight);
//把图标base64编码后变成一段url字符串
var dataUrl = canvas.toDataURL("image/png");
// 获取图片的base64格式
// 通过上一篇文章的:https://www.haorooms.com/post/js_file_base64_blob 把base64转换为file
base64ConvertFile(dataUrl,'haorooms截取视频帧')
// 然后通过上一节的ajax进行上传
}, 1000);// 1000毫秒,就是截取第一秒,2000毫秒就是截取第2秒,视频1秒通常24帧,也可以换算成截取第几帧。
//防止拖动进度条的时候重复触发
video.removeEventListener("canplay", arguments.callee);
});案例预览可以看下资源库里面的demo:http://resource.haorooms.com/showdemo.html?id=285
上传本地mp4视频,就可以截取第一秒的图片。
这个案例可以简单实现上传视频,截取关键帧作为封面,上传后端保存。获取封面url的效果。
淮滨企业微信公众号小程序开发公司、淮滨企业网页设计方案、淮滨做网站开发价格、淮滨微信公众号制作运营报价明细表、淮滨网站设计公司费用、淮滨网站推广大概需要多少钱
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站


