在Javascript中创建图像视频
Create Video by Images in Javascript
我的链接
https://jsfiddle.net/dineshkanivu/6xs0rxjb/使用Javascript for
循环我试图通过简单的jpeg文件创建视频。我不能做到这一点,任何帮助将不胜感激。
var Allimages = ["eardrum0", "eardrum1", "eardrum2", "eardrum3", "eardrum4"];
var canvas = document.getElementById("video");
var lengthofImages = Allimages.length-1;
function imageLoad() {
for (var i = 0; i <= lengthofImages; i++) {
canvas.style.background = "url(" + Allimages[i] + ".bmp)";
}
}
imageLoad();
您应该在显示下一张图像之前添加延迟,否则您将只能看到最后一张
function showImagesLikeVideo(index) {
if(index < Allimages.length) {
canvas.style.background = "url(" + Allimages[index] + ".bmp)";
//show next image with a timeout
setTimeout(showImagesLikeVideo.bind(null, index + 1), 300);
}
}
showImagesLikeVideo(0);
对于无限循环,应该将索引重置为0
function showImagesLikeVideo(index) {
index = index < Allimages.length ? index : 0;
canvas.style.background = "url(" + Allimages[index] + ".bmp)";
//show next image with a timeout
setTimeout(showImagesLikeVideo.bind(null, index + 1), 300);
}
showImagesLikeVideo(0);
相关文章:
- 在jquery中需要cloudinary图像和视频样本代码
- 如何在视频上显示海报图像使用Jquery结束
- 在视频和图像背景之间切换
- 为什么视频不显示在有角度的灯箱中?图像有效,但视频无效;t
- 错误时用图像替换视频
- 如何使用HTML5和AR在视频/图像上实时生成3d标记
- HTML5 视频的回退图像
- 视频 -> 画布 -> 图像 ..在特定分辨率下
- 是从画布获取图像数据的任何方法,从远程视频中提取
- 来自JS的Simperium和二进制(图像/视频)资产文件
- 如何在悬停在图像上时弹出youtube视频播放器
- 图像通过Youtube视频渐变
- 在youtube视频中单击按钮显示图像
- 以类似视频的方式在浏览器中渲染多个图像
- Angularjs - 如何在单击其标题后加载图像/视频
- Node.js网络爬虫图像/视频
- 在Javascript中创建图像视频
- 在网页's内容顶部加载图像/视频
- 上传图像/视频到一个单独的服务器- Javascript流星
- 如何使个人资料和发布/图像/视频公开或私人在同一时间我有例子