javascript - 如何在渲染后禁用视频？

Question

我正在尝试实现类似于 Instagram 的功能，该功能会在 24 小时后销毁视频(故事)，但在我的情况下，这只是视频的持续时间。使用这个example我试图允许用户只查看一个故事一次，这意味着不能重播。即使刷新页面，它也不应该加载。我尝试了 localStorage 但无法工作。

Answer 1

我认为如果没有服务器端干预，您无法编写一个万无一失的解决方案。

但是，如果您认为基于 localStorage 的前端解决方案对您来说足够了(我不推荐)，您可以:

• 维护本地存储中视频 MD5 哈希值的排序列表。
• 当您的 React 应用程序加载时(在 componentDidMount 中)，将该列表加载到内存中。现在，您可以使用当前视频的 MD5 哈希值搜索此有序列表，以决定是否播放此视频。
• 播放视频时，更新内存和本地存储中的 MD5 哈希值列表。
• 如果您的服务器在 24 小时或类似的时间间隔后删除了视频，您也应该将该时间存储在本地存储中以清理您的本地存储，否则它的大小将会不断增大。