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

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

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

e07a643c6cdeb65b541845279ad9e785877.jpg

4d118d0800a220cd104bf915eb9a740cf38.jpg

参考代码如下

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

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

 

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

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

转载于:https://my.oschina.net/hp2017/blog/2249965

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值