文档章节

微信小程序 - 使用七牛云 API 截取第 n 秒图像为封面图

几个栗子
 几个栗子
发布于 10/20 18:07
字数 368
阅读 12
收藏 0

前面分享过七牛的上传操作,在这里说下使用七牛 api 对视频在页面的处理,比如你的视频上传之后获取七牛视频链接,这时候你怎么展示它呢?

在页面可以使用小程序提供的原生组件 video ,可以自己配置视频的播放按钮和封面等等。使用 poster  属性时候需要注意了,这时候我们可以使用视频在七牛的外链,它可以获取指定时刻的单帧画面,具体到精确到毫秒 , 这样是不是很灵活了。使用七牛关于视频截图的接口 :https://developer.qiniu.com/dora/manual/1313/video-frame-thumbnails-vframe

参考代码如下

<view class='ve'>
    <video class='tu2' id="myVideo" autoplay="{{autoplay}}" poster='{{videoUrl0}}?vframe/jpg/offset/1' src='{{videoUrl0}}'></video>
</view>

方法很简单,更多操作参考 api 都可以试试,这里我就不都列出来了。

 

水平有限,若有问题请留言交流!

互相学习,共同进步 :) 转载请注明出处谢谢!

© 著作权归作者所有

共有 人打赏支持
几个栗子
粉丝 6
博文 88
码字总数 43745
作品 0
其它
程序员
私信 提问
微信小程序 - 接入七牛云系列

针对自己开发中对七牛的使用,准备总结几篇接入七牛云系列的文章: 1、会简单介绍七牛云和基本使用。 2、小程序前台接入七牛云上传图片和视频。(微信小程序 - 前台接入七牛云上传图片和视频...

几个栗子
08/22
0
0
走路带疯/wx_yq_mall

微信小程序商城【wxyqmall】 微信小程序商城,微信小程序微店,长期维护版本,欢迎大家踊跃提交贡献代码; 参与开发 更多项目请关注 https://gitee.com/TengWeiYun。 小程序开发 [微信:hq5...

走路带疯
08/31
0
0
alex1504/wx-guita_tab

微信小程序·口袋吉他 用微信扫描二维码预览 项目截图 项目地址 https://github.com/alex1504/wx-guitatab 功能说明 分页加载及可配置轮播图 吉他谱浏览及收藏数据统计 吉他谱收藏功能 搜索功...

alex1504
05/04
0
0
微信小程序 - 前台接入七牛云上传图片和视频

相信小程序开发者在开发过程中都会遇到上传代码包遇到大小限制这个问题,因为微信现在规定代码不能超过 2 MB 大小,但我们实际开发过程中难免会有业务需求要使用一些图片和视频等媒体文件,这...

几个栗子
10/14
0
0
alex1504/wx-guita_tab-public

CN: 微信小程序·口袋吉他 用微信扫描二维码预览 项目截图 功能说明 分页加载及可配置轮播图 吉他谱浏览及收藏数据统计 吉他谱收藏功能 搜索功能(不支持模糊查询,该API需升级bmob套餐使用)...

alex1504
07/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

2135亿背后的双11项目协作怎么玩?

2018天猫双11已经收官,2135亿元的成交额再度刷新纪录,这是一场阿里巴巴经济体的深度协作。 在这个大协作项目中,项目协作难题难以想象:如何保证众多部门、百个核心产品、千个垂直项目、几...

阿里云云栖社区
16分钟前
1
0
Golang MD5 加密使用方法

用法一: str:="123456"data:=[]byte(str)h := md5.New()h.Write(data)output := h.Sum(nil)fmt.Println(fmt.Sprintf("%x",output)) 结果: e10adc3949ba59abbe56e057f20f883e 用......

lwkai
22分钟前
1
0
揭秘 | 双11逆天记录背后的数据库技术革新

每一个数字背后 都需要强大的技术支撑 Higher, Faster, Smarter 是我们不变的追求 技术无边界 创新无止境 原文链接

阿里云官方博客
26分钟前
1
0
深入解析React-redux插件入门

react-redux是使用redux开发react时使用的一个插件,另外插一句,redux不是react的产品,vue和angular中也可以使用redux;下面简单讲解,如何使用react-redux来开发react。 描述 这个插件可以...

前端攻城老湿
30分钟前
2
0
创建定长code

前言 有的时候我们需要基于现有的code进行改造,但是改造的一个前提可能是对于code长度有一定的要求,比如我们做分库分表,准备在code上做文章。 由于历史原因不同的渠道产生的code有几种不同...

春哥大魔王的博客
32分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部