渲染后如何禁用视频？

Question

我正在尝试实现类似Instagram的功能，该功能会在24小时后破坏视频（故事），但就我而言，这只是视频的持续时间。我试图使用此example来允许用户仅观看一次故事，这意味着不可以重放。即使刷新页面，它也不应加载。我尝试了localStorage，但无法正常工作。

Answer 1

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

但是，如果您认为基于localStorage的前端解决方案足以满足您的需求（我不建议这样做），则可以：

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

Answer 2

您无法真正控制该视频。发送后，即可以查看。但是，您可以接近。

首先，继续您的UI机制，就像您打算使用LocalStorage或类似方法一样。这是为了防止普通用户一遍又一遍地观看视频。

接下来，使用Encrypted Media Extensions实施DRM。这使得获取原始媒体变得更加困难，并且使您可以更好地控制事情的时机。请注意，这是一个巨大的麻烦，因此在走这条路之前，请确保它值得。