七牛云OSS 获取视频某一帧

已于 2022-04-01 16:58:28 修改
阅读量811 收藏 1
点赞数
文章标签： 后端
于 2022-03-29 20:34:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KevinChone/article/details/123831117
版权

作者本人最近在做oss传视频的业务，需要有一个封面图片，主流视频网站都是会取第一帧作为默认封面。

网上找资料大部分是阿里云的，我去官方文档那边搜索了下，发现也有类似的功能，故而分享，希望能帮助到需要的人。

官方文档参考：

https://developer.qiniu.com/dora/1313/video-frame-thumbnails-vframe

 http://七牛云地址/视频文件.mp4​​​​?vframe/jpg/offset/10/w/640/h/36

这里意思是获取第10秒，宽640px、高360px的jpg

http://七牛云地址/视频文件.mp4?vframe/jpg/offset/1

这里是默认获取第一秒的jpg

效果：

PS：如果报错referer forbidden，可能是你bucket设置了防盗链

KevinChone
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
阿里云OSS临时授权STS直传视频文件到OSS服务器教程（含所需的核心js代码）
12-30
阿里云对于临时授权这块和OSS上传这块，已经如何配合php和前端js这块，没有个系统的帮助文档，让人一开始找起来很崩溃，特将需要用到的js和文档打包放在一起，减少以后开发者的开发负担！
七牛云OSS对象存储上传.rar
05-21
七牛云OSS对象存储上传文件
七牛云上传视频获取视频首帧
Mr丶GUO
11-07 1180
七牛云上传视频获取视频首帧 调用七牛云上传接口后，返回的视频链接后拼上 ?vframe/jpg/offset/0，就是视频的第一帧。 0可以递增，代表的是视频指定的秒，例如?vframe/jpg/offset/1就是视频播放的第一秒的位置。 假设视频地址是 http://video.test.com/video.mp4 视频第一帧图片： http://video.test.com/video.mp4?vframe/jpg/offset/0 没错就是这么简单 ...
七牛云上传视频并截取第一帧为图片（js实现）
09-09 1191
本文出自APICloud官方论坛，感谢论坛版主 东冥羽的分享。 七牛云上传视频并截取第一帧作为视频的封面图。使用js上传，模块videoPlayer截取第一帧（有专门的截图模块，但是我使用的有点问题，可能是视频源的问题；canvas也能截取，但是有点小bug，比如会截成黑色或白色的图片）。上传一个和上传多个视频 demo运行点这里 需要参数：token值，七牛云域名逻辑：上传一个视频：点击上传按...
七牛短视频录制时截帧（抓拍）处理
Hugo.Lee的博客
08-14 850
public void onCaptureFrame(View v) { mShortVideoRecorder.captureFrame(new PLCaptureFrameListener() { @Override public void onFrameCaptured(PLVideoFrame capturedFrame)...
获取七牛视频第一帧图片
weixin_43431702的博客
05-06 2493
他人链接
七牛云上传视频，获取视频封面或第几帧和固定封面大小
武景涛的博客
08-30 1164
调用七牛云上传接口后返回的视频链接后直接拼上?vframe/jpg/offset/0，就可以直接显示第一帧。 例如视频地址：http://img.yizhanhongtu.cn/shipin.mp4 视频第一帧图片：（视频地址+?vframe/jpg/offset/0） http://img.yizhanhongtu.cn/shipin.mp4?vframe/jpg/offset/1/w/640/h/360 ...
Delphi七牛云OSS【支持断点上传下载、Bucket管理、目录创建删除、复制移动文件等】D7~XE10通用
11-20
【Delphi七牛云OSS对象存储】支持 获取Bucket列表、设置Bucket权限、创建Bucket、删除Bucket、获取文件列表、上传文件、分片上传文件、下载文件、断点上传下载、删除文件、创建目录、删除目录等功能。api接口文档...
七牛云视频播放器Demo
05-25
android 七牛云播放器测试demo
fastadmin 七牛云
12-28
fastadmin 七牛云组件
edusoho7.35对接七牛云视频
03-08
edusoho7.35对接七牛云视频
获取七牛云视频第一帧与视频信息
一副皮囊的博客
09-29 3235
获取七牛云视频第一帧 不断积累，不断努力 使用规则 调用七牛云上传接口后，返回的视频链接后拼上 ?vframe/jpg/offset/0，就是视频的第一帧。 0可以递增，代表的是视频指定的秒，例如?vframe/jpg/offset/1就是视频播放的第一秒的位置。 使用示例 例如视频地址： http://images.jhzxnet.com/video%402x.mp4 视频第一帧图片： //视频地址+?vframe/jpg/offset/0 http://images.jhzxnet.com/vi
视频和图片的存储（阿里云OSS还是七牛？）
weixin_30385925的博客
10-19 585
https://ninghao.net/blog/1411 转载于:https://www.cnblogs.com/linewman/p/9918732.html
七牛上传视频获取视频封面和缩略图
热门推荐
星辰的笔记
03-30 1万+
1、获取视频封面 视频地址 https://yun.job268.com/yun_video_0.6519106342375556.mp4 视频地址后面拼接 ?vframe/jpg/offset/1 得到视频第一帧图的地址，作为封面 https://yun.job268.com/yun_video_0.6519106342375556.mp4?vframe/jpg/offset/1 或拼接 ...
七牛云存储的视频采样缩略图（vsample），采用jpg和png，大小问题
guoer9973的专栏
03-05 3370
Qiniu Resource Storage C/C++ Windows SDK七牛云存储的视频采样缩略图（vsample），采用jpg和png，大小问题。测试指令：针对jpg vsample/jpeg/ss/0/t/6/s/480x480/interval/1/pattern/Z3lmX3Rlc3RfJChjb3VudCkuanBn针对png vsample/png/ss/0/t/6/s/4
七牛 阿里处理视频封面和图片缩略图
半梅芒果干的博客
03-09 1182
获取视频封面 视频地址： https://mpimg.vdongchina.com/ww6e61e170a7e31160//eb82efa3d18fed0be375eeceaaf630232.mp4 ①：视频地址后面拼接：?vframe/jpg/offset/1 得到视频第一帧图的地址，作为封面：https://mpimg.vdongchina.com/ww6e61e170a7e31160//eb82efa3d18fed0be375eeceaaf630232.mp4?vframe/jpg/offset/.
七牛云为图片生成各种缩略图
最新发布
lsk0909的博客
01-10 208
图片基本处理（imageView2） 跳转七牛云 https://developer.qiniu.com/dora/api/basic-processing-images-imageview2
wordpress用七牛云存储自动获取缩略图
kongjiea笔记
03-04 7774
1、七牛云存储获取缩略图优点 使用七牛云存储获取缩略图而不使用timthumb.php  插件获取缩略图，原因有三： 1、安全性。具体不多说，请以“ timthumb 漏洞”为关键词google it。但据说新版 timthumb已经解决该漏洞问题了； 2、占用服务器资源，timthumb.php 运行起来挺占内存的； 3、生成的缩略图文件要占用空间。、 2、另外七牛插件还有更多
七牛云查看音视频资源的元信息-avinfo
LY_Dengle的专栏
09-27 4490
背景： 今天有同事上传一个视频到七牛云，但是只有声音，没有头像。 我初步估计视频有问题，也不确定到底问题是什么。 同事问了七牛那边的技术人员，是视频格式问题。 原来七牛可以用avinfo查看视频元信息。 格式是：视频url?avinfo h264格式的视频可以播放： mpeg4格式的视频不可以播放： 解决办法： 浏览器播放视频的支持
怎么样从前端获取图片的地址
06-11
从前端获取图片的地址可以通过以下几种方式： 1. 使用HTML中的<img>标签，通过设置src属性来获取图片的地址。例如： ```html <img src="image.jpg" alt="My Image"> ``` 2. 使用JavaScript中的Image对象，通过设置src属性来获取图片的地址。例如： ```javascript var img = new Image(); img.src = "image.jpg"; ``` 3. 使用AJAX来获取图片的地址。例如： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'image.jpg', true); xhr.responseType = 'blob'; xhr.onload = function() { if (this.status == 200) { var blob = this.response; var url = URL.createObjectURL(blob); console.log(url); } }; xhr.send(); ``` 这三种方式都可以在前端获取图片的地址。具体选择哪种方式，取决于你的具体需求和场景。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值