在html5中将图像urls列表作为视频播放
在html5中将图像urls列表作为视频播放
提问于 2018-08-15 03:13:23
我有一个图像urls列表，这些图像urls是从安全摄像头拍摄的备份图像。它们在nginx代理后面提供服务。
有没有办法像播放视频一样播放这些图像？我现在一次向div追加10张图片，并使用z-index一次显示一张。
但我想要一种更好的方式，让我使用内置控件。
以下是我的数据示例：
["http://0.0.0.0:7733/1/2/2018-08-14_18-44-51.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-52.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-53.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-54.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-55.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-56.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-57.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-58.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-44-59.jpg", "http://0.0.0.0:7733/1/2/2018-08-14_18-45-00.jpg"]回答 1
Stack Overflow用户
发布于 2018-08-15 05:13:16
有没有办法像播放视频一样播放这些图像？
不是直接，不是。您必须创建一个视频，并通过MediaSource扩展或作为常规Blob加载它。这将需要一个编解码器等等，因为你的源格式是JPEG。
但是我想要一个更好的方式，让我使用内置的控件。
模拟视频播放器的控件将比摆弄视频容易得多。
使用z索引一次显示一个索引的
我会使用visibility: hidden。(在您的开发人员工具中检查性能，进行实验，并查看。)
如果你真的想用这些东西制作一个视频，这是可能的，但有点麻烦：
即使在此之后，您也必须对生成的WebM进行一些修改，才能使其在浏览器中播放，但它将会工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51848347
复制相关文章
相似问题