嵌入多个非常大的视频文件
Embedding multiple very large video files
对于一个网络应用程序，基本上是一个艺术项目，我想做一件事。
一组固定的 8 个 24 小时长的视频 将被同时观看.其中 7 个为缩略图大小，一个为几乎全屏。用户可以将全屏视频切换为另一个。
24小时后，他们循环。
每个视频都与一天中的时间同步，无法跳过，因此如果您在 10:09:08 访问该网站，所有视频也应该在 10:09:08 开始.所以没有暂停或寻找。
由于视频文件巨大，我不确定哪种方式适合处理这个项目。我认为，由于加载时间的原因，仅将它们放在 <video> 标签中不会是好的用户体验。
开关动作的快速反应是关键；切换无延迟或尽可能少的加载时间。 7个小视频的画质可以降低，但大的还是尽量好。
此外，它应该移动和桌面友好。
我需要什么样的服务 - google这些视频文件的云存储智能吗？
DASH.js 的 Adaptive Streaming 似乎是适用于所有桌面的良好解决方案，但它不适用于移动浏览器。周围有现成的解决方案吗？我是否应该为此使用服务（花点钱是一种选择）？或者 youtube API，甚至普通的 youtube iframe 可以处理这样的事情吗？这感觉就像一个可怕的 hack。
非常感谢您的任何意见！
HLS 格式是您应该使用的格式 - 浏览器只会根据您的需要加载实际文件。具体来说，它允许您将 m3u8 文件中的时间戳指定为时间戳，因此查找应该更容易。 HLS 还将实际视频片段分解为更小的块，您可以将其存储在 S3 / 云存储中。 hls.js 是适用于桌面 + 移动设备的外部库的一个选项，但能够在页面上组合视频而不是自动全屏可能取决于移动设备。我认为您应该为缩略图做的是创建 1 个平铺这些流的视频，然后使用元素在屏幕上排列这些流。然后，您可以按需加载不同的大型视频流（还有 HLS - 如果您喜欢的话，甚至可以在同一个 m3u8 中加载不同级别）。
对于一个网络应用程序，基本上是一个艺术项目，我想做一件事。
一组固定的 8 个 24 小时长的视频 将被同时观看.其中 7 个为缩略图大小，一个为几乎全屏。用户可以将全屏视频切换为另一个。 24小时后，他们循环。
每个视频都与一天中的时间同步，无法跳过，因此如果您在 10:09:08 访问该网站，所有视频也应该在 10:09:08 开始.所以没有暂停或寻找。
由于视频文件巨大，我不确定哪种方式适合处理这个项目。我认为，由于加载时间的原因，仅将它们放在 <video> 标签中不会是好的用户体验。
开关动作的快速反应是关键；切换无延迟或尽可能少的加载时间。 7个小视频的画质可以降低，但大的还是尽量好。 此外，它应该移动和桌面友好。
我需要什么样的服务 - google这些视频文件的云存储智能吗？
DASH.js 的 Adaptive Streaming 似乎是适用于所有桌面的良好解决方案，但它不适用于移动浏览器。周围有现成的解决方案吗？我是否应该为此使用服务（花点钱是一种选择）？或者 youtube API，甚至普通的 youtube iframe 可以处理这样的事情吗？这感觉就像一个可怕的 hack。
非常感谢您的任何意见！
HLS 格式是您应该使用的格式 - 浏览器只会根据您的需要加载实际文件。具体来说，它允许您将 m3u8 文件中的时间戳指定为时间戳，因此查找应该更容易。 HLS 还将实际视频片段分解为更小的块，您可以将其存储在 S3 / 云存储中。 hls.js 是适用于桌面 + 移动设备的外部库的一个选项，但能够在页面上组合视频而不是自动全屏可能取决于移动设备。我认为您应该为缩略图做的是创建 1 个平铺这些流的视频，然后使用元素在屏幕上排列这些流。然后，您可以按需加载不同的大型视频流（还有 HLS - 如果您喜欢的话，甚至可以在同一个 m3u8 中加载不同级别）。