Question

我们将视频播放的分析数据存储在sessionStorage中。

数据形式如下：

interface IplayerPlayed {
    [fileID: string]: {
        /** Non-overlapping time ranges */
        tracks: number[][]
        /** Some value of last threshold passed */
        passed?: number | string
    }
}

问题是，即使用户一次播放两个视频，我们也需要能够保存数据。

我最初的工作。

const playerPlayed = JSON.parse(sessionStorage.getItem('PLAYER_played_analytics') || '{}');
const currentAnalytics = playerPlayed[fileID] || (playerPlayed[fileID] = { tracks: [] })

// some code...

sessionStorage.setItem('PLAYER_played_analytics', JSON.stringify(playerPlayed));

当两个或多个视频在多个选项卡中播放时，此方法不起作用，因为它将用最初解析的数据覆盖其他选项卡中的新数据。

可能的解决方案：

在每次保存之前进行解析。（这绝对是最安全的，但也很慢）
使用regExp查找字符串并替换它而不解析JSON。

Answer 1

在我写这个问题的最后几句话时，我找到了最完美的答案。因此，请在sessisionStorage密钥中使用fileID，只有在用户在两个标签中两次播放相同的视频时，这种情况才会发生，这是不可能的并且可以接受的。

示例（简体）：

const currentAnalytics = JSON.parse(sessionStorage.getItem(`PLAYER_${fileID}_analytics`) || { tracks: [] }

// some code...

sessionStorage.setItem(`PLAYER_${fileID}_analytics`, JSON.stringify(currentAnalytics ));

对于任何人，请随时提出更好的解决方案，因为这尚不完美。

在SessionStorage中同时替换数据的最佳方法

1 个答案: