我在微信开发工具里截的图是可以的,但是在手机上截的图缺变成全透明的了。

我猜是视频的第一帧的问题

微信开发工具的截图

手机的截图

我的代码:

JS:

function captureImage(video) {

var scale=1

var canvas = document.createElement("canvas");

var vw=$(video).width()

var vh=$(video).height()

console.log(vw,vh)

canvas.width = vw* scale;

canvas.height = vh* scale;

canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);

var img = document.createElement("img");

img.className='poster'

img.src = canvas.toDataURL("image/png");

$(video).prop('poster',canvas.toDataURL("image/png"))

};

HTML标签:

android里canvas视频帧,移动端用canvas截取视频封面,如何不截取第一帧,而是截取其它的帧?...相关推荐

  1. 基于 Agora SDK 实现 Android 端的多人视频互动

    本系列教程将分为三期,分享基于 Agora SDK 在各系统平台应用中实现一对一视频通话.多人互动直播,以及结合跨平台技术进行开发.本期推送在 Android.iOS.Windows.Web.macO ...

  2. android 图片 生成视频,照片制作成视频的方案有吗?如何视频安卓手机视频编辑器将手机里的照片制作成视频...

    狸窝是帮助用户解决问题 提供教程解决方案 在这个过程中有使用我们自己开发的软件 也有网上找的工具 只要帮助用户解决问题就好!同意即往下继续了解下载 ... 在现在这个信息时代,几乎都是人手一部智能手机 ...

  3. Android截取视频帧并转化为Bitmap示例

    MainActivity如下: package cn.testmediametadataretriever; import java.io.File; import java.io.FileOutpu ...

  4. js调用android相册,【方法】移动端H5如何调用相册和相机上传图片、音频、视频...

    在移动端上传图片方法很简单,使用HTML5中的input:file供文件上传. <一>常用属性值: 1.accept:规定文件上传来提交的文件类型,此属性只能和type:file配合使用 ...

  5. android sdk build-tools_从零开始仿写一个抖音App——视频编辑SDK开发(一)

    本文首发于微信公众号--世界上有意思的事,搬运转载请注明出处,否则将追究版权责任.交流qq群:859640274. 大家好久不见,又有一个多月没有发文章了.不知道还有哪些读者记得我的 从零开始仿写抖音 ...

  6. 【Android 音视频开发-音视频硬解码篇】1.音视频基础知识

    这是一个入门系列,涉及的知识也仅限于够用. 最后,写文章过程中,会借鉴参考其他人分享的文章,会在文章最后列出,感谢这些作者的分享. 本文你可以了解到 作为开篇的文章,我们先来看看音视频由什么构成的,以 ...

  7. java mp4视频转换成h5_前端canvas动画如何转成mp4视频的方法

    用户通过上传合适尺寸的图片,选着渲染动画的效果和音乐,可以预览类似幻灯片的效果,最后点击确认生成视频,可以放到头条或者抖音播放. 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder ...

  8. php ffmpeg截图,php ffmpeg截取视频第一帧保存为图片的方法

    php ffmpeg截取视频第一帧保存为图片的方法 $xiangmupath = $this->getxiangmupath(); $filename = 'chengshi'; $cmd = ...

  9. 腾讯发布全球首个面向移动端的VVC标准视频解码器,手机即可看4K超高清VVC视频...

    允中 发自 凹非寺 量子位 编辑 | 公众号 QbitAI 腾讯发布全球首个面向移动端的H.266/VVC标准视频解码器,即其自研的O266移动端版本,手机可看4K超高清VVC视频.O266已成为世界 ...

最新文章

  1. androidexternal目录下新增一个可执行应用及编译
  2. UA MATH636 信息论5 信道编码定理的证明
  3. OS_CORE.C(5)
  4. Angular NgModule里定义的注解和NgModuleRef$1运行时
  5. P2787 语文1(chin1)- 理理思维
  6. JMS学习六(ActiveMQ消息传送模型)
  7. Hello,World!的大小(信息学奥赛一本通-T1023)
  8. git 原理详解及实用指南_如何编写良好的提交消息:实用的Git指南
  9. 基于ELK和Python搭建简单的监控告警系统
  10. samba配置不同用户不同权限_前端问题集:vue配置环境-给不同的环境配不同的打包命令...
  11. python生成倒计时图片_python pygame--倒计时
  12. Atitit.atiInputMethod v2词库清理策略工具    q229
  13. 全网首发:JAVA的+=类算符,带有自动类型转换功能
  14. 百度文库免费下载最新攻略,全新的百度文库下载方式
  15. QT5.11安装教程
  16. matlab产生窄带高斯随机过程,窄带随机过程的产生及其性能测试
  17. 使用geronimo-javamail_1.4发送邮件的有关说明
  18. 高德地图正确食用方法(持续更新)
  19. 2021-05-02 收心继续
  20. 逆向工程核心原理 小结

热门文章

  1. 用户代码未处理EntityCommandExecutionmException报错解决方案
  2. discuz x2.5用户注册后邮箱认证后无法收到邮件或者直接进垃圾箱
  3. php: eclipse 编辑 php
  4. 4.2路由算法与路由协议概述
  5. linux网络编程——boa移植
  6. php搜索间隔,php – 如何查找超过2个用户的匹配时间间隔
  7. java正则匹配非html字符串_java正则表达式去除html中所有的标签和特殊HTML字符(以开头的)...
  8. 如何判断是linux/windows库,module或程序debug还是release(转)
  9. python清空文件夹
  10. 吴恩达《机器学习》学习笔记十二——机器学习系统