navigator.mediasession.metadata不更新页面后重新加载

Question

我目前正在将我们的音频播放器与MediaSession绑定。 一切正常，当我打播放并更新navigator.mediasession.metadata时，它在台式机和移动设备上的通知中正确显示。

但是，在我重新加载页面并命中播放之后，该通知始终具有默认值（网站URL为标题和link rel = rel =“ icon” for Artwork）。这只有在我重新加载网站后才发生。如果我关闭并再次打开通知，该通知再次正常工作。

完成操作：

//...
initialConfiguration: {
    title: 'Initial Title',
    artist: 'Initial Artist',
    album: '',
    artwork: [
        { src: "initial/artwork/url.jpg", sizes: "512x512", type: "image/jpg" },
    ]
},
currentMetadata: null,
setMediaSessionMetaData: function(){
    let self = this;
    if ('mediaSession' in navigator) {
        if( !self.currentMetadata ){
            self.currentMetadata = new MediaMetadata(self.initialConfiguration);
        }else{
            // Update existing metadata
            self.currentMetadata.title = "New Title";
            self.currentMetadata.artist = "New Artist";
            self.currentMetadata.artwork = [
                { src: "new/artwork/url.jpg", sizes: '512x512', type: "image/jpg" },
            ];
        }
        navigator.mediaSession.metadata = self.currentMetadata;
    }
},
//...

此功能在首页加载上的工作正常，当我第一次打播放时，它加载了initialconfiguration，如果我再次调用该功能，则标题和艺术品会更新。但是在重新加载后，通知始终默认值忽略了我的配置。

MediaSession中是否有一个错误，我在MediaSession Github Page上没有发现任何有关此问题的信息（ https://github.com/w3c/mediasession/issues ）并搜索此问题使我的结果为零。

Answer 1

搜索了几天后找不到任何东西。
我发现了一个解决方法。它与performance.navigation.type首次打开页面时，它设置为0，然后将其设置为1。我很好奇是否对<<有任何影响代码> MediaSession 因此，我通过使用window.open（window.location.href，“ _self”）弄清楚如何“硬刷新”页面，因为显然是生成生成的一个“硬刷新”。之后，MediaSession再次工作。因此，我所做的是设置一个on load功能，该功能检查performance.navigation.navigation.type == 1，如果是这样，

    window.onload = function() {
    
        if (performance.navigation.type != 0) {
    
            window.open(window.location.href, "_self");
    
        }
    };

请在用户刷新时进行“硬 刷新”刷新”。
还要确保移动窗口。 Onload行到JavaScript文件的末尾或初始函数之后