当前位置: 首页 > news >正文

个人网站制作多少钱2023年4 5月份疫情结束吗

个人网站制作多少钱,2023年4 5月份疫情结束吗,免费空间做淘宝客网站,好的网站建设价格前言 要将mp4视频转换为gif动态图像&#xff0c;可以使用JavaScript库中的FFmpeg.js。这个库可以使用JavaScript读取和写入文件&#xff0c;也可以使用canvas和WebGL在浏览器中进行视频处理。 步骤如下&#xff1a; 1.在网站中引入FFmpeg.js库 <script src"https:/…

前言

要将mp4视频转换为gif动态图像,可以使用JavaScript库中的FFmpeg.js。这个库可以使用JavaScript读取和写入文件,也可以使用canvas和WebGL在浏览器中进行视频处理。

步骤如下:

1.在网站中引入FFmpeg.js库

<script src="https://cdn.jsdelivr.net/npm/@ffmpeg/ffmpeg/dist/ffmpeg.min.js"></script>

2.创建FFmpeg.js实例

const ffmpeg = createFFmpeg({ log: true });
await ffmpeg.load();

3.将mp4视频读入FFmpeg.js中

await ffmpeg.FS('writeFile', 'test.mp4', await fetchFile('test.mp4'));

4.使用FFmpeg.js将mp4视频转换为gif动态图像

await ffmpeg.run('-i', 'test.mp4', 'test.gif');

5.将转换后的gif图像从FFmpeg.js中读取出来,并在网页中显示

const gifData = await ffmpeg.FS('readFile', 'test.gif');
const gifUrl = URL.createObjectURL(new Blob([gifData.buffer], { type: 'image/gif' }));
const imgEl = document.createElement('img');
imgEl.src = gifUrl;
document.body.appendChild(imgEl);

完整的JavaScript代码示例如下:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>转换mp4视频为gif动态图像</title><script src="https://cdn.jsdelivr.net/npm/@ffmpeg/ffmpeg/dist/ffmpeg.min.js"></script>
</head>
<body><input type="file" onchange="onUpload(event)"><script>async function onUpload(event) {const inputFile = event.target.files[0];const inputFileData = await inputFile.arrayBuffer();const ffmpeg = createFFmpeg({ log: true });await ffmpeg.load();ffmpeg.FS('writeFile', inputFile.name, new Uint8Array(inputFileData));await ffmpeg.run('-i', inputFile.name, 'output.gif');const outputData = ffmpeg.FS('readFile', 'output.gif');const outputUrl = URL.createObjectURL(new Blob([outputData.buffer], { type: 'image/gif' }));const outputEl = document.createElement('img');outputEl.src = outputUrl;document.body.appendChild(outputEl);
}</script></body>
</html>
http://www.hkea.cn/news/145028/

相关文章:

  • 网站建设及推广培训杭州百度快照优化排名
  • 简单手机网站开发软件关键词排名代发
  • visio画网站开发类图注册域名后怎么建网站
  • 道里网站运营培训北京网络营销咨询公司
  • 目前做网站流行的语言seo关键词排名优化哪家好
  • 长沙营销型网站制作费用seo图片优化
  • 学生诚信档案建设网站seo数据分析
  • 北京住房城乡建设厅网站首页1688官网入口
  • 网站建设需要懂什么软件徐州百度seo排名优化
  • wordpress网站样式网站排名查询
  • 郑州网站建设推销外贸网站推广与优化
  • 当当网站开发系统说明搜索引擎排名google
  • 国外男女直接做的视频网站企业邮箱登录入口
  • 成都可以做网站的公司百度手机助手最新版下载
  • 赤峰网站建设招聘市场营销互联网营销
  • 网站开发后端需要哪些技术友情链接检索数据分析
  • 金华竞价排名 金华企业网站建设常见的网络营销平台有哪些
  • p2p网站开发关键词seo是什么意思
  • 自己免费怎么制作网站合肥今天的最新消息
  • 今日头条新闻10条简短seo网络优化招聘信息
  • 赣州人才网官方网站关键词seo优化软件
  • cad做兼职区哪个网站郑州网络营销公司排名
  • 宁夏银川做网站的公司有哪些网络营销分类
  • 换物网站为什么做不起来中国免费广告网
  • 可以显示一张图片的网站怎么搭建搜索引擎优化策略
  • 精品课程网站建设论文今天的新闻最新消息
  • 检查网站收录问题蚌埠seo外包
  • 建站展示网站优化网
  • 秦皇岛网站建设价格深圳seo公司
  • 广告型网站建设广州营销网站建设靠谱