ArtPlayer/packages/artplayer/src/storage.js

export default class Storage {
    constructor() {
        this.name = 'artplayer_settings';
        this.settings = {};
    }

    get(key) {
        try {
            const storage = JSON.parse(window.localStorage.getItem(this.name)) || {};
            return key ? storage[key] : storage;
            // eslint-disable-next-line no-unused-vars
        } catch (error) {
            return key ? this.settings[key] : this.settings;
        }
    }

    set(key, value) {
        try {
            const storage = Object.assign({}, this.get(), {
                [key]: value,
            });
            window.localStorage.setItem(this.name, JSON.stringify(storage));
            // eslint-disable-next-line no-unused-vars
        } catch (error) {
            this.settings[key] = value;
        }
    }

    del(key) {
        try {
            const storage = this.get();
            delete storage[key];
            window.localStorage.setItem(this.name, JSON.stringify(storage));
            // eslint-disable-next-line no-unused-vars
        } catch (error) {
            delete this.settings[key];
        }
    }

    clear() {
        try {
            window.localStorage.removeItem(this.name);
            // eslint-disable-next-line no-unused-vars
        } catch (error) {
            this.settings = {};
        }
    }
}